yxuse 3.0.10 → 3.0.11

package/README.md

@@ -1,9 +1,51 @@
 # yxuse
 
-- 起步
+## 更新日志
+
+- 2024 3-18 (Vue2.x--> 2.0.3 Vue3.x--->3.0.10)
+
+  - theme
+
+    - 主题初始化 install 方法新增配置，主要有当前开发的环境，在开发环境下无 token 会进行弹窗提示，进行自动登录，生产环境登录失效自动跳转至 loginUrl 地址（已内置）
+
+    ```js
+    export interface YxuseOptions {
+    	/** 是否渲染悬浮球*/
+    	isRenderToolbar?: boolean;
+    	/** 是否加载工单*/
+    	isRenderIssue?: boolean;
+    	/** 是否加载语言切换*/
+    	isRenderLang?: boolean;
+    	/** 登录页地址，非运管系统项目使用*/
+    	loginUrl?: string;
+    	/** 自定义登录api,非运管系统项目使用*/
+    	loginApiUrl?: string;
+    	/** 翻译Api地址,非运管系统项目使用*/
+    	translateApiUrl?: string;
+    	/** 主题列表接口,非运管系统项目使用*/
+    	themeApiUrl: string;
+    	/** 首页地址，非运管系统项目使用*/
+    	homeUrl?: string;
+    	/** 系统语言*/
+    	lang?: string;
+    	/** 当前环境*/
+    	environment: "development" | "production";
+    }
+    ```
+
+    - 新增判断当前色值是否在当前主题中的方法 findColorByTheme(key: string, color: string)
+
+  - auth
+
+    - 新增获取系统配置的方法 getSystemConfig(key: string)
+
+  - utils
+    - 新增判断该色值是否是深色的方法 isDarkColor(color: string)
+
+## 起步
 
 ```javascript
-低版本适配为1.0.57
+低版本适配为1.0.100
  //npm
 npm install yxuse@latest
  //pnpm
@@ -12,9 +54,9 @@ pnpm install yxuse@latest
 //最新淘宝镜像地址为 https://registry.npmmirror.com
 
 //速度慢或者版本更新不及时 请使用npm源镜像下载
-npm  set registry https://registry.npmjs.org
-//或
-pnpm set registry https://registry.npmjs.org
+// npm  set registry https://registry.npmjs.org
+// //或
+// pnpm set registry https://registry.npmjs.org
 
 npm publish
 ```
@@ -105,85 +147,85 @@ import { auth } from "yxuse/api";
   //Vue3.0+Vite+Ts+pinia
   // router/index.ts
   router.beforeEach(async (to, from, next) => {
-  	const globalStore = GlobalStore();
-  	NProgress.start();
-  	// await getBaseConfig();
-  	//权限校验
-  	// 2.动态设置标题
-  	const title = import.meta.env.VITE_GLOB_APP_TITLE;
-  	document.title = to.meta.title ? `${to.meta.title} - ${title}` : title;
-  	// 3.判断是访问登陆页，有 Token 就在当前页面，没有 Token 重置路由并放行到登陆页
-  	const URL = [LOGIN_URL];
-  	if (URL.includes(to.path.toLocaleLowerCase())) {
-  		if (globalStore.token) return next(from.fullPath);
-  		return next();
-  	}
-  	// 4.判断访问页面是否在路由白名单地址中，如果存在直接放行
-  	if (ROUTER_WHITE_LIST.includes(to.path)) return next();
-  	// 5.判断是否有 Token，没有重定向到 login
+    const globalStore = GlobalStore();
+    NProgress.start();
+    // await getBaseConfig();
+    //权限校验
+    // 2.动态设置标题
+    const title = import.meta.env.VITE_GLOB_APP_TITLE;
+    document.title = to.meta.title ? `${to.meta.title} - ${title}` : title;
+    // 3.判断是访问登陆页，有 Token 就在当前页面，没有 Token 重置路由并放行到登陆页
+    const URL = [LOGIN_URL];
+    if (URL.includes(to.path.toLocaleLowerCase())) {
+      if (globalStore.token) return next(from.fullPath);
+      return next();
+    }
+    // 4.判断访问页面是否在路由白名单地址中，如果存在直接放行
+    if (ROUTER_WHITE_LIST.includes(to.path)) return next();
+    // 5.判断是否有 Token，没有重定向到 login
 
-  	if (!globalStore.token) return next({ path: LOGIN_URL, replace: true });
+    if (!globalStore.token) return next({ path: LOGIN_URL, replace: true });
 
-  	// 6.如果没有菜单列表，或者系统列表，就重新请求菜单列表并添加动态路由
-  	const authStore = AuthStore();
-  	authStore.setRouteName(to.name as string);
+    // 6.如果没有菜单列表，或者系统列表，就重新请求菜单列表并添加动态路由
+    const authStore = AuthStore();
+    authStore.setRouteName(to.name as string);
 
-  	if (!authStore.authMenuList.length) {
-  		//监测是当前用户是否有权限
-  		const isEmptyPower = await initDynamicRouter(to.path);
-  		if (!isEmptyPower) return next({ ...to, replace: true });
-  	}
-  	next();
+    if (!authStore.authMenuList.length) {
+      //监测是当前用户是否有权限
+      const isEmptyPower = await initDynamicRouter(to.path);
+      if (!isEmptyPower) return next({ ...to, replace: true });
+    }
+    next();
   });
   //router/modules/dynamicRouter.ts
   export const initDynamicRouter = async path => {
-  	const authStore = AuthStore();
-  	const globalStore = GlobalStore();
-  	const configStore = ConfigStore();
-  	const baseConfig = configStore.baseConfigMapGet;
-  	if (Object.keys(baseConfig).length === 0) {
-  		await configStore.getBaseConfig();
-  	}
-  	try {
-  		// 1.获取菜单列表 && 按钮权限（可合并到一个接口获取，根据后端不同可自行改造）
-  		await authStore.getUserRouteListApi();
-  		//2.判断当前用户有没有系统权限
-  		if (!authStore.authMenuListGet.length) {
-  			//用户无权限且当前路由不在系统入口页面 默认跳转至系统入口
-  			if (path !== SYSTEM_ENTRY) {
-  				router.replace(SYSTEM_ENTRY);
-  			} else {
-  				ElNotification({
-  					title: "无权限访问",
-  					message: "当前账号无任何系统权限，请联系系统管理员！",
-  					type: "warning",
-  					duration: 3000
-  				});
-  			}
-  			return true;
-  		}
-  		// 3.添加动态路由
-  		//页面文件
-  		const modules = import.meta.glob("@/views/**/*.vue");
-  		//页面配置项
-  		const viewConfig = import.meta.glob("@/views/**/config.ts", {
-  			import: "viewConfig",
-  			eager: true
-  		});
-  		const userRouterList = auth.getUserRouter(authStore.authMenuList, modules, viewConfig);
-  		console.log(authStore.authMenuList);
-
-  		userRouterList.forEach(route => {
-  			router.addRoute("layout", route);
-  		});
-  		authStore.setLayoutMenuList(userRouterList);
-  		return false;
-  	} catch (error) {
-  		// 💢 当按钮 || 菜单请求出错时，重定向到登陆页
-  		// globalStore.setToken("");
-  		// router.replace(LOGIN_URL);
-  		return Promise.reject(error);
-  	}
+    const authStore = AuthStore();
+    const globalStore = GlobalStore();
+    const configStore = ConfigStore();
+    const baseConfig = configStore.baseConfigMapGet;
+    if (Object.keys(baseConfig).length === 0) {
+      await configStore.getBaseConfig();
+    }
+    try {
+      // 1.获取菜单列表 && 按钮权限（可合并到一个接口获取，根据后端不同可自行改造）
+      await authStore.getUserRouteListApi();
+      //2.判断当前用户有没有系统权限
+      if (!authStore.authMenuListGet.length) {
+        //用户无权限且当前路由不在系统入口页面 默认跳转至系统入口
+        if (path !== SYSTEM_ENTRY) {
+          router.replace(SYSTEM_ENTRY);
+        } else {
+          ElNotification({
+            title: "无权限访问",
+            message: "当前账号无任何系统权限，请联系系统管理员！",
+            type: "warning",
+            duration: 3000
+          });
+        }
+        return true;
+      }
+      // 3.添加动态路由
+      //页面文件
+      const modules = import.meta.glob("@/views/**/*.vue");
+      //页面配置项
+      const viewConfig = import.meta.glob("@/views/**/config.ts", {
+        import: "viewConfig",
+        eager: true
+      });
+      const userRouterList = auth.getUserRouter(authStore.authMenuList, modules, viewConfig);
+      console.log(authStore.authMenuList);
+
+      userRouterList.forEach(route => {
+        router.addRoute("layout", route);
+      });
+      authStore.setLayoutMenuList(userRouterList);
+      return false;
+    } catch (error) {
+      // 💢 当按钮 || 菜单请求出错时，重定向到登陆页
+      // globalStore.setToken("");
+      // router.replace(LOGIN_URL);
+      return Promise.reject(error);
+    }
   };
 
   ```
@@ -302,8 +344,8 @@ import { auth } from "yxuse/api";
     ```javascript
     //静态路由下添加
     {
-    		path: "/:pathMatch(.*)*",
-    		component: () => import("@/components/ErrorMessage/404.vue")
+        path: "/:pathMatch(.*)*",
+        component: () => import("@/components/ErrorMessage/404.vue")
     }
     ```
 

package/lib/api.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cjs6.js"),e=require("./index.cjs5.js");require("element-plus");exports.auth=t.index;exports.getCommentUntreatedCount=e.getCommentUntreatedCount;exports.getUserSelectAnteList=e.getUserSelectAnteList;exports.getUserSelectSatelliteList=e.getUserSelectSatelliteList;exports.getUserThemeList=e.getUserThemeList;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cjs6.js"),e=require("./index.cjs5.js");require("./vue.runtime.esm-bundler.cjs.js");exports.auth=t.index;exports.getCommentUntreatedCount=e.getCommentUntreatedCount;exports.getUserSelectAnteList=e.getUserSelectAnteList;exports.getUserSelectSatelliteList=e.getUserSelectSatelliteList;exports.getUserThemeList=e.getUserThemeList;

package/lib/api.es.js

@@ -1,6 +1,6 @@
 import { i as a } from "./index.es6.js";
 import { g as o, d as i, c as m, a as g } from "./index.es5.js";
-import "element-plus";
+import "./vue.runtime.esm-bundler.es.js";
 export {
   a as auth,
   o as getCommentUntreatedCount,

package/lib/components.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs2.js");require("./index.cjs3.js");require("./index.cjs6.js");require("element-plus");require("./index.cjs4.js");require("vue");require("./index.cjs5.js");require("./index.cjs7.js");exports.Toolbar=e.Toolbar;exports.Update=e.Update;exports.YxDialog=e._sfc_main;exports.YxForm=e.form;exports.YxSearchForm=e.index;exports.YxTable=e._sfc_main$1;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs2.js");require("./index.cjs3.js");require("./index.cjs6.js");require("./vue.runtime.esm-bundler.cjs.js");require("./index.cjs4.js");require("./index.cjs5.js");require("./index.cjs7.js");exports.Toolbar=e.Toolbar;exports.Update=e.Update;exports.YxDialog=e._sfc_main;exports.YxForm=e.form;exports.YxSearchForm=e.index;exports.YxTable=e._sfc_main$1;

package/lib/components.es.js

@@ -1,16 +1,15 @@
-import { T as e, U as Y, _ as l, f as T, i as b, a as f } from "./index.es2.js";
+import { T as x, U as e, _ as Y, f as l, i as T, a as b } from "./index.es2.js";
 import "./index.es3.js";
 import "./index.es6.js";
-import "element-plus";
+import "./vue.runtime.esm-bundler.es.js";
 import "./index.es4.js";
-import "vue";
 import "./index.es5.js";
 import "./index.es7.js";
 export {
-  e as Toolbar,
-  Y as Update,
-  l as YxDialog,
-  T as YxForm,
-  b as YxSearchForm,
-  f as YxTable
+  x as Toolbar,
+  e as Update,
+  Y as YxDialog,
+  l as YxForm,
+  T as YxSearchForm,
+  b as YxTable
 };

package/lib/directives.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.cjs7.js");require("./index.cjs6.js");require("element-plus");exports.default=e.directives$1;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.cjs7.js");require("./index.cjs6.js");require("./vue.runtime.esm-bundler.cjs.js");exports.default=e.directives$1;

package/lib/directives.es.js

@@ -1,6 +1,6 @@
 import { a as m } from "./index.es7.js";
 import "./index.es6.js";
-import "element-plus";
+import "./vue.runtime.esm-bundler.es.js";
 export {
   m as default
 };

package/lib/icons.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs4.js");require("vue");exports.telemetryTitle=e.telemetryTitle;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs4.js");require("./vue.runtime.esm-bundler.cjs.js");exports.telemetryTitle=e.telemetryTitle;

package/lib/icons.es.js

@@ -1,5 +1,5 @@
 import { t as m } from "./index.es4.js";
-import "vue";
+import "./vue.runtime.esm-bundler.es.js";
 export {
   m as telemetryTitle
 };

package/lib/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./index.cjs3.js"),r=require("./index.cjs4.js"),t=require("./index.cjs5.js"),e=require("./index.cjs2.js");require("./index.cjs7.js");require("./index.cjs6.js");require("element-plus");require("vue");exports.utils=i.utils2;exports.icons=r.icons2;exports.api=t.api2;exports.BC=e.BC;exports.components=e.components2;exports.default=e.index$1;exports.theme=e.theme2;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./index.cjs3.js"),t=require("./index.cjs4.js"),r=require("./index.cjs5.js"),e=require("./index.cjs2.js");require("./index.cjs7.js");require("./index.cjs6.js");require("./vue.runtime.esm-bundler.cjs.js");exports.utils=i.utils2;exports.icons=t.icons2;exports.api=r.api2;exports.BC=e.BC;exports.components=e.components2;exports.default=e.index$1;exports.theme=e.theme2;