yuang-framework-ui-pc 1.1.42 → 1.1.43

package/es/utils/message.js

@@ -0,0 +1,267 @@
+import { getCurrentInstance, provide, inject, onActivated, onDeactivated, onBeforeUnmount, unref, isVNode, h, mergeProps } from "vue";
+import { ElMessage } from "element-plus";
+import { useGlobalProps } from "../ele-config-provider/receiver";
+import { useLayoutState } from "../ele-pro-layout/util";
+import MessageBody from "../ele-app/components/message-body";
+import { omit, queryChild } from "./core";
+function blurCurrentFocus() {
+  var _a;
+  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();
+  }
+}
+function getWrapEl(bodyEl, force, groupKey) {
+  const parent = bodyEl || document.body;
+  const className = "ele-message-wrapper";
+  const attr = "data-group";
+  const attrSelector = groupKey == null ? void 0 : [attr, groupKey];
+  const el = force ? void 0 : queryChild(parent, className, attrSelector);
+  if (el != null) {
+    return el;
+  }
+  const elem = document.createElement("div");
+  elem.classList.add(className);
+  if (groupKey) {
+    elem.setAttribute(attr, groupKey);
+  }
+  parent.appendChild(elem);
+  return elem;
+}
+function getDefaultGroupKey() {
+  const url = location == null ? void 0 : location.href;
+  const pi = url.indexOf("?");
+  return url.substring(0, pi < 0 ? void 0 : pi);
+}
+function getOffsetStyle(offset, userStyle) {
+  const mt = typeof offset === "number" ? `${offset}px` : offset;
+  return mergeProps({ style: { marginTop: mt } }, { style: userStyle }).style;
+}
+function isObjOpt(params) {
+  return params != null && typeof params === "object" && !isVNode(params);
+}
+function normalizeOption(params, globalOpt, onClose, type, loading, getWrapEl2, groupKey, messageId, onMessageDestroy) {
+  const opt = { ...globalOpt || {} };
+  if (isObjOpt(params)) {
+    Object.assign(opt, params);
+  } else {
+    opt.message = params;
+  }
+  opt.type = type ?? opt.type;
+  opt.appendTo = (opt.appendTo == null ? void 0 : unref(opt.appendTo)) ?? (getWrapEl2 == null ? void 0 : getWrapEl2(opt.inner));
+  const classes = ["ele-message"];
+  if (opt.original === "plain") {
+    classes.push("is-plain-alert");
+  } else if (opt.original) {
+    classes.push("is-alert");
+  } else if (opt.plain) {
+    classes.push("is-plain");
+  }
+  if (loading) {
+    classes.push("is-loading");
+    opt.duration = opt.duration ?? 0;
+    if (opt.mask) {
+      classes.push("is-show-mask");
+    }
+    if (opt.centered) {
+      classes.push("is-centered");
+    }
+  }
+  if (opt.inner) {
+    classes.push("is-inner");
+  }
+  if (opt.customClass) {
+    classes.push(opt.customClass);
+  }
+  opt.customClass = classes.join(" ");
+  if (opt.offset != null && opt.offset !== "") {
+    opt.style = getOffsetStyle(opt.offset, opt.style);
+  }
+  const content = opt.message;
+  const isFn = typeof content === "function";
+  const isStr = !(isFn || isVNode(content));
+  opt.icon = h(
+    MessageBody,
+    {
+      message: isStr && content != null ? String(content) : void 0,
+      type: opt.type,
+      icon: opt.icon,
+      showClose: opt.showClose,
+      dangerouslyUseHTMLString: opt.dangerouslyUseHTMLString,
+      loading,
+      messageId,
+      onClose,
+      onMessageDestroy
+    },
+    { default: isFn ? content : isStr ? void 0 : () => content }
+  );
+  const key = (opt.inner ? groupKey : void 0) ?? "";
+  opt.message = isStr ? `${key}_${content ?? ""}` : void 0;
+  opt.grouping = isStr ? opt.grouping : false;
+  return omit(opt, [
+    "showClose",
+    "dangerouslyUseHTMLString",
+    "offset",
+    "original",
+    "plain",
+    "mask",
+    "centered",
+    "inner",
+    "groupKey"
+  ]);
+}
+const EleMessage = function(params, context) {
+  const onClose = () => ins.close();
+  const getWrap = () => getWrapEl();
+  const opt = normalizeOption(params, null, onClose, null, null, getWrap);
+  const ins = ElMessage(opt, context);
+  return ins;
+};
+EleMessage.success = function(params, context) {
+  const onClose = () => ins.close();
+  const getWrap = () => getWrapEl();
+  const opt = normalizeOption(params, null, onClose, "success", null, getWrap);
+  const ins = ElMessage(opt, context);
+  return ins;
+};
+EleMessage.warning = function(params, context) {
+  const onClose = () => ins.close();
+  const getWrap = () => getWrapEl();
+  const opt = normalizeOption(params, null, onClose, "warning", null, getWrap);
+  const ins = ElMessage(opt, context);
+  return ins;
+};
+EleMessage.error = function(params, context) {
+  const onClose = () => ins.close();
+  const getWrap = () => getWrapEl();
+  const opt = normalizeOption(params, null, onClose, "error", null, getWrap);
+  const ins = ElMessage(opt, context);
+  return ins;
+};
+EleMessage.info = function(params, context) {
+  const onClose = () => ins.close();
+  const getWrap = () => getWrapEl();
+  const opt = normalizeOption(params, null, onClose, null, null, getWrap);
+  const ins = ElMessage(opt, context);
+  return ins;
+};
+EleMessage.loading = function(params, context) {
+  blurCurrentFocus();
+  const onClose = () => ins.close();
+  const getWrap = () => getWrapEl();
+  const opt = normalizeOption(params, null, onClose, null, true, getWrap);
+  const ins = ElMessage(opt, context);
+  return ins;
+};
+EleMessage.closeAll = function(type) {
+  return ElMessage.closeAll(type);
+};
+const MESSAGE_KEY = Symbol("message");
+function useMessage(globalOpt) {
+  var _a, _b;
+  const layoutState = useLayoutState();
+  const globalProps = useGlobalProps("message");
+  const appContext = (_b = (_a = getCurrentInstance) == null ? void 0 : _a()) == null ? void 0 : _b.appContext;
+  const groupKey = (globalOpt == null ? void 0 : globalOpt.groupKey) || getDefaultGroupKey();
+  const state = { wrapEl: null, isActivated: true, id: 0 };
+  const instances = /* @__PURE__ */ new Map();
+  const hideClass = "is-hide";
+  provide(MESSAGE_KEY, { groupKey, getInnerWrap: () => getWrap(true) });
+  const parentMsg = inject(MESSAGE_KEY, null);
+  onActivated(() => {
+    state.isActivated = true;
+    state.wrapEl && state.wrapEl.classList.remove(hideClass);
+  });
+  onDeactivated(() => {
+    state.isActivated = false;
+    state.wrapEl && state.wrapEl.classList.add(hideClass);
+  });
+  onBeforeUnmount(() => {
+    for (const [_key, ins] of instances) {
+      ins && ins.close && ins.close();
+    }
+    instances.clear();
+  });
+  const getWrap = (inner) => {
+    if (inner) {
+      if (parentMsg != null && parentMsg.groupKey === groupKey) {
+        return parentMsg.getInnerWrap();
+      }
+      if (state.wrapEl == null && layoutState.modalsEl != null) {
+        state.wrapEl = getWrapEl(layoutState.modalsEl, false, groupKey);
+        if (!state.isActivated) {
+          state.wrapEl.classList.add(hideClass);
+        }
+      }
+      if (state.wrapEl != null) {
+        return state.wrapEl;
+      }
+    }
+    return getWrapEl();
+  };
+  const getOpt = function(params, onClose, type, loading) {
+    state.id++;
+    const msgId = `m_${state.id}`;
+    const opt = normalizeOption(
+      params,
+      { ...globalProps.value || {}, ...globalOpt || {} },
+      onClose,
+      type,
+      loading,
+      getWrap,
+      groupKey,
+      msgId,
+      (messageId) => {
+        messageId && instances.delete(messageId);
+      }
+    );
+    return { opt, msgId };
+  };
+  const message = function(params) {
+    const { opt, msgId } = getOpt(params, () => ins.close());
+    const ins = ElMessage(opt, appContext);
+    instances.set(msgId, ins);
+    return ins;
+  };
+  message.success = function(params) {
+    const { opt, msgId } = getOpt(params, () => ins.close(), "success", false);
+    const ins = ElMessage(opt, appContext);
+    instances.set(msgId, ins);
+    return ins;
+  };
+  message.warning = function(params) {
+    const { opt, msgId } = getOpt(params, () => ins.close(), "warning", false);
+    const ins = ElMessage(opt, appContext);
+    instances.set(msgId, ins);
+    return ins;
+  };
+  message.error = function(params) {
+    const { opt, msgId } = getOpt(params, () => ins.close(), "error", false);
+    const ins = ElMessage(opt, appContext);
+    instances.set(msgId, ins);
+    return ins;
+  };
+  message.info = function(params) {
+    const { opt, msgId } = getOpt(params, () => ins.close());
+    const ins = ElMessage(opt, appContext);
+    instances.set(msgId, ins);
+    return ins;
+  };
+  message.loading = function(params) {
+    blurCurrentFocus();
+    const { opt, msgId } = getOpt(params, () => ins.close(), void 0, true);
+    const ins = ElMessage(opt, appContext);
+    instances.set(msgId, ins);
+    return ins;
+  };
+  message.closeAll = function(type) {
+    instances.clear();
+    return ElMessage.closeAll(type);
+  };
+  return message;
+}
+export {
+  EleMessage,
+  MESSAGE_KEY,
+  useMessage
+};

package/es/utils/resolvers.d.ts

@@ -0,0 +1,18 @@
+import { ComponentResolver } from 'unplugin-vue-components/types';
+
+/**
+ * 参数类型
+ */
+export interface EleAdminResolverOptions {
+    /** 包路径 */
+    path?: string | '' | '/es' | '/lib' | '/es/core' | '/lib/core';
+    /** 排除的组件名称 */
+    exclude?: string[];
+    /** 是否导入样式 */
+    importStyle?: boolean | 'css' | 'sass';
+}
+/**
+ * 按需加载插件，这里控制打包后的组件按需加载，如果匹配不上，会出现：开发环境组件正常显示，但是生产环境无法解析组件的情况
+ * @param options 参数
+ */
+export declare function EleAdminResolver(options?: EleAdminResolverOptions): ComponentResolver;

package/es/utils/resolvers.js

@@ -0,0 +1,50 @@
+function getSideEffects(path, options) {
+  const importStyle = options == null ? void 0 : options.importStyle;
+  if (!importStyle) {
+    return;
+  }
+  if (importStyle === "css") {
+    return `${path}/style/css`;
+  }
+  return `${path}/style/index`;
+}
+function getStylePath(namePath, packageName, path) {
+  if (!path) {
+    return `${packageName}/es/${namePath}`;
+  }
+  if (path === "/es/core") {
+    return `${packageName}/es/${namePath}`;
+  }
+  if (path === "/lib/core") {
+    return `${packageName}/lib/${namePath}`;
+  }
+  return `${packageName}${path}/${namePath}`;
+}
+function EleAdminResolver(options) {
+  return {
+    type: "component",
+    resolve: (name) => {
+      var _a;
+      const { path, exclude } = options || {};
+      if ((name.match(/^Ele[A-Z]/) || name.match(/^Yu[A-Z]/)) && !((_a = exclude == null ? void 0 : exclude.includes) == null ? void 0 : _a.call(exclude, name))) {
+        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") {
+          return {
+            name,
+            from: `${packageName}${path ?? "/es"}`,
+            sideEffects: getSideEffects(stylePath, options)
+          };
+        }
+        return {
+          from: `${packageName}${path}/${namePath}/index`,
+          sideEffects: getSideEffects(stylePath, options)
+        };
+      }
+    }
+  };
+}
+export {
+  EleAdminResolver
+};

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

@@ -0,0 +1,6 @@
+/**
+ * 切换主题色
+ * @param color 颜色值
+ * @param dark 是否暗黑模式
+ */
+export declare function changeColor(color?: string | null, dark?: boolean): void;

package/es/utils/theme-util.js

@@ -0,0 +1,42 @@
+import { generate } from "@ant-design/colors";
+function changeColor(color, dark) {
+  const $html = document.documentElement;
+  if (!$html) {
+    return;
+  }
+  const id = "ele-theme-var";
+  const elem = document.getElementById(id);
+  if (elem == null ? void 0 : elem.parentNode) {
+    elem.parentNode.removeChild(elem);
+  }
+  if (color) {
+    const colors = generate(color, dark ? { theme: "dark" } : {});
+    const selector = dark ? "html.dark" : ":root";
+    const elem2 = document.createElement("style");
+    elem2.id = id;
+    elem2.setAttribute("type", "text/css");
+    elem2.innerHTML = [
+      `${selector}{`,
+      `--el-color-primary:${color};`,
+      `--el-color-primary-light-3:${colors[4]};`,
+      `--el-color-primary-light-5:${colors[3]};`,
+      `--el-color-primary-light-7:${colors[2]};`,
+      `--el-color-primary-light-8:${colors[1]};`,
+      `--el-color-primary-light-9:${colors[0]};`,
+      `--el-color-primary-dark-2:${colors[6]};`,
+      "}"
+    ].join("");
+    document.head.appendChild(elem2);
+    $html.dataset.color = color;
+  } else {
+    $html.removeAttribute("data-color");
+  }
+  if (dark) {
+    $html.classList.add("dark");
+  } else {
+    $html.classList.remove("dark");
+  }
+}
+export {
+  changeColor
+};

package/es/utils/validate.d.ts

@@ -0,0 +1,182 @@
+/** 格式校验工具 */
+/**
+ * 手机号正则表达式
+ */
+export declare const phoneReg: RegExp;
+/**
+ * 手机号正则表达式(强校验)
+ */
+export declare const phoneStrongReg: RegExp;
+/**
+ * 固话正则表达式
+ */
+export declare const telReg: RegExp;
+/**
+ * 邮箱正则表达式
+ */
+export declare const emailReg: RegExp;
+/**
+ * 网址正则表达式
+ */
+export declare const urlReg: RegExp;
+/**
+ * 身份证正则表达式
+ */
+export declare const identityReg: RegExp;
+/**
+ * 日期正则表达式
+ */
+export declare const dateReg: RegExp;
+/**
+ * 数字正则表达式
+ */
+export declare const numberReg: RegExp;
+/**
+ * 整数正则表达式
+ */
+export declare const integerReg: RegExp;
+/**
+ * 正整数正则表达式
+ */
+export declare const positiveIntegerReg: RegExp;
+/**
+ * 负整数正则表达式
+ */
+export declare const negativeIntegerReg: RegExp;
+/**
+ * 非负整数(正整数或0)正则表达式
+ */
+export declare const nonNegativeIntegerReg: RegExp;
+/**
+ * 非正整数(负整数或0)正则表达式
+ */
+export declare const nonPositiveIntegerReg: RegExp;
+/**
+ * 中文正则表达式
+ */
+export declare const chineseReg: RegExp;
+/**
+ * 端口号正则表达式
+ */
+export declare const portReg: RegExp;
+/**
+ * IP 正则表达式
+ */
+export declare const ipReg: RegExp;
+/**
+ * 经度正则表达式, -180.0 ~ +180.0(整数部分为 0 ~ 180 , 必须输入 1 到 5 位小数)
+ */
+export declare const longitudeReg: RegExp;
+/**
+ * 纬度正则表达式, -90.0 ~ +90.0(整数部分为 0 ~ 90, 必须输入 1 到 5 位小数)
+ */
+export declare const latitudeReg: RegExp;
+/**
+ * 是否是手机号
+ * @param value
+ */
+export declare function isPhone(value: string): boolean;
+/**
+ * 是否是手机号(强校验)
+ * @param value
+ */
+export declare function isPhoneStrong(value: string): boolean;
+/**
+ * 是否为固话
+ * @param value
+ */
+export declare function isTel(value: string): boolean;
+/**
+ * 是否是邮箱
+ * @param value
+ */
+export declare function isEmail(value: string): boolean;
+/**
+ * 是否是网址
+ * @param value
+ */
+export declare function isUrl(value: string): boolean;
+/**
+ * 是否是身份证
+ * @param value
+ */
+export declare function isIdentity(value: string): boolean;
+/**
+ * 是否是日期
+ * @param value
+ */
+export declare function isDate(value: string): boolean;
+/**
+ * 是否是数字
+ * @param value
+ */
+export declare function isNumber(value: string): boolean;
+/**
+ * 是否是整数
+ * @param value
+ */
+export declare function isInteger(value: string): boolean;
+/**
+ * 是否是正整数
+ * @param value
+ */
+export declare function isPositiveInteger(value: string): boolean;
+/**
+ * 是否是负整数
+ * @param value
+ */
+export declare function isNegativeInteger(value: string): boolean;
+/**
+ * 是否是非负整数(正整数或 0)
+ * @param value
+ */
+export declare function isNonNegativeInteger(value: string): boolean;
+/**
+ * 是否是非正整数(负整数或 0)
+ * @param value
+ */
+export declare function isNonPositiveInteger(value: string): boolean;
+/**
+ * 是否是中文
+ * @param value
+ */
+export declare function isChinese(value: string): boolean;
+/**
+ * 是否是端口号
+ * @param value
+ */
+export declare function isPort(value: string): boolean;
+/**
+ * 是否是 IP
+ * @param value
+ */
+export declare function isIP(value: string): boolean;
+/**
+ * 是否是经度, -180.0 ~ +180.0(整数部分为 0 ~ 180 , 必须输入 1 到 5 位小数)
+ * @param value
+ */
+export declare function isLongitude(value: string): boolean;
+/**
+ * 是否是纬度, -90.0 ~ +90.0(整数部分为 0 ~ 90 , 必须输入 1 到 5 位小数)
+ * @param value
+ */
+export declare function isLatitude(value: string): boolean;
+/**
+ * 验证最小长度, 最大长度
+ * @param value
+ * @param minLength
+ * @param maxLength
+ */
+export declare function maxMinLength(value: string, minLength?: number, maxLength?: number): boolean;
+/**
+ * 验证最小值, 最大值
+ * @param value
+ * @param min
+ * @param max
+ */
+export declare function maxMin(value: number, min?: number, max?: number): boolean;
+/**
+ * 是否是身份证(强校验)
+ * @param value
+ */
+export declare function isIdentityStrong(value: string): string | null | undefined;