ele-admin-plus 1.3.0 → 1.4.0-beta.1

package/lib/utils/hook.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const core = require("./core");
+const common = require("./common");
 function useFormItemRest() {
   vue.provide(elementPlus.formItemContextKey, null);
 }
@@ -69,6 +69,7 @@ function useMobile(onChange) {
       }
     }
   );
+  startMedia();
   return [mobile, startMedia, stopMedia];
 }
 function useMobileDevice(onChange) {
@@ -83,6 +84,7 @@ function useMobileDevice(onChange) {
       }
     }
   );
+  startMedia();
   return [mobileDevice, startMedia, stopMedia];
 }
 function useWindowListener(event, listener) {
@@ -306,7 +308,7 @@ function useComponentEvents(events, emit) {
     emitMethods[name] = (...params) => {
       emit(name, ...params);
     };
-    emitProps[`on${core.capitalize(name)}`] = (...params) => {
+    emitProps[`on${common.capitalize(name)}`] = (...params) => {
       emit(name, ...params);
     };
   });
@@ -317,12 +319,12 @@ function useComponentEvents(events, emit) {
 }
 function useProOptions(props, name = "options") {
   const optionData = vue.ref([]);
-  const optionsProp = vue.computed(() => core.getValue(props, name));
-  const reloadOptions = () => {
+  const optionsProp = vue.computed(() => common.getValue(props, name));
+  const reloadOptions = (params) => {
     if (optionsProp.value != null) {
       if (typeof optionsProp.value === "function") {
         optionData.value = [];
-        optionsProp.value().then((data) => {
+        optionsProp.value(params).then((data) => {
           optionData.value = data || [];
         });
         return;

package/lib/utils/hook.d.ts

@@ -1,4 +1,5 @@
-import { Ref, EmitsOptions, ObjectEmitsOptions, EmitsToProps } from 'vue';
+import { Ref, EmitsOptions, EmitsToProps } from 'vue';
+import { EmitMethods } from '../ele-app/types';
 
 /**
  * 重置组件表单验证
@@ -134,24 +135,20 @@ export declare function useMoveEvent(option?: UseTouchEventOption<MoveEvent>): {
     handleTouchstart: (e: TouchEvent) => void;
 };
 /**
- * 组件事件对应的方法类型
+ * useComponentEvents 返回结果
  */
-export type EmitMethods<T extends EmitsOptions> = T extends string[] ? {
-    [K in T[number]]: (...args: any[]) => void;
-} : T extends ObjectEmitsOptions ? {
-    [K in string & keyof T]: (...args: T[K] extends (...args: infer P) => any ? P : T[K] extends null ? any[] : never) => void;
-} : {};
+export interface UseComponentEventsResult<T extends EmitsOptions> {
+    emitMethods: EmitMethods<T>;
+    emitProps: Required<EmitsToProps<T>>;
+}
 /**
  * 二次封装组件事件处理 hook
  */
-export declare function useComponentEvents<T extends EmitsOptions>(events: T, emit: any): {
-    emitMethods: EmitMethods<T>;
-    emitProps: Required<EmitsToProps<T>>;
-};
+export declare function useComponentEvents<T extends EmitsOptions>(events: T, emit: any): UseComponentEventsResult<T>;
 /**
  * 高级选项数据 hook
  */
 export declare function useProOptions<T>(props: Record<string, any>, name?: string): {
     optionData: Ref<T[], T[]>;
-    reloadOptions: () => void;
+    reloadOptions: (params?: any) => void;
 };

package/lib/utils/menu-util.cjs

@@ -3,13 +3,36 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const util = require("../ele-pro-layout/util");
-const core = require("./core");
+const common = require("./common");
+function getIframeRouteComponent(menu, name) {
+  return vue.defineComponent({
+    name,
+    setup() {
+      var _a;
+      const proLayoutState = util.useProLayoutState();
+      const route = vueRouter.useRoute();
+      const { fullPath } = route;
+      const iframeSrc = vue.ref(util.getIframeSrc(fullPath, menu.component));
+      const isAlive = ((_a = menu.meta) == null ? void 0 : _a.keepAlive) !== false;
+      const keepAlive = vue.computed(() => !!proLayoutState.keepAlive);
+      return () => {
+        if (!isAlive || !keepAlive.value) {
+          return vue.h("iframe", {
+            src: iframeSrc.value,
+            class: "ele-admin-iframe"
+          });
+        }
+        return vue.h("div", { class: "ele-none", style: { display: "none" } });
+      };
+    }
+  });
+}
 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) {
-  return core.findTree(data, (d) => path === d.path) != null;
+  return common.findTree(data, (d) => path === d.path) != null;
 }
 function getRoutePath(path) {
   if (!path || !path.includes("?") || path.endsWith("?")) {
@@ -18,33 +41,10 @@ function getRoutePath(path) {
   return path.substring(0, path.indexOf("?"));
 }
 function getRouteComponent(menu, name, func) {
-  if (!menu.component || !core.isExternalLink(menu.component)) {
+  if (!menu.component || !common.isExternalLink(menu.component)) {
     return { component: func(menu.component, menu, name) };
   }
-  return {
-    component: vue.defineComponent({
-      name,
-      setup() {
-        var _a;
-        const proLayoutState = util.useProLayoutState();
-        const route = vueRouter.useRoute();
-        const { fullPath } = route;
-        const iframeSrc = vue.ref(util.getIframeSrc(fullPath, menu.component));
-        const isAlive = ((_a = menu.meta) == null ? void 0 : _a.keepAlive) !== false;
-        const keepAlive = vue.computed(() => !!proLayoutState.keepAlive);
-        return () => {
-          if (!isAlive || !keepAlive.value) {
-            return vue.h("iframe", {
-              src: iframeSrc.value,
-              class: "ele-admin-iframe"
-            });
-          }
-          return vue.h("div", { class: "ele-none", style: { display: "none" } });
-        };
-      }
-    }),
-    link: true
-  };
+  return { component: getIframeRouteComponent(menu, name), link: true };
 }
 function menuToRoutes(menus, getComponent, added) {
   if (!(menus == null ? void 0 : menus.length)) {
@@ -55,7 +55,7 @@ function menuToRoutes(menus, getComponent, added) {
   menus.forEach((item) => {
     const meta = { ...item.meta };
     const path = meta.routePath || getRoutePath(item.path);
-    if (path && !core.isExternalLink(path) && !pathIsAdd(path, addedRoutes)) {
+    if (path && !common.isExternalLink(path) && !pathIsAdd(path, addedRoutes)) {
       const name = item.name || camelCase(path);
       const { component, link } = getRouteComponent(item, name, getComponent);
       if (link) {
@@ -75,4 +75,5 @@ function menuToRoutes(menus, getComponent, added) {
   });
   return routes;
 }
+exports.getIframeRouteComponent = getIframeRouteComponent;
 exports.menuToRoutes = menuToRoutes;

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

@@ -5,6 +5,14 @@ import { MenuItem } from '../ele-pro-layout/types';
  * 获取路由组件方法
  */
 export type GetComponent = (component?: string, menu?: MenuItem, name?: string) => (() => Promise<RouteComponent>) | RouteComponent | undefined;
+/**
+ * 获取内嵌页面路由组件
+ * @param menu 菜单数据
+ * @param name 组件名称
+ */
+export declare function getIframeRouteComponent(menu: MenuItem, name: 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').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 /**
  * 菜单数据转为路由数据
  * @param menus 菜单数据

package/lib/utils/message-box.cjs

@@ -5,7 +5,7 @@ const elementPlus = require("element-plus");
 const receiver = require("../ele-config-provider/receiver");
 const util = require("../ele-pro-layout/util");
 const MessageBoxIcon = require("../ele-app/components/message-box-icon");
-const core = require("./core");
+const common = require("./common");
 function getWrapEl(bodyEl) {
   const parent = bodyEl || document.body;
   const className = "ele-message-box-wrapper";
@@ -73,7 +73,7 @@ function useMessageBox(globalOpt) {
         boxId && instances.set(boxId, doClose);
       }
     });
-    return core.omit(opt, ["inner"]);
+    return common.omit(opt, ["inner"]);
   };
   const messageBox = function(options) {
     return elementPlus.ElMessageBox(getOption(options), appContext);

package/lib/utils/message.cjs

@@ -5,7 +5,7 @@ const elementPlus = require("element-plus");
 const receiver = require("../ele-config-provider/receiver");
 const util = require("../ele-pro-layout/util");
 const MessageBody = require("../ele-app/components/message-body");
-const core = require("./core");
+const common = require("./common");
 function blurCurrentFocus() {
   var _a;
   if (typeof ((_a = document == null ? void 0 : document.body) == null ? void 0 : _a.querySelector) === "function") {
@@ -18,7 +18,7 @@ function getWrapEl(bodyEl, force, groupKey) {
   const className = "ele-message-wrapper";
   const attr = "data-group";
   const attrSelector = groupKey == null ? void 0 : [attr, groupKey];
-  const el = force ? void 0 : core.queryChild(parent, className, attrSelector);
+  const el = force ? void 0 : common.queryChild(parent, className, attrSelector);
   if (el != null) {
     return el;
   }
@@ -100,7 +100,7 @@ function normalizeOption(params, globalOpt, onClose, type, loading, getWrapEl2,
   const key = (opt.inner ? groupKey : void 0) ?? "";
   opt.message = isStr ? `${key}_${content ?? ""}` : void 0;
   opt.grouping = isStr ? opt.grouping : false;
-  return core.omit(opt, [
+  return common.omit(opt, [
     "showClose",
     "dangerouslyUseHTMLString",
     "offset",

package/lib/utils/message.d.ts

@@ -61,6 +61,6 @@ export { EleMessage };
 export declare const MESSAGE_KEY: MessageKey;
 /**
  * 带当前上下文的消息提示
- * @param options 参数
+ * @param globalOpt 参数
  */
 export declare function useMessage(globalOpt?: MessageOptions): Message;

package/lib/utils/theme-util.cjs

@@ -1,42 +1,211 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const colors = require("@ant-design/colors");
-function changeColor(color, dark) {
-  const $html = document.documentElement;
-  if (!$html) {
+const fastColor = require("@ant-design/fast-color");
+function getThemeSelector(themeSelector) {
+  return themeSelector ?? ":root";
+}
+function getDarkSelector(darkSelector) {
+  return darkSelector ?? "html.dark";
+}
+function getDarkClass(darkClass) {
+  return darkClass ?? "dark";
+}
+function setColorAttr(color, themeEl) {
+  if (color) {
+    themeEl.dataset.color = color;
+  } else {
+    themeEl.removeAttribute("data-color");
+  }
+}
+function isColorValue(value) {
+  let color = void 0;
+  try {
+    color = value ? new fastColor.FastColor(value) : void 0;
+    if (color != null) {
+      const rgb = color.toRgb();
+      if (rgb.r === 0 && rgb.g === 0 && rgb.b === 0 && rgb.a === 1 && color.toRgbString() !== value) {
+        color = void 0;
+      }
+    }
+  } catch (_e) {
+  }
+  return color != null;
+}
+function getBgValue(bg, mask) {
+  if (!mask || !bg) {
+    return bg;
+  }
+  if (!isColorValue(mask)) {
+    return `${mask}, ${bg}`;
+  }
+  return `linear-gradient(${mask}, ${mask}) center / 102% 102%, ${bg}`;
+}
+function getColorLevel(rgb, minus) {
+  const a = (Math.min(Math.max(rgb.a * 100 - minus, 0), 100) / 100).toFixed(2);
+  return new fastColor.FastColor({ ...rgb, a: Number(a) }).toRgbString();
+}
+function generateColors(color, dark, isTransparent) {
+  const levels = colors.generate(color, dark ? { theme: "dark" } : {});
+  const colors$1 = {
+    color,
+    // 主色
+    colorL: levels[4],
+    // 亮
+    colorXL: levels[3],
+    // 很亮
+    colorXXL: levels[2],
+    // 特亮
+    colorXXXL: levels[1],
+    // 超亮
+    colorXXXXL: levels[0],
+    // 极亮
+    colorD: dark ? levels[5] : levels[6]
+    // 暗
+  };
+  if (!isTransparent) {
+    return colors$1;
+  }
+  const rgb = new fastColor.FastColor(color).toRgb();
+  return {
+    color,
+    // 主色
+    colorL: getColorLevel(rgb, 18),
+    // 亮
+    colorXL: getColorLevel(rgb, 36),
+    // 很亮
+    colorXXL: getColorLevel(rgb, 58),
+    // 特亮
+    colorXXXL: getColorLevel(rgb, 72),
+    // 超亮
+    colorXXXXL: getColorLevel(rgb, 86),
+    // 极亮
+    colorD: colors$1.colorD
+    // 暗
+  };
+}
+function generateCssVar(color, dark, isTransparent, varName = "primary") {
+  const colors2 = generateColors(color, !!dark, !!isTransparent);
+  return [
+    `--el-color-${varName}:${colors2.color};`,
+    `--el-color-${varName}-light-3:${colors2.colorL};`,
+    `--el-color-${varName}-light-5:${colors2.colorXL};`,
+    `--el-color-${varName}-light-7:${colors2.colorXXL};`,
+    `--el-color-${varName}-light-8:${colors2.colorXXXL};`,
+    `--el-color-${varName}-light-9:${colors2.colorXXXXL};`,
+    `--el-color-${varName}-dark-2:${colors2.colorD};`
+  ];
+}
+function changeColor(color, dark, isTransparent, themeEl, themeSelector, darkClass, darkSelector) {
+  const $el = themeEl ?? document.documentElement;
+  if (!$el) {
     return;
   }
   const id = "ele-theme-var";
-  const elem = document.getElementById(id);
-  if (elem == null ? void 0 : elem.parentNode) {
-    elem.parentNode.removeChild(elem);
+  const el = document.getElementById(id);
+  if (el == null ? void 0 : el.parentNode) {
+    el.parentNode.removeChild(el);
   }
   if (color) {
-    const colors$1 = 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$1[4]};`,
-      `--el-color-primary-light-5:${colors$1[3]};`,
-      `--el-color-primary-light-7:${colors$1[2]};`,
-      `--el-color-primary-light-8:${colors$1[1]};`,
-      `--el-color-primary-light-9:${colors$1[0]};`,
-      `--el-color-primary-dark-2:${colors$1[6]};`,
-      "}"
-    ].join("");
-    document.head.appendChild(elem2);
-    $html.dataset.color = color;
-  } else {
-    $html.removeAttribute("data-color");
+    const selector = dark ? getDarkSelector(darkSelector) : getThemeSelector(themeSelector);
+    const colorCssVar = generateCssVar(color, dark, isTransparent);
+    if (isTransparent) {
+      colorCssVar.push(
+        generateCssVar(
+          dark ? "#49aa19" : "#52c41a",
+          dark,
+          isTransparent,
+          "success"
+        ).join("")
+      );
+      colorCssVar.push(
+        generateCssVar(
+          dark ? "#d89614" : "#faad14",
+          dark,
+          isTransparent,
+          "warning"
+        ).join("")
+      );
+      colorCssVar.push(
+        generateCssVar(
+          dark ? "#dc4446" : "#ff4d4f",
+          dark,
+          isTransparent,
+          "danger"
+        ).join("")
+      );
+      colorCssVar.push(
+        generateCssVar(
+          dark ? "#dc4446" : "#ff4d4f",
+          dark,
+          isTransparent,
+          "error"
+        ).join("")
+      );
+      colorCssVar.push(
+        generateCssVar(
+          dark ? "#8b8b8b" : "#909399",
+          dark,
+          isTransparent,
+          "info"
+        ).join("")
+      );
+    }
+    const elem = document.createElement("style");
+    elem.id = id;
+    elem.setAttribute("type", "text/css");
+    elem.innerHTML = `${selector}{ ${colorCssVar.join("")} }`;
+    document.head.appendChild(elem);
   }
+  setColorAttr(color, $el);
+  const darkClassName = getDarkClass(darkClass);
   if (dark) {
-    $html.classList.add("dark");
+    $el.classList.add(darkClassName);
   } else {
-    $html.classList.remove("dark");
+    $el.classList.remove(darkClassName);
+  }
+}
+function changeSkin(skinConfig, dark, themeEl, themeSelector, themeClass) {
+  var _a, _b;
+  const $el = themeEl ?? document.documentElement;
+  if (!$el) {
+    return;
+  }
+  const id = "ele-skin-var";
+  const el = document.getElementById(id);
+  if (el == null ? void 0 : el.parentNode) {
+    el.parentNode.removeChild(el);
+  }
+  const className = themeClass ?? "is-transparent";
+  if (!skinConfig) {
+    $el.classList.remove(className);
+    return;
   }
+  const selector = themeSelector ?? "html.is-transparent";
+  const skin = dark ? skinConfig.darkConfig || {} : skinConfig;
+  const wallpaper = getBgValue(skin.wallpaper, skin.maskColor);
+  const overlayBg = getBgValue(skin.overlayBg, skin.overlayMaskColor);
+  const tooltipBg = getBgValue(
+    (_a = skinConfig.darkConfig) == null ? void 0 : _a.overlayBg,
+    (_b = skinConfig.darkConfig) == null ? void 0 : _b.overlayMaskColor
+  );
+  const cssVar = [
+    `${selector}{`,
+    wallpaper ? `--ele-skin-bg-wallpaper:${wallpaper};` : void 0,
+    skin.headerBg ? `--ele-skin-bg-header:${skin.headerBg};` : void 0,
+    skin.sidebarBg ? `--ele-skin-bg-sidebar:${skin.sidebarBg};` : void 0,
+    skin.cardBg ? `--ele-skin-bg-card:${skin.cardBg};` : void 0,
+    overlayBg ? `--ele-skin-bg-overlay:${overlayBg};` : void 0,
+    tooltipBg ? `--ele-skin-bg-tooltip:${tooltipBg};` : void 0,
+    "}"
+  ];
+  const elem = document.createElement("style");
+  elem.id = id;
+  elem.setAttribute("type", "text/css");
+  elem.innerHTML = cssVar.filter((s) => !!s).join("");
+  document.head.appendChild(elem);
+  $el.classList.add(className);
 }
 exports.changeColor = changeColor;
+exports.changeSkin = changeSkin;
+exports.isColorValue = isColorValue;

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

@@ -1,6 +1,54 @@
+/**
+ * 主题皮肤配置
+ */
+export interface SkinConfig {
+    /** 主题皮肤名称 */
+    name?: string;
+    /** 主题皮肤缩略图 */
+    cover?: string;
+    /** 自定义主题皮肤基于的默认主题皮肤名称 */
+    skinName?: string;
+    /** 主题色 */
+    color?: string;
+    /** 背景图片 */
+    wallpaper?: string;
+    /** 背景蒙层 */
+    maskColor?: string;
+    /** 顶栏背景 */
+    headerBg?: string;
+    /** 侧栏背景 */
+    sidebarBg?: string;
+    /** 卡片背景 */
+    cardBg?: string;
+    /** 弹层背景 */
+    overlayBg?: string;
+    /** 弹层背景蒙层 */
+    overlayMaskColor?: string;
+    /** 暗黑主题配置 */
+    darkConfig?: Omit<SkinConfig, 'name' | 'darkConfig'>;
+}
+/**
+ * 判断是否是颜色值
+ * @param value 颜色
+ */
+export declare function isColorValue(value?: string): boolean;
 /**
  * 切换主题色
  * @param color 颜色值
  * @param dark 是否暗黑模式
+ * @param isTransparent 是否是皮肤主题
+ * @param themeEl 主题节点
+ * @param themeSelector 主题变量选择器
+ * @param darkClass 暗黑主题节点类名
+ * @param darkSelector 暗黑主题变量选择器
+ */
+export declare function changeColor(color?: string | null, dark?: boolean, isTransparent?: boolean, themeEl?: HTMLElement, themeSelector?: string, darkClass?: string, darkSelector?: string): void;
+/**
+ * 切换主题皮肤
+ * @param skinConfig 主题皮肤配置
+ * @param dark 是否暗黑模式
+ * @param themeEl 主题节点
+ * @param themeSelector 主题变量选择器
+ * @param themeClass 主题节点类名
  */
-export declare function changeColor(color?: string | null, dark?: boolean): void;
+export declare function changeSkin(skinConfig?: SkinConfig | null, dark?: boolean, themeEl?: HTMLElement, themeSelector?: string, themeClass?: string): void;

package/package.json

@@ -1,12 +1,11 @@
 {
   "name": "ele-admin-plus",
-  "version": "1.3.0",
+  "version": "1.4.0-beta.1",
   "type": "module",
   "scripts": {
     "dev": "vite --host --config vite.global.ts",
     "dev:needed": "vite --host",
     "build": "esno scripts/build.ts",
-    "ts2js": "esno scripts/ts2js.ts",
     "lint:eslint": "eslint --cache --max-warnings 0  \"{src,components}/**/*.{vue,js,jsx,ts,tsx}\" --fix",
     "clean:cache": "rimraf node_modules/.cache/ && rimraf node_modules/.vite/",
     "clean:lib": "rimraf node_modules",
@@ -18,65 +17,65 @@
   },
   "devDependencies": {
     "@amap/amap-jsapi-loader": "^1.0.1",
-    "@ant-design/colors": "^7.2.0",
-    "@babel/types": "^7.26.3",
-    "@bytemd/plugin-gfm": "^1.21.0",
-    "@bytemd/plugin-highlight": "^1.21.0",
+    "@ant-design/colors": "^7.2.1",
+    "@babel/types": "^7.27.3",
+    "@bytemd/plugin-gfm": "^1.22.0",
+    "@bytemd/plugin-highlight": "^1.22.0",
     "@element-plus/icons-vue": "^2.3.1",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^22.10.5",
+    "@types/node": "^22.15.23",
     "@types/nprogress": "^0.2.3",
     "@types/sortablejs": "^1.15.8",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
-    "@vitejs/plugin-vue": "^5.2.1",
-    "@vitejs/plugin-vue-jsx": "^4.1.1",
-    "@vue/compiler-sfc": "^3.5.13",
-    "@vueuse/core": "^12.3.0",
-    "axios": "^1.7.9",
-    "bytemd": "^1.21.0",
+    "@vitejs/plugin-vue": "^5.2.4",
+    "@vitejs/plugin-vue-jsx": "^4.2.0",
+    "@vue/compiler-sfc": "^3.5.15",
+    "@vueuse/core": "^13.3.0",
+    "axios": "^1.9.0",
+    "bytemd": "^1.22.0",
     "chalk": "^5.4.1",
-    "countup.js": "^2.8.0",
+    "countup.js": "^2.8.2",
     "cropperjs": "^1.6.2",
     "dayjs": "^1.11.13",
     "echarts": "^5.6.0",
     "echarts-wordcloud": "^2.1.0",
-    "element-plus": "^2.9.2",
+    "element-plus": "^2.9.11",
     "eslint": "^8.57.1",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-vue": "^9.32.0",
+    "eslint-plugin-prettier": "^5.4.0",
+    "eslint-plugin-vue": "^9.33.0",
     "esno": "^4.8.0",
     "exceljs": "^4.4.0",
-    "execa": "^9.5.2",
+    "execa": "^9.6.0",
     "github-markdown-css": "^5.8.1",
     "highlight.js": "^11.11.1",
     "jsbarcode": "^3.11.6",
     "lodash-es": "^4.17.21",
-    "monaco-editor": "^0.52.2",
+    "monaco-editor": "^0.47.0",
     "nprogress": "^0.2.0",
     "p-limit": "^6.2.0",
-    "pinia": "^2.3.0",
-    "postcss": "^8.4.49",
-    "prettier": "^3.4.2",
+    "pinia": "^3.0.2",
+    "postcss": "^8.5.3",
+    "prettier": "^3.5.3",
     "rimraf": "^6.0.1",
-    "sass": "^1.83.1",
+    "sass": "^1.89.0",
     "sortablejs": "^1.15.6",
     "tinymce": "^5.10.9",
-    "typescript": "^5.7.3",
-    "unplugin-vue-components": "^28.0.0",
-    "vite": "^6.0.7",
+    "typescript": "^5.8.3",
+    "unplugin-vue-components": "^28.7.0",
+    "vite": "^6.3.5",
     "vite-plugin-dts": "^3.9.1",
-    "vue": "^3.5.13",
+    "vue": "^3.5.15",
     "vue-echarts": "^7.0.3",
     "vue-eslint-parser": "^9.4.3",
-    "vue-i18n": "^11.0.1",
-    "vue-router": "^4.5.0",
-    "vue-tsc": "^2.2.0",
+    "vue-i18n": "^11.1.5",
+    "vue-router": "^4.5.1",
+    "vue-tsc": "^2.2.10",
     "vuedraggable": "^4.1.0",
-    "xgplayer": "^3.0.20",
-    "xgplayer-hls": "^3.0.20",
-    "xgplayer-music": "^3.0.20"
+    "xgplayer": "^3.0.22",
+    "xgplayer-hls": "^3.0.22",
+    "xgplayer-music": "^3.0.22"
   },
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/typings/global.d.ts

@@ -20,6 +20,8 @@ declare module 'vue' {
     EleCountUp: (typeof import('ele-admin-plus'))['EleCountUp'];
     EleCropper: (typeof import('ele-admin-plus'))['EleCropper'];
     EleCropperModal: (typeof import('ele-admin-plus'))['EleCropperModal'];
+    EleCrud: (typeof import('ele-admin-plus'))['EleCrud'];
+    EleCrudBuilder: (typeof import('ele-admin-plus'))['EleCrudBuilder'];
     EleDashboard: (typeof import('ele-admin-plus'))['EleDashboard'];
     EleDataTable: (typeof import('ele-admin-plus'))['EleDataTable'];
     EleDot: (typeof import('ele-admin-plus'))['EleDot'];