t-lj-service 1.0.7 → 1.0.9

package/.idea/UniappTool.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="cn.fjdmy.uniapp.UniappProjectDataService">
+    <option name="generalBasePath" value="$PROJECT_DIR$" />
+    <option name="manifestPath" value="$PROJECT_DIR$/manifest.json" />
+    <option name="pagesPath" value="$PROJECT_DIR$/pages.json" />
+    <option name="scanNum" value="1" />
+    <option name="type" value="store" />
+  </component>
+</project>

package/README.md

@@ -80,6 +80,7 @@ useApp({
   use,
   id: '#app',
   icons: ElementPlusIconsVue,
+  padding: [ 0,0 ] //  默认 [0,0]视图全屏减去的[宽,高]
 })
 
 ```

package/module/qiankun/qiankun.ts

@@ -78,16 +78,16 @@ const autoApp = (url: string = '/business/') => {
 
 //  子系统
 type GlobalIcons = Record<string, Component>;
-const _setInner = (container: HTMLDivElement) => {
-    container.style.width = `${window.innerWidth - 30}px`
-    container.style.height = `${window.innerHeight - 85}px`
+const _set = (container: HTMLDivElement, padding: number[] = [ 0, 0 ],) => {
+    container.style.width = `${window.innerWidth - padding[0]}px`
+    container.style.height = `${window.innerHeight - padding[1]}px`
     container.style.boxSizing = `border-box`
 }
-const _window = (container: HTMLDivElement, type: number = 1) => {
+const _window = (container: HTMLDivElement, type: number = 1,  padding: number[] = [ 0, 0 ],) => {
     if(type === 1){
-        window.addEventListener('resize', () => _setInner(container));
+        window.addEventListener('resize', () => _set(container, padding));
     } else {
-        window.removeEventListener('resize', () => _setInner(container));
+        window.removeEventListener('resize', () => _set(container, padding));
     }
 }
 const render = (
@@ -97,6 +97,7 @@ const render = (
     id: string = '#container',
     icons: GlobalIcons | null = null,
     props: QiankunProps = {},
+    padding: number[] = [ 0, 0 ],
 ) => {
     const { container, actions } = props;
     root = createApp(App);
@@ -115,16 +116,10 @@ const render = (
     use.forEach((item: any) => {
         root.use(item.module, item.options || {});
     })
-    // registerElementPlusIcons(root);
-    // root.use(router);
-    // root.use(ElementPlus, {
-    //     locale: ZhCn,
-    // });
-    // root.use(i18n);
 
     const c: any = container?.querySelector(id) || document.querySelector(id);
-    _setInner(c);
-    _window(c)
+    _set(c, padding);
+    _window(c, 1, padding)
     root.mount(c);
 }
 
@@ -134,17 +129,18 @@ const initQianKun = (
     use: any[] = [],
     id: string = '#container',
     icons: GlobalIcons | null = null,
+    padding: number[] = [ 0, 0 ],
 ):void => {
     renderWithQiankun({
         async mount(props: QiankunProps) {
             console.log(props);
-            render(root, App, use, id, icons, props);
+            render(root, App, use, id, icons, props, padding);
         },
         bootstrap() {},
         unmount(props: QiankunProps): void | Promise<void> {
             const { container } = props;
             const c: any = container?.querySelector(id) || document.querySelector(id);
-            _window(c, 0);
+            _window(c, 0, padding);
             root.unmount();
         },
         update(props: QiankunProps): void | Promise<void> {
@@ -160,18 +156,20 @@ const useApp = ({
     use = [],
     id = '#container',
     icons = null,
+    padding = [ 0, 0 ],
 }: {
     root?: ReturnType<typeof createApp> | null,
     App?: Component,
     use?: any[],
     id?: string,
     icons?: GlobalIcons | null,
+    padding?: number[],
 } = {}) => {
     if (!App) {
         throw new Error('App 组件不能为空');
     }
     const appRoot = root || createApp(App);
-    qiankunWindow.__POWERED_BY_QIANKUN__ ? initQianKun(appRoot, App, use, id, icons) : render(appRoot, App, use, id ,icons)
+    qiankunWindow.__POWERED_BY_QIANKUN__ ? initQianKun(appRoot, App, use, id, icons, padding) : render(appRoot, App, use, id ,icons, padding)
 };
 
 

package/package.json

@@ -1,6 +1,9 @@
 {
   "name": "t-lj-service",
-  "version": "1.0.7",
+  "version": "1.0.9",
+  "publishConfig": {
+    "access": "public"
+  },
   "description": "",
   "main": "index.ts",
   "scripts": {