xframelib 0.5.7 → 0.6.0

package/README.md

@@ -1,68 +1,117 @@
-# xframelib
-
-基于 VUE3+Hprose+Typescript 的前端框架
-
-- v0.5.7 修改 init 初始化增加 sysGroup 参数;增加 Global.SystemGroup 字段，Axios 和 Hprose 的 Http 请求头加入 sysgroup 系统分组名;解决 Global 变量的循环引用,增加 SysConfig 的 UI 下的 GrayMode 参数、部分 ServiceURL 下参数，修改一些小 BUG;
-- v0.5.6 修改 init 初始化方法增加 sysID 参数；增加 Global.SystemID 字段，Axios 和 Hprose 的 Http 请求头加入 sysid;
-- v0.5.5 截取捕捉后台返回的有用异常信息，重新抛出;异常警告输出统一模型增加 isExceptionInfo 字段;更新依赖库;
-- v0.5.4 解决 IRole 相关模型类型未导出;LayoutManager.d.ts 输出两遍问题;完善 axios http 请求异常警告输出统一模型,发送 SysEvents.AxiosRequestErrorEvent 系统事件;
-- v0.5.3 撤销的版本
-- v0.5.2 撤销的版本
-- v0.5.1 路由权限过滤只比较 path;修改返回权限结果判断错误问题
-- v0.5.0 增加用户权限管理组;增加 CodeHelper 来辅助生成部分代码的方法;解决大文件下载路径传递、全屏时不传对象报错等问题;引入 axios 对象外部化 axios 库
-- v0.4.9 解决 Global.User 对象赋值错误导致 0.4.8 无法登录的问题
-- v0.4.8 解决 UserToken 里没有 appkey 信息;刷新 token 时丢失 appkey 信息（弃用该版本）
-- v0.4.7 解决 Hprose 使用 ClientContext 进行公共传参问题,默认 headers 自带 token 值
-- v0.4.6 解决文件分片下载并发请求过多的超时问题;AxiosHelper 增加超时时间参数，请求出错不默认弹框
-- v0.4.5 解决大文件下载的问题（修复 0.4.4 版本问题）;增加库依赖资源 public 文件夹
-- v0.4.4 修改单个文件（单片）下载报错问题;（废弃不要使用）
-- v0.4.3 修改组件卸载事件的错误;增加用于大屏的浅灰色窗体样式
-- v0.4.2 重要修改：修改打包方式;支持组件导出;新增布局组件及管理方法;requestFullScreen 不传要素窗体全屏
-- v0.4.1 解决补充遗漏的 BigFileDownload 类;
-- v0.4.0 增加 isTool 的相关函数,修改补充方法,增加导出 IUser;
-- v0.3.9 init 方法需要传入 axios 对象（不能将 axios 打包进去，因为存在错误）;
-- v0.3.8 取消 init 方法传入 axios 对象（改为内部自带 Global.Axios）;完善 AxiosHelper 工具类;增加大文件分片/断点续传下载类 BigFileDownload;
-- v0.3.7 增加 LockHelper 长时间操作退出登录，增加 SystemConfig.UI.LockTime 可选配置和接口 onLockListener、 unLockListener、getLockState;
-- v0.3.6 H5Tool 增加基于 SparkMD5 的 MD5 计算;解决 TokenHelper 与 Global 循环引用问题;增加模仿 JQuery 的 HTML 元素 Style 类名操作 hasClass、addClass、removeClass、toggleClass;完善 getProxyClient 支持 Map 缓存 HproseProxy 对象
-- v0.3.5 增加大文件切片上传 FileUpload;增加 newGuid 方法;
-  修改 requestPost 使用 FormData 方式提交数据,增加 requestPostBody 使用 JSON 方式提交;
-  移除 UserCookies 和 JS-js-cookie 依赖;
-  H5Tool 增加 getFileShortMD5 获取文件 MD5 值,增加 getObjectURL 获取 File 对象的路径;
-- v0.3.4 增加统一用户登录和 Token 支持;解决类循环引用问题;增加系统配置参数为具体接口
-- v0.3.3 解决 支持 Hprose 旧版本不支持 useServiceAsync 的问题
-- v0.3.2 解决 0.3.1 版本更新错误（导致 HproseClient 无法实例化的问题）
-- v0.3.1 修改系统 DefaultProxyClient 初始化弹框报错问题（DefaultHproseAPI 配置项可为空或不设置）;增加 getProxyClient 和 initDefaultProxyClient 全局方法。
-- v0.3.0 修改 UserCookies 支持自定义 KEY;修改 H5Tool 增强全屏操作功能方法;升级依赖的基础库
-- v0.2.9 删除 uuid 的 NPM 包,增加 uuid 工具类,解决类型问题
-- v0.2.8 删除对 axios 的依赖（因 axios 使用了 process 对象,vue 中报错）
-- v0.2.7 增加 VUE WINDOW,FileDownload 等,打包入 axios（出现问题）
-- v0.2.6 新建前端 xframelib,支持 VUE 组件打包基于 ESbuild
-- v0.2.5 减小发布包大小,外部依赖 hprose
-- v0.2.4 正式应用于项目中,提供.d.ts 声明文件。
-
-## What Works:
-
-- HproseClient 服务调用封装
-- 消息事件总线
-- Global 全局对象
-- Message 提示信息
-- SplitSpanes 封装
-- collapsepanel 封装
-- vuewindow 封装
-- 增加 utils 里的 Color、FileDownload、StorageHelper
-
-## Installation
-
-`yarn add xframelib`
-
-or
-
-`npm i -D xframelib`
-
-## Usage
-
-暂无
-
-### Working with hprose
-
-暂无
+# xframelib
+
+基于 VUE3+Hprose+Typescript 的前端框架
+
+- v0.6.0 解决requestPost支持FormData数组参数问题;IMapKeys支持地图Key配置为数组;ServiceURL配置增加IconServiceURL、UILoginURL等
+- v0.5.9 重构用户模型和登录验证,对接用户权限管理系统;增加XXTEA加密算法;增加http network error错误捕捉
+- v0.5.8 修改 VueWindow 报 fixPosition 错误；重构升级 widget 加载过程；升级依赖基础库版本
+- v0.5.7 修改 init 初始化增加 sysGroup 参数;增加 Global.SystemGroup 字段，Axios 和 Hprose 的 Http 请求头加入 sysgroup 系统分组名;解决 Global 变量的循环引用,增加 SysConfig 的 UI 下的 GrayMode 参数、部分 ServiceURL 下参数，修改一些小 BUG;
+- v0.5.6 修改 init 初始化方法增加 sysID 参数；增加 Global.SystemID 字段，Axios 和 Hprose 的 Http 请求头加入 sysid;
+- v0.5.5 截取捕捉后台返回的有用异常信息，重新抛出;异常警告输出统一模型增加 isExceptionInfo 字段;更新依赖库;
+- v0.5.4 解决 IRole 相关模型类型未导出;LayoutManager.d.ts 输出两遍问题;完善 axios http 请求异常警告输出统一模型,发送 SysEvents.AxiosRequestErrorEvent 系统事件;
+- v0.5.3 撤销的版本
+- v0.5.2 撤销的版本
+- v0.5.1 路由权限过滤只比较 path;修改返回权限结果判断错误问题
+- v0.5.0 增加用户权限管理组;增加 CodeHelper 来辅助生成部分代码的方法;解决大文件下载路径传递、全屏时不传对象报错等问题;引入 axios 对象外部化 axios 库
+- v0.4.9 解决 Global.User 对象赋值错误导致 0.4.8 无法登录的问题
+- v0.4.8 解决 UserToken 里没有 appkey 信息;刷新 token 时丢失 appkey 信息（弃用该版本）
+- v0.4.7 解决 Hprose 使用 ClientContext 进行公共传参问题,默认 headers 自带 token 值
+- v0.4.6 解决文件分片下载并发请求过多的超时问题;AxiosHelper 增加超时时间参数，请求出错不默认弹框
+- v0.4.5 解决大文件下载的问题（修复 0.4.4 版本问题）;增加库依赖资源 public 文件夹
+- v0.4.4 修改单个文件（单片）下载报错问题;（废弃不要使用）
+- v0.4.3 修改组件卸载事件的错误;增加用于大屏的浅灰色窗体样式
+- v0.4.2 重要修改：修改打包方式;支持组件导出;新增布局组件及管理方法;requestFullScreen 不传要素窗体全屏
+- v0.4.1 解决补充遗漏的 BigFileDownload 类;
+- v0.4.0 增加 isTool 的相关函数,修改补充方法,增加导出 IUser;
+- v0.3.9 init 方法需要传入 axios 对象（不能将 axios 打包进去，因为存在错误）;
+- v0.3.8 取消 init 方法传入 axios 对象（改为内部自带 Global.Axios）;完善 AxiosHelper 工具类;增加大文件分片/断点续传下载类 BigFileDownload;
+- v0.3.7 增加 LockHelper 长时间操作退出登录，增加 SystemConfig.UI.LockTime 可选配置和接口 onLockListener、 unLockListener、getLockState;
+- v0.3.6 H5Tool 增加基于 SparkMD5 的 MD5 计算;解决 TokenHelper 与 Global 循环引用问题;增加模仿 JQuery 的 HTML 元素 Style 类名操作 hasClass、addClass、removeClass、toggleClass;完善 getProxyClient 支持 Map 缓存 HproseProxy 对象
+- v0.3.5 增加大文件切片上传 FileUpload;增加 newGuid 方法;
+  修改 requestPost 使用 FormData 方式提交数据,增加 requestPostBody 使用 JSON 方式提交;
+  移除 UserCookies 和 JS-js-cookie 依赖;
+  H5Tool 增加 getFileShortMD5 获取文件 MD5 值,增加 getObjectURL 获取 File 对象的路径;
+- v0.3.4 增加统一用户登录和 Token 支持;解决类循环引用问题;增加系统配置参数为具体接口
+- v0.3.3 解决 支持 Hprose 旧版本不支持 useServiceAsync 的问题
+- v0.3.2 解决 0.3.1 版本更新错误（导致 HproseClient 无法实例化的问题）
+- v0.3.1 修改系统 DefaultProxyClient 初始化弹框报错问题（DefaultHproseAPI 配置项可为空或不设置）;增加 getProxyClient 和 initDefaultProxyClient 全局方法。
+- v0.3.0 修改 UserCookies 支持自定义 KEY;修改 H5Tool 增强全屏操作功能方法;升级依赖的基础库
+- v0.2.9 删除 uuid 的 NPM 包,增加 uuid 工具类,解决类型问题
+- v0.2.8 删除对 axios 的依赖（因 axios 使用了 process 对象,vue 中报错）
+- v0.2.7 增加 VUE WINDOW,FileDownload 等,打包入 axios（出现问题）
+- v0.2.6 新建前端 xframelib,支持 VUE 组件打包基于 ESbuild
+- v0.2.5 减小发布包大小,外部依赖 hprose
+- v0.2.4 正式应用于项目中,提供.d.ts 声明文件。
+
+## What Works:
+
+- HproseClient 服务调用封装
+- 消息事件总线
+- Global 全局对象
+- Message 提示信息
+- SplitSpanes 封装
+- collapsepanel 封装
+- vuewindow 封装
+- 增加 utils 里的 Color、FileDownload、StorageHelper
+
+## Installation
+
+`yarn add xframelib`
+
+or
+
+`npm i xframelib`
+
+## Usage
+
+main.ts 文件
+In Typescript:
+
+```js
+import { createApp } from 'vue';
+import App from './App.vue';
+//模板添加的
+import { setupRouter } from './router/index';
+import { init } from 'xframelib';
+import 'xframelib/dist/index.css';
+import { message } from 'ant-design-vue';
+import 'ant-design-vue/es/message/style/index.css';
+import 'ant-design-vue/es/modal/style/index.css';
+import { setupI18n } from '@/locales/setupI18n';
+//dev阶段打开，build注销
+import 'ant-design-vue/dist/antd.css';
+import { getSystemPKG, getSystemID } from '@/utils/sysTool';
+import { createPinia } from 'pinia';
+message.config({
+  top: `100px`,
+  duration: 1,
+  maxCount: 3
+});
+//绑定消息和初始化xframe
+//系统ID,唯一标识
+const sysID = getSystemID();
+//分组名，工程名
+const sysGroup = getSystemPKG().name;
+//初始化
+init(message, sysID, sysGroup);
+// 创建pinia 实例
+const pinia = createPinia();
+const app = createApp(App);
+// 挂载到 Vue 根实例上
+app.use(pinia);
+//注册全局常用的ant-design-vue组件
+if (import.meta.env.DEV) {
+  import('ant-design-vue/dist/antd.js').then(it => {
+    app.use(it.default);
+  });
+}
+
+setupI18n(app).then(() => {
+  setupRouter(app);
+  app.mount('#app');
+});
+```
+
+### Working with hprose
+
+暂无

package/dist/api/Token.d.ts

@@ -1,4 +1,4 @@
-import { ITokenInfo, IDoubleToken, ISystemUser } from '../model/Token';
+import { ITokenInfo, IDoubleToken } from '../model/IUserModel';
 /**
  * 刷新Token
  */
@@ -13,8 +13,3 @@ export declare function checkDoRefreshToken(userToken: ITokenInfo): void;
  * @param userToken
  */
 export declare function setLocalToken(userToken: IDoubleToken): void;
-/**
- * 设置当前用户
- * @param userInfo
- */
-export declare function setUser(userInfo: ISystemUser): void;

package/dist/api/User.d.ts

@@ -1,8 +1,7 @@
-interface IUserInfo {
+interface IChangPwdInfo {
     /**
      * 用户名
      */
-    username: string;
     oldpwd: string;
     newpwd: string;
 }
@@ -25,13 +24,18 @@ export declare function login(data: IUser): Promise<any>;
  * @param data 用户对象
  * @returns
  */
-export declare function checkLogin(data: IUser): Promise<any>;
 /**
- * 修改密码
+ * 修改自己的密码
  * @param data 用户数据
  * @returns
  */
-export declare function changePWD(data: IUserInfo): Promise<any>;
+export declare function changeMyPWD(data: IChangPwdInfo): Promise<any>;
+/**
+ * 获取加密后的密码
+ * @param data
+ * @returns
+ */
+export declare function getEncryptPWD(data: string): string;
 /**
  * 退出登录
  */

package/dist/controls/layoutcontainer/LayoutManager.d.ts

@@ -13,13 +13,19 @@ export interface ILayoutContainer {
     leftContainer?: HTMLElement;
     rightContainer?: HTMLElement;
 }
-declare class LayoutManager {
+export declare class LayoutManager {
     private layoutState;
-    private widgetCofig;
     private layoutMap;
     private preConditionMap;
     private widgetsLoadedSet;
-    constructor(layoutState: ILayoutContainer, widgetCofig: Array<IWidgetConfig>);
+    private widgetConfig;
+    private _LayoutID;
+    constructor(layoutState: ILayoutContainer, allWidgetConfig: Array<IWidgetConfig>, layoutID?: string);
+    /**
+     * 所属的Layout布局对象ID
+     * @returns
+     */
+    getLayoutID(): string | undefined;
     /**
      * 获得widget配置参数
      * @returns
@@ -33,7 +39,7 @@ declare class LayoutManager {
      * 加载组件和子组件
      * @param widgetItem 组件对象
      */
-    loadWidget(widgetItem: IWidgetConfig | string): void;
+    loadWidget(widgetItem: IWidgetConfig | string): Promise<void>;
     private loadOtherDependenceWidgets;
     private _loadWidget;
     /**
@@ -104,4 +110,3 @@ declare class LayoutManager {
     getContainerComponents(enumContainer: LayoutContainerEnum): Ref<Map<string, Object>>;
     addContainerComponent(enumContainer: LayoutContainerEnum, component: any): void;
 }
-export default LayoutManager;

package/dist/controls/layoutcontainer/index.d.ts

@@ -1,3 +1,3 @@
 import LayoutContainer from './layout.vue';
-import LayoutManager from './LayoutManager';
+import { LayoutManager } from './LayoutManager';
 export { LayoutContainer, LayoutManager };

package/dist/controls/layoutcontainer/layout.vue.d.ts

@@ -6,16 +6,20 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
         default: () => never[];
     };
+    layoutID: {
+        type: StringConstructor;
+        default: undefined;
+    };
     layoutStyle: {
         type: ObjectConstructor;
     };
 }, {
-    topContainerComponents: import("vue").Ref<Map<string, Object>> | undefined;
-    centerbackComponents: import("vue").Ref<Map<string, Object>> | undefined;
-    centerfrontComponents: import("vue").Ref<Map<string, Object>> | undefined;
-    leftContainerComponents: import("vue").Ref<Map<string, Object>> | undefined;
-    rightContainerComponents: import("vue").Ref<Map<string, Object>> | undefined;
-    bottomContainerComponents: import("vue").Ref<Map<string, Object>> | undefined;
+    topContainerComponents: import("vue").Ref<Map<string, Object>>;
+    centerbackComponents: import("vue").Ref<Map<string, Object>>;
+    centerfrontComponents: import("vue").Ref<Map<string, Object>>;
+    leftContainerComponents: import("vue").Ref<Map<string, Object>>;
+    rightContainerComponents: import("vue").Ref<Map<string, Object>>;
+    bottomContainerComponents: import("vue").Ref<Map<string, Object>>;
     containerStyle: import("vue").ComputedRef<Record<string, any> | undefined>;
     topContainer?: import("vue").Ref<HTMLElement | undefined> | undefined;
     centerBackContainer?: import("vue").Ref<HTMLElement | undefined> | undefined;
@@ -24,16 +28,23 @@ declare const _default: import("vue").DefineComponent<{
     bottomContainer?: import("vue").Ref<HTMLElement | undefined> | undefined;
     leftContainer?: import("vue").Ref<HTMLElement | undefined> | undefined;
     rightContainer?: import("vue").Ref<HTMLElement | undefined> | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "containerLoaded"[], "containerLoaded", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     widgetConfig: {
         type: PropType<IWidgetConfig[]>;
         required: true;
         default: () => never[];
     };
+    layoutID: {
+        type: StringConstructor;
+        default: undefined;
+    };
     layoutStyle: {
         type: ObjectConstructor;
     };
-}>>, {
+}>> & {
+    onContainerLoaded?: ((...args: any[]) => any) | undefined;
+}, {
     widgetConfig: IWidgetConfig[];
+    layoutID: string;
 }>;
 export default _default;

package/dist/controls/vuewindow/window/index.vue.d.ts

@@ -100,6 +100,7 @@ declare const _default: import("vue").DefineComponent<{
     styleTitlebar: import("vue").ComputedRef<any>;
     styleContent: import("vue").ComputedRef<any>;
     closeButtonClick: () => void;
+    fixPosition: () => void;
 } | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     windowStyle: {
         type: ObjectConstructor;

package/dist/core/IModel.d.ts

@@ -2,14 +2,9 @@ import MsgHelper from './MsgHelper';
 import { Emitter } from '../mitt';
 import ProxyClient from '../hprose/ProxyClient';
 import { ISystemConfig } from '../model/Config';
-import { ISystemUser } from '../model/Token';
 import { LayoutManager } from '../controls/layoutcontainer';
 import { AxiosStatic } from 'axios';
 export interface InnerObject {
-    /**
-     * 当前登录用户对象
-     */
-    User?: ISystemUser;
     /**
      * axios对象
      */