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

package/ganwei-app-6.2.1/packages/ganwei-app-login/src/components/app-drag/index.vue

@@ -0,0 +1,183 @@
+<template>
+    <el-dialog class="drapElDialog" v-model:visible="showDragDialog" @close="closeDragDialog(false)"
+        :close-on-click-modal="true" width="300px" center>
+        <div class="verification" data-action="loginVerification">
+            <div id="__Verification" class="__Verification" data-action="loginVerificationContainer">
+            </div>
+        </div>
+    </el-dialog>
+</template>
+
+<script>
+import $ from 'jquery';
+export default {
+    name: 'app-drag',
+    components: {},
+    props: {
+        dragCodeFlag: {
+            type: Boolean,
+            default: false
+        }
+    },
+    data() {
+        return {
+            dragLoading: false,
+            showDragDialog: false
+        }
+    },
+    computed: {
+
+    },
+    created() {
+        this.showDragDialog = this.dragCodeFlag;
+    },
+    watch: {
+        dragCodeFlag(newValue) {
+            this.showDragDialog = newValue;
+            this.initDrag();
+        }
+    },
+    methods: {
+        closeDragDialog(isFlag) {
+            setTimeout(() => {
+                this.showDragDialog = false;
+                this.$emit('reLogin', isFlag);
+            }, 1000);
+
+        },
+        initDrag() {
+            if (!this.showDragDialog) { return; }
+            let addressIp = document.location.origin;
+            this.$nextTick(function () {
+                $('#__Verification').slide({
+                    imgspec: '300*200',
+                    __url: addressIp,
+                    successCallBack: () => {
+                        this.closeDragDialog(true);
+
+                    }
+                });
+            });
+
+        }
+    }
+}
+</script>
+
+<style lang='scss' scoped>
+.app-drag {
+    .verification {
+        width: 100%;
+        height: 250px;
+    }
+
+    .__Verification {
+        width: 100%;
+        height: 100%;
+        border-radius: 6px;
+    }
+}
+
+.drapElDialog {
+    :deep(.el-dialog__header) {
+        display: none;
+    }
+
+    :deep(.el-dialog__body) {
+        padding: 0 !important;
+
+        #drag {
+            position: relative;
+            background-color: #e8e8e8;
+            height: 50px;
+            line-height: 50px;
+            text-align: center;
+            z-index: 9999;
+        }
+
+        #drag .handler {
+            position: absolute;
+            top: 0px;
+            left: 0px;
+            width: 36px;
+            height: 50px;
+            border: 1px solid #ccc;
+            cursor: move;
+        }
+
+        .handler_bg {
+            background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==") no-repeat center;
+        }
+
+        .handler_ok_bg {
+            background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==") no-repeat center;
+        }
+
+        #drag .drag_bg {
+            background-color: #7ac23c;
+            height: 50px;
+            width: 0px;
+            position: absolute;
+            left: 0;
+            top: 0;
+        }
+
+        #drag .drag_text {
+            font-size: 13px;
+            color: #4a4a4a;
+            position: absolute;
+            top: 0px;
+            -moz-user-select: none;
+            -webkit-user-select: none;
+            user-select: none;
+            -o-user-select: none;
+            -ms-user-select: none;
+        }
+
+        .cut_bg {
+            float: left;
+            margin: 0 !important;
+            border: 0px;
+            padding: 0 !important;
+        }
+
+        .xy_img_bord {
+            -webkit-box-shadow: 0 0 15px #0cc;
+            -moz-box-shadow: 0 0 15px #0cc;
+            box-shadow: 0 0 15px #0cc;
+            top: 32px;
+            left: 0px;
+            display: none;
+            border: 1px solid rgb(255, 255, 255);
+        }
+
+        #xy_img {
+            z-index: 999;
+            width: 40px;
+            height: 40px;
+            position: relative;
+        }
+
+        .refesh_bg {
+            height: 30px;
+            width: 30px;
+            background: url(../../assets/images/refresh.png) no-repeat center/100%;
+            position: absolute;
+            top: 10px;
+            display: none;
+        }
+
+        .vcode-hints {
+            position: absolute;
+            z-index: 0;
+            text-align: center;
+            color: rgba(74, 74, 74, 0.7);
+            font-size: 15px;
+        }
+
+        #__Verification {
+            overflow: hidden;
+        }
+    }
+}
+</style>

package/ganwei-app-6.2.1/packages/ganwei-app-login/src/hostMap.ts

@@ -0,0 +1,11 @@
+import addressMapping from '../../../moduleConfiguration/addressMapping.json'
+const map = {
+    // eslint-disable-next-line @typescript-eslint/naming-convention
+    'ganwei-app-index': addressMapping['ganwei-app-index'] || "http://localhost:7146/"
+}
+
+export default function hostMap(host: string) {
+    if (process.env.NODE_ENV === 'production') return '/APP/index.html'
+    return map[host as keyof typeof map]
+}
+hostMap._map = map;

package/ganwei-app-6.2.1/packages/ganwei-app-login/src/main.ts

@@ -0,0 +1,19 @@
+
+import { createApp } from "vue";
+import ElementPlus from 'element-plus';
+
+import { adapterInstall } from '@ganwei-web/element-plus-adapter'
+import { createAxios, getCode } from "@ganwei-web/gw-app-api/dist/index.es.js";
+import i18n from "@ganwei-web/gw-app-components/i18n/i18n";
+import toast from "@ganwei-web/gw-app-components/toast/index";
+
+import App from "./App.vue";
+import hostMap from "./hostMap";
+import router from "./router";
+
+const app = createApp(App);
+app.use(i18n('ganwei-app-login', app)).use(ElementPlus).use(router).use(adapterInstall).use(createAxios).mount("#app");
+
+app.config.globalProperties.$message = toast
+app.config.globalProperties.$hostMap = hostMap
+app.config.globalProperties.$getCode = getCode

package/ganwei-app-6.2.1/packages/ganwei-app-login/src/models/index.ts

@@ -0,0 +1,48 @@
+import { Type } from '@ganwei-web/gw-app-ts/dist/index.es.js'
+
+class PasswordPolicy {
+    passwordPolicy = 0;
+    reminderDaysInAdvance!: boolean;
+}
+
+export class LoginResponse {
+
+    /**
+     * @description 账户角色
+     * @memberof LoginResponse
+     */
+    roleName = '';
+
+    /**
+     * @description 是否已阅读隐私声明
+     * @memberof LoginResponse
+     */
+    userTermsService = true;
+
+    /**
+     * @description 系统安全策略
+     * @type {PasswordPolicy}
+     * @memberof LoginResponse
+     */
+    @Type(PasswordPolicy, false)
+    passwordPolicy!: PasswordPolicy;
+
+    token = ''
+}
+
+export interface ILoginModel {
+
+    /**
+     * @description 账号
+     * @type {string}
+     * @memberof ILoginModel
+     */
+    userName: string,
+
+    /**
+     * @description 密码
+     * @type {string}
+     * @memberof ILoginModel
+     */
+    password: string
+}

package/ganwei-app-6.2.1/packages/ganwei-app-login/src/request/api/Auth.ts

@@ -0,0 +1,27 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/**
+ * 登录鉴权
+ */
+
+import { baseService, BaseService } from '@ganwei-web/gw-app-api/dist/index.es.js';
+import { Post, ResponseResult, ResponseType, Service } from '@ganwei-web/gw-app-ts/dist/index.es.js';
+
+import { ILoginModel, LoginResponse } from '@/models'
+
+@Service(baseService)
+class Auth extends BaseService {
+
+    /**
+     * @description 用户登录,获取token
+     * @param {ILoginModel} params
+     * @return {LoginResponse} 
+     * @memberof Auth
+     */
+    @Post('/IoT/api/v3/Auth/Login')
+    @ResponseType(LoginResponse)
+    login(params: ILoginModel) {
+        return ResponseResult<LoginResponse>()
+    }
+}
+
+export default new Auth();

package/ganwei-app-6.2.1/packages/ganwei-app-login/src/request/api.ts

@@ -0,0 +1,5 @@
+/**
+ * api模块接口列表
+ */
+export { default as authService } from './api/Auth';
+export { baseService } from '@ganwei-web/gw-app-api/dist/index.es.js';

package/ganwei-app-6.2.1/packages/ganwei-app-login/src/router.ts

@@ -0,0 +1,30 @@
+/* eslint-disable */
+import {
+    createRouter,
+    createWebHashHistory
+} from 'vue-router'
+const LOGIN = () => import('./views/login/Login.vue')
+import { getLanguage } from '@ganwei-web/gw-app-components/i18n/i18n'
+
+const router = createRouter({
+    history: createWebHashHistory(),
+    routes: [
+        {
+            path: '/',
+            redirect: '/Login'
+        },
+        {
+            path: '/Login',
+            name: 'login',
+            component: LOGIN
+        }
+    ]
+})
+
+router.beforeEach(async (to, from, next) => {
+    const pageName = to.name as string
+    await getLanguage(localStorage.languageType || 'zh-CN', pageName)
+    next()
+})
+router.afterEach((to, from, next) => { })
+export default router

package/ganwei-app-6.2.1/packages/ganwei-app-login/src/views/login/Login.vue

@@ -0,0 +1,99 @@
+<template>
+    <div class="login" v-cloak>
+        <img src="@assets/images/bg.png" />
+        <main class="main">
+            <i class="iconfont-app icongw-icon-shezhi" @click.stop="loginOutServerContent"></i>
+            <aside class="login_form">
+                <h2>
+                    <h3>{{ $t('login.main.title') }}</h3>
+                    <h5>{{ $t('login.main.subTitle') }}</h5>
+                </h2>
+                <el-form label-position="top" label-width="100px" :model="loginModel" :rules="rules">
+                    <el-form-item prop="userName">
+                        <template v-slot:label>
+                            <i class="iconfont-app icongw-icon-shezhi-renyuan"></i>
+                            <span class="label">{{ $t('login.main.formItem[0]') }}</span>
+                        </template>
+                        <el-input size="large" v-model="loginModel.userName"
+                            :placeholder="$t('login.main.placeholder[0]')" autocomplete="off" clearable />
+                    </el-form-item>
+                    <el-form-item prop="password">
+                        <template v-slot:label>
+                            <i class="iconfont-app iconmima"></i>
+                            <span class="label">{{ $t('login.main.formItem[1]') }}</span>
+                        </template>
+                        <el-input size="large" type="password" show-password v-model="loginModel.password"
+                            @keyup.enter="login" :placeholder="$t('login.main.placeholder[1]')" autocomplete="off"
+                            clearable />
+                    </el-form-item>
+                </el-form>
+                <el-button type="primary" class="loginButton" @click.stop="login">
+                    {{ $t('login.main.button[1]') }}
+                </el-button>
+            </aside>
+        </main>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { computed, reactive } from 'vue'
+import { useI18n } from "vue-i18n";
+import { ElMessageBox } from 'element-plus'
+
+import { MyJavaFun } from '@ganwei-web/gw-app-mfe/dist/index.es.js';
+
+import { type ILoginModel } from '@/models';
+
+import useLogin from './js/useLogin'
+import useRememberPassword from './js/useRememberPassword'
+
+const { t } = useI18n()
+
+const loginModel = reactive<ILoginModel>({
+    userName: '',
+    password: ''
+})
+const { saveUser } = useRememberPassword(loginModel)
+
+const { login: loginApi } = useLogin(loginModel)
+
+const rules = reactive({
+    userName: [
+        { required: true, message: computed(() => t('login.msg.beforeLogin[2]')), trigger: 'blur' },
+    ],
+    password: [
+        { required: true, message: computed(() => t('login.msg.beforeLogin[3]')), trigger: 'blur' },
+    ]
+})
+
+/**
+* @function login
+* @descriptions: 登录,后记住账号
+*/
+async function login() {
+    await loginApi()
+    saveUser(loginModel.userName, loginModel.password)
+}
+
+/**
+* @function loginOutServerContent
+* @descriptions: 退出到APP登录页
+*/
+function loginOutServerContent() {
+    ElMessageBox.confirm(
+        t('login.tips.toConnectPage'),
+        t('login.tips.tip'),
+        {
+            type: 'warning',
+            confirmButtonText: t('login.button.confirm'),
+            cancelButtonText: t('login.button.cancel'),
+            customClass: 'logout-msg'
+        }
+    ).then(() => {
+        try {
+            MyJavaFun.OpenLocalUrl('login');
+        } catch (e) { /* empty */ }
+    }).catch(() => { /* empty */ });
+}
+</script>
+<style lang="scss" src="./css/login.scss" scoped></style>

package/ganwei-app-6.2.1/packages/ganwei-app-login/src/views/login/css/login.scss

@@ -0,0 +1,78 @@
+// gw
+.login {
+    width: 100%;
+    height: 100%;
+    text-align: center;
+
+    >img {
+        position: absolute;
+        z-index: -1;
+        left: 0;
+        width: 100%;
+    }
+
+    >main {
+        width: 100%;
+        padding: 30px 24px 70px;
+        text-align: right;
+
+        .login_form {
+            margin-top: 48px;
+
+            h2 {
+                height: 58px;
+                margin-bottom: 5%;
+                text-align: left;
+
+                h3 {
+                    height: 24px;
+                    margin-bottom: 20px;
+                    font-size: 24px;
+                }
+
+                h5 {
+                    font-size: 14px;
+                }
+            }
+
+            ::v-deep() .el-form {
+                margin-top: 12%;
+
+                .el-form-item__label {
+                    display: flex;
+                    align-items: center;
+                    justify-content: flex-start;
+
+                    height: 30px;
+                    margin-bottom: 0;
+
+                    .iconfont-app {
+                        margin: 0 5px;
+                        font-size: 1rem;
+                        font-weight: 700;
+                    }
+                }
+            }
+
+            .loginButton {
+                position: relative;
+
+                width: 100%;
+                height: 40px;
+                margin-top: 66px;
+
+                font-size: 16px;
+
+                border: 0;
+                border-radius: 6px;
+            }
+        }
+    }
+
+    .icongw-icon-shezhi {
+        z-index: 4;
+        font-size: 24px;
+        font-weight: 500;
+    }
+
+}

package/ganwei-app-6.2.1/packages/ganwei-app-login/src/views/login/js/useLogin.ts

@@ -0,0 +1,73 @@
+import { ref } from "vue";
+import { useI18n } from "vue-i18n";
+import moment from "dayjs";
+
+import { getCode } from "@ganwei-web/gw-app-api/dist/index.es.js";
+import Toast from "@ganwei-web/gw-app-components/toast/index";
+
+import hostMap from "@/hostMap";
+import { ILoginModel, LoginResponse } from '@/models';
+import { authService } from "@/request/api";
+
+/**
+ * @description 调用登录接口
+ * @param {ILoginModel} loginModel see {@link ILoginModel}
+ * @return {*} ` { loading, login } `
+ */
+export default function (loginModel: ILoginModel) {
+    const { t } = useI18n()
+
+    async function login() {
+        const data = {
+            userName: await getProcessUserName(loginModel.userName),
+            password: await getCode.RSAEncrypt(loginModel.password),
+            TimeZone: Intl?.DateTimeFormat()?.resolvedOptions()?.timeZone || 'Asia/Shanghai'
+        }
+        return authService.login(data).then(res => {
+            const data = res.data.data;
+            if (res.data.code === 200) {
+                sessionStorage.roleName = data?.roleName;
+                sessionStorage.roleName = loginModel?.userName;
+                checkPasswordPolicy(data)
+            } else {
+                Toast.error(res.data.message);
+            }
+        }).catch(err => {
+            Toast.error(err.data.message);
+        })
+    }
+
+    async function getProcessUserName(userName: string) {
+        // 2024-08-20 11:23:13
+        const _userName = userName + '|' + moment().format('YYYY-MM-DD HH:mm:ss');
+        return await getCode.RSAEncrypt(_userName)
+    }
+
+    function checkPasswordPolicy(data?: LoginResponse) {
+        const token = data?.token || ''
+        window.sessionStorage.setItem('CSRF_TOKEN', token)
+        const indexPage = hostMap('ganwei-app-index') + '?languageType=' + (localStorage.languageType || 'zh-CN') + '&CSRF_TOKEN=' + token
+        if (data?.passwordPolicy) {
+            window.sessionStorage.removeItem('passwordPolicy');
+            switch (data.passwordPolicy.passwordPolicy) {
+                case 0:
+                    Toast.warning('密码过期，请联系管理员');
+                    break;
+                case 1:
+                    window.sessionStorage.passwordPolicy = 1;
+                    window.location.href = indexPage;
+                    break;
+                default:
+                    Toast.success(t('login.msg.afterLogin[2]'));
+                    window.location.href = indexPage;
+                    break;
+            }
+        } else {
+            window.location.href = indexPage;
+        }
+    }
+
+    return {
+        login
+    }
+}

package/ganwei-app-6.2.1/packages/ganwei-app-login/src/views/login/js/useRememberPassword.ts

@@ -0,0 +1,48 @@
+import { onBeforeUnmount, onMounted } from 'vue'
+
+import { MyJavaFun } from '@ganwei-web/gw-app-mfe';
+
+import { ILoginModel } from '@/models';
+
+/**
+ * @description 调用底层获取/记住账号密码
+ * @param {ILoginModel} loginModel see {@link ILoginModel}
+ * @return {*} `{ getUser, saveUser }`
+ */
+export default function (loginModel: ILoginModel) {
+    function getPassword(pwd: string, userName = '') {
+        loginModel.password = pwd;
+        if (userName) {
+            loginModel.userName = userName;
+        }
+    }
+
+    function getUser(userName: string) {
+        return MyJavaFun.getPassword(userName)
+    }
+
+    /**
+     * @description 保存密码到原生
+     * @param {string} userName
+     * @param {string} userPwd
+     */
+    function saveUser(userName: string, userPwd: string) {
+        localStorage.setItem('userName', userName);
+        MyJavaFun.setPassword(userName, userPwd)
+    }
+
+    onMounted(() => {
+        if (!window.getPassword) { window.getPassword = getPassword }
+        loginModel.userName = localStorage.getItem('userName') || '';
+        getUser(loginModel.userName);
+    })
+
+    onBeforeUnmount(() => {
+        window.getPassword = undefined
+    })
+
+    return {
+        getUser,
+        saveUser
+    }
+}