xframelib 0.5.7 → 0.5.8

package/README.md

@@ -2,6 +2,7 @@
 
 基于 VUE3+Hprose+Typescript 的前端框架
 
+- 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 字段;更新依赖库;
@@ -57,11 +58,57 @@
 
 or
 
-`npm i -D xframelib`
+`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/controls/layoutcontainer/LayoutManager.d.ts

@@ -15,11 +15,17 @@ export interface ILayoutContainer {
 }
 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;
     /**

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;