@ganwei-web/ganwei-pc-cli 6.2.1 → 6.2.3

package/ganwei-app-6.2.1/packages/ganwei-app-index/src/utils/MFEManager.ts

@@ -0,0 +1,141 @@
+import { type RouteLocationNormalizedLoaded, type Router } from 'vue-router'
+import {
+    bus,
+    type cacheOptions,
+    destroyApp,
+    setupApp
+} from 'wujie'
+import { idToSandboxCacheMap } from 'wujie/esm/common.js'
+
+import { IMFEManager } from '@ganwei-web/gw-app-mfe'
+
+import { THEMES } from '@/enums'
+
+// 管理嵌入模块
+// 管理需要提供特殊功能的模块（非页面），可能多个模块需要预加载这些模块，如：二维码扫描，拍照图片上传
+export class MFEManager implements IMFEManager {
+    router: Router
+    route: RouteLocationNormalizedLoaded
+    limit = 0
+    theme = localStorage.theme || 'dark'
+    constructor({
+        limit,
+        router,
+        route
+    }: IMFEManager) {
+        this.limit = limit
+        this.router = router
+        this.route = route
+    }
+
+    get size() {
+        return idToSandboxCacheMap.size;
+    }
+
+    setTheme(value: THEMES) {
+        changeTheme(window, value)
+        Array.from(idToSandboxCacheMap.entries()).forEach(([, instance]) => {
+            changeTheme(instance.wujie?.iframe.contentWindow, value)
+        });
+        bus.$emit('changeTheme', value);
+    }
+
+    // preloadApp (appWindow, options) {
+    //     if (this.limit && this.size >= this.limit) {
+    //         console.warn("预加载子页面超过上限：" + this.limit)
+    //         return
+    //     }
+    //     preloadApp(options);
+    // }
+
+    setupApp(options: cacheOptions) {
+        console.log(options, '------')
+        setupApp(options);
+    }
+
+    destroyApp(appWindow: Window) {
+        appWindow.__WUJIE.id && destroyApp(appWindow.__WUJIE.id);
+    }
+
+    setAlive(appWindow: Window, isAlive = true) {
+        let revokeSetAlive = null;
+        if (appWindow.__POWERED_BY_WUJIE__ && appWindow.__WUJIE) {
+            // 设置实例保活配置
+            if (appWindow.__WUJIE.alive !== isAlive) {
+                appWindow.__WUJIE.alive = isAlive;
+                // 设置实例保活配置缓存
+                setupApp({
+                    name: appWindow.__WUJIE.id,
+                    alive: isAlive
+                })
+                revokeSetAlive = () => {
+                    this.setAlive(appWindow, !isAlive)
+                }
+            }
+        }
+        return revokeSetAlive;
+    }
+
+    startQrcode(appWindow: Window, callback: (res: string) => void, options: { camera: 'auto' | 'rear' | 'front' | 'off' } = { camera: 'rear' }) {
+        if (!appWindow) return;
+        // 设置保活，避免无法接收二维码识别结果
+        this.setAlive(appWindow, true);
+
+        // 订阅二维码识别事件
+        appWindow.$wujie?.bus.$once('app-qrcode-result', callback)
+        // 启动二维码扫描
+        this.router.push({
+            path: '/index/jump/ganwei-app-qrcode',
+            query: {
+                from: appWindow.__WUJIE?.id,
+                options: JSON.stringify(options)
+            }
+        })
+    }
+
+    $on(appWindow: Window, event: string, callback: (...args: unknown[]) => void) {
+        appWindow.$wujie?.bus.$on(event, callback)
+    }
+}
+
+export function setAlive(appWindow: Window, isAlive = true) {
+    if (appWindow.__POWERED_BY_WUJIE__ && appWindow.__WUJIE) {
+        // 设置实例保活配置
+        appWindow.__WUJIE.alive = isAlive;
+        // 设置实例保活配置缓存
+        setupApp({
+            name: appWindow.__WUJIE.id,
+            alive: isAlive
+        })
+    }
+}
+
+function setHtmlThemeAttribute(document: Document, value: THEMES) {
+    const htmlTag = document.documentElement;
+    htmlTag.setAttribute("data-theme", value);
+    htmlTag.setAttribute("class", value);
+}
+
+function setThemeStyle(document: Document, value: THEMES, version = '') {
+    const id = 'themeStyle' + version;
+    const baseUrl = process.env.NODE_ENV == 'development' ? '' : '/APP'
+
+    const themeStyle = document.getElementById(id);
+    themeStyle && themeStyle.remove();
+
+    const stylee = document.createElement("link");
+    stylee.setAttribute("id", id);
+    stylee.setAttribute("rel", "stylesheet");
+    stylee.href = `${baseUrl}/static/themes/${value}${version}.css`;
+    const head = document.head;
+    head.appendChild(stylee);
+}
+
+function changeTheme(appWindow: Window | undefined | null, value: THEMES) {
+    localStorage.theme = value;
+    if (!appWindow) return;
+    // 更新属性
+    setHtmlThemeAttribute(appWindow.document, value)
+    setThemeStyle(appWindow.document, value)
+    setThemeStyle(appWindow.document, value, '-6.1')
+}

package/ganwei-app-6.2.1/packages/ganwei-app-index/src/utils/URLSearchParams.ts

@@ -0,0 +1,149 @@
+export function makeIterator(arr: Array<unknown>) {
+    let it = 0;
+    const iterator = {
+        next: function () {
+            if (it === arr.length) {
+                return { done: true, value: undefined };
+            }
+            const value = arr[it++];
+            return { done: value === undefined, value: value };
+        },
+        [Symbol.iterator]: function () {
+            return iterator;
+        }
+    };
+
+    return iterator;
+}
+
+export default class URLSearchParams {
+    options: Record<string, unknown> | string;
+    dict: Record<string, string[]>
+    constructor(options: Record<string, unknown> | string) {
+        this.options = options;
+        this.dict = {};
+        this.parseToDict(options);
+    }
+
+    get size() {
+        return Object.keys(this.dict).reduce((pre, cur) => {
+            return pre + this.dict[cur].length;
+        }, 0)
+    }
+
+    parseToDict(search: Record<string, unknown> | string) {
+        if (typeof search === "object") {
+            if (Array.isArray(search)) {
+                for (let i = 0; i < search.length; i++) {
+                    const item = search[i];
+                    if (Array.isArray(item) && item.length === 2) {
+                        this.appendTo(item[0], item[1]);
+                    } else {
+                        throw new TypeError("Failed to construct 'URLSearchParams': Sequence initializer must only contain pair elements");
+                    }
+                }
+            } else {
+                for (const key in search) {
+                    if (Object.prototype.hasOwnProperty.call(search, key)) {
+                        this.appendTo(key, search[key]);
+                    }
+                }
+            }
+        } else {
+            if (search.indexOf("?") === 0) {
+                search = search.slice(1);
+            }
+            const pairs = search.split("&");
+            for (let j = 0; j < pairs.length; j++) {
+                const value = pairs[j], index = value.indexOf('=');
+
+                if (index > -1) {
+                    this.appendTo(value.slice(0, index), value.slice(index + 1));
+                } else {
+                    // 不是key=value
+                }
+            }
+        }
+    }
+
+    appendTo(key: string, value: unknown) {
+        const val = typeof value === 'string' ? value : (
+            value !== null && value !== undefined && typeof value.toString === 'function' ? value.toString() : JSON.stringify(value)
+        );
+
+        if (Object.prototype.hasOwnProperty.call(this.dict, key)) {
+            this.dict[key].push(val);
+        } else {
+            this.dict[key] = [val];
+        }
+    }
+
+    append(key: string, value: unknown) {
+        this.appendTo(key, value);
+    }
+
+    delete(key: string, value: unknown) {
+        this.dict[key] = this.dict[key].filter(item => item !== value);
+        if (this.dict[key].length === 0) {
+            delete this.dict[key]
+        }
+    }
+
+    entries() {
+        const items: [string, unknown][] = []
+        this.forEach((value, key) => {
+            items.push([key, value])
+        })
+        return makeIterator(items)
+    }
+
+    keys() {
+        const items: string[] = []
+        this.forEach((value, key) => {
+            items.push(key)
+        })
+        return makeIterator(items)
+    }
+
+    values() {
+        const items: string[] = []
+        this.forEach((value) => {
+            items.push(value)
+        })
+        return makeIterator(items)
+    }
+
+    forEach(callback: (value: string, key: string, thisArg: URLSearchParams) => void, thisArg?: Array<unknown>) {
+        Object.getOwnPropertyNames(this.dict).forEach(key => {
+            this.dict[key].forEach(value => {
+                callback.call(thisArg, value, key, this);
+            })
+        })
+    }
+
+    has(key: string) {
+        return Object.prototype.hasOwnProperty.call(this.dict, key)
+    }
+
+    get(key: string) {
+        return this.has(key) ? this.dict[key][0] : null
+    }
+
+    getAll(key: string) {
+        return this.has(key) ? this.dict[key] : null
+    }
+
+    set(key: string, value: unknown) {
+        this.dict[key] = ['' + value];
+    }
+
+    toString() {
+        const query = [];
+        for (const key in this.dict) {
+            for (let i = 0, value = this.dict[key]; i < value.length; i++) {
+                query.push(key + '=' + value[i]);
+            }
+        }
+        return query.join('&');
+    }
+}

package/ganwei-app-6.2.1/packages/ganwei-app-index/src/utils/defineWindowAttr.ts

@@ -0,0 +1,4 @@
+export default function difineWindowAttr(attr: string, value: any){
+    if(attr === 'onRichScanCallback')
+      window.onRichScanCallback = value
+}

package/ganwei-app-6.2.1/packages/ganwei-app-index/src/utils/eventBus.ts

@@ -0,0 +1,6 @@
+import { bus as wujieBus } from 'wujie'
+
+import { EventBus } from '@ganwei-web/gw-app-mfe'
+
+const bus = wujieBus as EventBus
+export default bus

package/ganwei-app-6.2.1/packages/ganwei-app-index/src/views/EditPassword/index.vue

@@ -0,0 +1,142 @@
+<template>
+    <NavigationBar :options="NavBarOption"></NavigationBar>
+    <div class="reset">
+        <el-form label-position="top" label-width="100px" :model="PWDform" :rules="rules" ref="resetPwdForm">
+            <el-form-item prop="oldUserPwd">
+                <template v-slot:label>
+                    <i class="iconfont-app iconmima"></i>
+                    <span class="label">{{ $t('frame.main.formItem[0]') }}</span>
+                </template>
+                <el-input size="large" type="password" show-password v-model="PWDform.oldUserPwd"
+                    :placeholder="$t('frame.main.placeholder[0]')" autocomplete="off" clearable />
+            </el-form-item>
+            <el-form-item prop="userPwd">
+                <template v-slot:label>
+                    <i class="iconfont-app iconmima"></i>
+                    <span class="label">{{ $t('frame.main.formItem[1]') }}</span>
+                </template>
+                <el-input size="large" type="password" show-password v-model="PWDform.userPwd" @keyup.enter="() => { }"
+                    :placeholder="$t('frame.main.placeholder[1]')" autocomplete="off" clearable />
+            </el-form-item>
+            <el-form-item prop="comfirmUserPwd">
+                <template v-slot:label>
+                    <i class="iconfont-app iconmima"></i>
+                    <span class="label">{{ $t('frame.main.formItem[2]') }}</span>
+                </template>
+                <el-input size="large" type="password" show-password v-model="PWDform.comfirmUserPwd"
+                    @keyup.enter="() => { }" :placeholder="$t('frame.main.placeholder[2]')" autocomplete="off"
+                    clearable />
+            </el-form-item>
+        </el-form>
+        <el-button type="primary" @click="submitEdit" :loading="loading">{{ t('frame.main.button[0]') }}</el-button>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { computed, reactive, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { ElForm } from 'element-plus';
+
+import { getCode } from "@ganwei-web/gw-app-api";
+import { useAxios } from '@ganwei-web/gw-app-api/useAxios/useAxios'
+import { useMessage } from '@ganwei-web/gw-app-components/toast';
+
+import NavigationBar from '@/components/NavigationBar/index.vue'
+import hostMap from '@/hostMap';
+import { authService } from '@/request/api';
+
+const { t } = useI18n()
+const $messgae = useMessage()
+
+const resetPwdForm = ref<InstanceType<typeof ElForm>>()
+const NavBarOption = {
+    type: 'Page',
+    centerItems: [{
+        type: 'common',
+        title: '修改密码'
+    }]
+}
+
+const PWDform = reactive({
+    oldUserPwd: '',
+    userPwd: '',
+    comfirmUserPwd: ''
+})
+
+const rules = reactive({
+    oldUserPwd: [
+        { required: true, message: computed(() => t('frame.main.placeholder[0]')), trigger: 'blur' },
+    ],
+    userPwd: [
+        {
+            required: true,
+            validator: (rule: any, value: any, callback: any) => {
+                if (value === '') {
+                    callback(new Error(t('frame.main.placeholder[1]')))
+                } else {
+                    if (PWDform.userPwd === PWDform.oldUserPwd) {
+                        callback(new Error(t('frame.msg.validate[0]')))
+                    }
+                    callback()
+                }
+            },
+            trigger: 'blur'
+        },
+    ],
+    comfirmUserPwd: [
+        {
+            required: true,
+            validator: (rule: any, value: any, callback: any) => {
+                if (value === '') {
+                    callback(new Error(t('frame.main.placeholder[1]')))
+                } else {
+                    if (PWDform.userPwd !== PWDform.comfirmUserPwd) {
+                        callback(new Error(t('frame.msg.validate[1]')))
+                    }
+                    callback()
+                }
+            },
+            trigger: 'blur'
+        },
+    ]
+})
+
+const { execute, loading } = useAxios(authService.getUpdUserInfoData,
+    {
+        afterEach(res) {
+            if (res.data.code === 200) {
+                $messgae.success(res.data.message)
+                window.location.href = hostMap('ganwei-app-login')
+            }
+        }
+    }
+)
+
+async function submitEdit() {
+    let data = {
+        userName: window.sessionStorage.userName,
+        oldPassword: await getCode.RSAEncrypt(PWDform.oldUserPwd),
+        newPassword: await getCode.RSAEncrypt(PWDform.userPwd)
+    }
+    resetPwdForm.value?.validate(valid => {
+        if (!valid) return
+        execute(data)
+    })
+}
+
+</script>
+
+<style lang="scss" scoped>
+.reset {
+    height: 100%;
+    padding: 30px 24px 70px;
+    background-color: var(--appFrameMain-bg);
+
+    .el-button {
+        width: 100%;
+        height: 40px;
+        margin-top: 66px;
+        font-size: 16px;
+    }
+}
+</style>

package/ganwei-app-6.2.1/packages/ganwei-app-index/src/views/ganwei-app-jump/src/index.vue

@@ -0,0 +1,174 @@
+<template>
+    <iframe class="outerLink" id="outerLink" v-if="isOuterLink" :key="name" :src="path"
+        allow='microphone *;camera *'></iframe>
+    <WujieVue class="app-jump" :attrs="attrs" :activated="lifeCycle.activated" :key="name" v-else-if="name"
+        :loading="loadingComponent" :url="path" :name="name" :plugins="plugins" :sync="false"
+        :props="{ MFEManager: mfeManager }" :degrade="isDegrade">
+    </WujieVue>
+</template>
+
+<script setup lang="ts">
+import { createVNode, onBeforeMount, ref, render, shallowReactive, shallowRef, watch } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { useRoute, useRouter } from 'vue-router'
+
+import Loading from '@/components/loading/index.vue'
+import $hostMap from '@/hostMap'
+import { MFEManager } from '@/utils/MFEManager'
+import URLSearchParams from '@/utils/URLSearchParams'
+
+const baseUrl = process.env.NODE_ENV === 'production' ? "/APP" : ""
+const container = document.createElement('div')
+
+const plugins = [{
+    jsIgnores: [/\/static\/(js|themes)\/*.+\.js/, /\/static\//], // 开启后，抽取JS时让用户自行加载含有这些路径的脚本
+    cssAfterLoaders: [
+        {
+            content: `
+                :root,
+                :host {
+                    --safe-top: 44px;
+                    --nav-top-height: 48px;
+                    --nav-bottom-height: 34px;
+                    --frame-height: calc(100vh - var(--safe-top) - var(--nav-top-height) - var(--nav-bottom-height))
+                }
+                .el-drawer {
+                    padding-top: constant(safe-area-inset-top);
+                    padding-top: env(safe-area-inset-top);
+                    padding-bottom: constant(safe-area-inset-bottom);
+                    padding-bottom: env(safe-area-inset-bottom);
+                }
+
+                .safeTop {
+                    padding-top: var(--safe-top);
+                }
+                
+                @supports(-webkit-touch-callout:none) {
+                    .safeBottom {
+                        
+                    }
+                }
+                
+                html,body {
+                    background-color: var(--appFrameMain-bg);
+                }
+            `
+        }
+    ],
+    patchElementHook(element, iframeWindow, rawElement) {
+        if (element.nodeName === 'STYLE') {
+            element.insertAdjacentElement = function (_position, ele) {
+                iframeWindow.document.head.appendChild(ele)
+            }
+        }
+    }
+}]
+
+const { t } = useI18n()
+const $route = useRoute()
+const $router = useRouter()
+const attrs = {
+    src: window.location.origin + '/APP/ganwei-app-empty-page/empty.html',
+}
+const lifeCycle = {
+
+    activated: (appWindow: Window) => {
+        // displayPage()
+        if (appWindow.lifeCycle?.onActivated) {
+            appWindow.lifeCycle.onActivated(appWindow.AppName || $route.params.packageName as string)
+        }
+    },
+    deactivated: (appWindow: Window) => {
+        if (appWindow.lifeCycle?.onDeactivated) {
+            appWindow.lifeCycle.onDeactivated(appWindow.AppName || $route.params.packageName as string)
+        }
+    }
+}
+
+const mfeManager = shallowReactive(new MFEManager({ limit: 5, router: $router, route: $route }))
+const isDegrade = ref(false)
+const path = ref('')
+const name = ref('')
+const loadingComponent = shallowRef<Element>()
+const isOuterLink = ref(false)
+
+function judgeLinkType() {
+    let packageName = $route.params.packageName as string
+    if (packageName.toLocaleLowerCase() === 'outerlink') {
+        path.value = $route.query.url as string + '?languageType=' + localStorage.languageType + "&theme=" + localStorage.theme + "&userName=" + localStorage.userName
+        isDegrade.value = true
+        name.value = path.value
+        isOuterLink.value = true
+    } else {
+        let _path = combineQuery();
+        _path = _path.includes('?') ? _path + `&pluginId=${packageName}` : _path + `/?pluginId=${packageName}`
+        isWuJieruning(packageName)
+        path.value = _path + '&CSRF_TOKEN=' + sessionStorage.getItem('CSRF_TOKEN');
+        name.value = _path.replace('#/', '');
+        isOuterLink.value = false
+    }
+}
+
+function startWuJie() {
+    judgeLinkType()
+}
+
+function combineQuery(): string {
+    let packageName = $route.params.packageName as string;
+    let route = $route.params.route;
+    let queryArray = Object.entries($route.query);
+    if (!$hostMap(packageName)) {
+        return ''
+    }
+    if ($route.params.route || queryArray.length > 0) {
+        let query = ''
+        if (queryArray.length > 0) {
+            query = '?' + (new URLSearchParams($route.query).toString());
+        }
+        return $hostMap(packageName) + '/#/' + (route || '') + query
+    }
+    return $hostMap(packageName);
+}
+
+function isWuJieruning(str: string) {
+    if (str.includes("ganwei-app-")) {
+        isDegrade.value = false
+        return
+    }
+    isDegrade.value = true
+}
+
+function createLoading() {
+    if (!container.firstElementChild) {
+        const vnode = createVNode(Loading);
+        render(vnode, container)
+    }
+    return container.firstElementChild!
+}
+
+function displayPage() {
+    const parentElement = document.getElementsByClassName('app-jump')[0];
+    if (parentElement) { parentElement.style.opacity = '1' }
+}
+
+onBeforeMount(() => {
+    loadingComponent.value = createLoading()
+    startWuJie();
+})
+
+watch($route, () => {
+    startWuJie();
+})
+
+</script>
+<style lang="scss" scoped>
+.app-jump {
+    overflow: auto;
+    opacity: 1;
+    height: calc(100% - 48px);
+}
+
+.outerLink {
+    height: 100%;
+}
+</style>

package/ganwei-app-6.2.1/packages/ganwei-app-index/src/views/ganwei-app-jump/src/lifecycles.js

@@ -0,0 +1,29 @@
+
+// import { setAlive } from '@/utils/MFEManager.js'
+
+const lifecycles = {
+    beforeLoad: (appWindow) => {
+        console.log(`${appWindow.__WUJIE.id} beforeLoad 生命周期`)
+    },
+    beforeMount: (appWindow) => {
+        console.log(`${appWindow.__WUJIE.id} beforeMount 生命周期`)
+    },
+    afterMount: (appWindow) => {
+        console.log(`${appWindow.__WUJIE.id} afterMount 生命周期`);
+    },
+    beforeUnmount: (appWindow) => {
+        console.log(`${appWindow.__WUJIE.id} beforeUnmount 生命周期`)
+    },
+    afterUnmount: (appWindow) => {
+        console.log(`${appWindow.__WUJIE.id} afterUnmount 生命周期`)
+    },
+    activated: (appWindow) => {
+        console.log(`${appWindow.__WUJIE.id} activated 生命周期`)
+    },
+    deactivated: (appWindow) => {
+        console.log(`${appWindow.__WUJIE.id} deactivated 生命周期`)
+    },
+    loadError: (url, e) => console.log(`${url} 加载失败`, e),
+};
+
+export default lifecycles;