udxcms 1.0.8 → 1.0.10

package/dist/components/basicComponents/UserMenu.vue

@@ -1,260 +0,0 @@
-<template>
-    <div class="user-menu">
-        <template v-if="!walletLocked">
-            <!-- <router-link v-for="item in menus" :key="item.id" :to="item.click_url" class="menu-item">{{ item.bar_name }}</router-link> -->
-            <a
-                v-for="item in menus"
-                :key="item.id"
-                class="menu-item router-link-exact-active"
-                @click="goUrl(item.click_url)"
-            >
-                {{ item.bar_name }}
-            </a>
-        </template>
-
-        <template v-if="accountIsCustody">
-            <a class="menu-item log-out" @click="logOutModalVisible = true">{{
-                $t("user_menu_log_out")
-            }}</a>
-        </template>
-        <template v-else>
-            <a v-if="walletLocked" class="menu-item" @click="connectWallet">{{
-                $t("wallet_menu_unlock_account")
-            }}</a>
-            <a :class="['menu-item log-out', !menus.length && 'no-menu']" @click="logOutModalVisible = true">{{
-                $t("wallet_menu_log_out")
-            }}</a>
-        </template>
-
-        <!-- 退出登录 -->
-        <a-modal
-            v-model="logOutModalVisible"
-            :width="320"
-            centered
-            :footer="null"
-            dialogClass="log-out-modal theme-light"
-            @ok="logOutModalVisible = false"
-        >
-            <div class="content">
-                <a-icon type="exclamation-circle" />
-                <p>
-                    {{ $t("user_menu_log_out_text") }}
-                </p>
-            </div>
-            <div class="modal-btns">
-                <a-button block @click="logOutModalVisible = false">
-                    {{ $t("user_common_cancel") }}
-                </a-button>
-                <a-button
-                    type="warning"
-                    block
-                    :loading="loading"
-                    @click="onLogout"
-                >
-                    {{ $t("index_header_menu_user_log_out_confirm") }}
-                </a-button>
-            </div>
-        </a-modal>
-    </div>
-</template>
-
-<script>
-import { logOut } from "../../api/common";
-import conf from "../../config/index";
-
-export default {
-    name: "UserMenu",
-    data() {
-        return {
-            logOutModalVisible: false,
-            loading: false,
-
-            wallet: this.walletData.getSyncWallet() && 1,
-            // token: localStorage.getItem('TOKEN'),
-        };
-    },
-    computed: {
-        account() {
-            return this.$store.getters.account || "";
-        },
-        token() {
-            return (
-                localStorage.getItem("TOKEN") || this.$store.state.user.token
-            );
-        },
-        accountIsCustody() {
-            return this.$store.getters.accountIsCustody;
-        },
-        userMenus() {
-            return this.$store.state.navigation.user.filter(
-                (v) => v.client == "WEB"
-            );
-        },
-        menus() {
-            // type
-            // COMMON("公共"),
-            // MANAGED("托管"),
-            // UNMANAGED("非托管"),
-            if (!this.account) return [];
-            let result = this.userMenus.filter(
-                (item) => item.type === "COMMON"
-            );
-            if (this.accountIsCustody) {
-                result = result.concat(
-                    this.userMenus.filter((item) => item.type === "MANAGED")
-                );
-            } else {
-                result = result.concat(
-                    this.userMenus.filter((item) => item.type === "UNMANAGED")
-                );
-            }
-            return result.sort((a, b) => a.sort - b.sort);
-        },
-        walletConnected() {
-            let ethWallet = this.$store.state.wallet.ethWallet || {};
-            return Object.keys(ethWallet).length > 0;
-        },
-        isLocked() {
-            return this.$store.getters.isLocked;
-        },
-        walletLocked() {
-            if (this.accountIsCustody) {
-                return false;
-            } else {
-                return this.isLocked;
-            }
-        },
-    },
-    methods: {
-        connectWallet() {
-            this.$bus.$emit("linkLogin", {
-                type: "unlock",
-                fn: () => {
-                    this.unlockBack();
-                },
-            });
-        },
-        unlockBack() {
-            let name = this.$route.name;
-            let backRouteName = this.$store.state.cmsstore.backRouteName;
-            if (backRouteName && name == "login_wallet") {
-                this.$store.commit("setBackRouteName", "");
-                this.$router.push({
-                    name: backRouteName,
-                });
-            } else {
-                // this.$router.push({
-                //     name: 'home'
-                // })
-            }
-        },
-        onLogout() {
-            this.loading = true;
-            logOut().catch(e => null).finally((final) => {
-                this.logOutModalVisible = false;
-                this.$store.commit("user/logout");
-                this.walletData.set({
-                    syncWallet: undefined,
-                    syncProvider: undefined,
-                    accountState: undefined,
-                });
-                Object.keys(localStorage).forEach(key => {
-                    if (key.startsWith("wc@2:")) {
-                        localStorage.removeItem(key);
-                    }
-                })
-
-                // JSBridge
-                try {
-                    if (window.NativeBridge && window.NativeBridge.logout) {
-                        window.NativeBridge.logout();
-                    }
-                    if (window.webkit) {
-                        window.webkit.messageHandlers.nativeBridge.postMessage(
-                            JSON.stringify({
-                                action: "logout",
-                                payload: null,
-                            })
-                        );
-                    }
-                } catch (error) {
-                    console.log("Call to JSBridge failed.");
-                    console.error(error);
-                }
-
-                if (!conf.notNeedLoginRoute.includes(this.$route.name)) {
-                    this.$router.push({
-                        name: "home",
-                    });
-                }
-                this.loading = false;
-            });
-        },
-        goUrl(path) {
-            sessionStorage.setItem("portfoilType", "user");
-            this.$store.commit("setMenuChange");
-            this.$router.push(path);
-        },
-    },
-};
-</script>
-
-<style lang="less">
-.log-out-modal {
-    .content {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        margin: 24px 0;
-        p {
-            margin-top: 14px;
-        }
-    }
-    .anticon-exclamation-circle {
-        color: var(--warning-color);
-        font-size: 40px;
-    }
-    .modal-btns {
-        display: flex;
-        gap: 20px;
-        .ant-btn:not(.ant-btn-warning) {
-            &:hover {
-                color: var(--primary-bg-color-hover);
-                background: var(--app-bg-color);
-                border-color: 1px solid var(--primary-bg-color-hover);
-            }
-           
-        }
-    }
-}
-
-.user-menu {
-    background: var(--popup-bg);
-    z-index: 999;
-    border-radius: var(--border-radius-base);
-    box-shadow: var(--box-shadow-base);
-    overflow: hidden;
-
-    .menu-item {
-        height: 48px;
-        line-height: 48px;
-        font-size: 16px;
-        padding: 0 16px;
-        display: flex;
-        align-items: center;
-        color: var(--text-color);
-        white-space: nowrap;
-        &:hover {
-            color: var(--link-color);
-            background-color: var(--select-item-bg);
-        }
-        &.log-out {
-            color: var(--error-color);
-            border-top: 1px solid var(--border-color-base);
-            &.no-menu {
-                border-top: 0px;
-            }
-        }
-    }
-}
-</style>

package/dist/components/basicComponents/WalletConnected.vue

@@ -1,179 +0,0 @@
-<template>
-    <div class="wallet-connected-component">
-        <!-- 已经登录正常状态 -->
-        <div
-            v-if="!isLocked"
-            :class="['wallet-connected', selfTheme && 'wallet-connected-theme']"
-        >
-            <!-- <img :src="chainIcon" alt="" /> -->
-            <!-- <img :src="walletIcon || require('../../assets/img/walletconnect.png')" alt="" v-if="walletIcon.indexOf('<svg') == -1" />
-        <span v-html="walletIcon" v-else></span> -->
-
-            <div v-if="accountIsCustody" class="svg-icon-wrapper">
-                <SvgIcon
-                    icon-class="user-wallet"
-                    stroke="none"
-                    className="wallet-icon"
-                />
-            </div>
-            <template v-else>
-                <img
-                    :src="
-                        walletIcon ||
-                        require('../../assets/img/walletconnect.png')
-                    "
-                    alt=""
-                    v-if="walletIcon.indexOf('<svg') == -1"
-                />
-                <span v-html="walletIcon" v-else class="svg-wallet-icon"></span>
-            </template>
-
-            <span class="user-account">{{ formatAccount(account) }}</span>
-            <a-icon type="caret-down" />
-        </div>
-        <!-- 锁定状态 -->
-        <div
-            v-else
-            :class="[
-                'wallet-connected wallet-locked',
-                selfTheme && 'wallet-connected-theme',
-            ]"
-        >
-            <!-- <img :src="chainIcon" alt="" /> -->
-            <img
-                :src="
-                    walletIcon || require('../../assets/img/walletconnect.png')
-                "
-                alt=""
-                v-if="walletIcon.indexOf('<svg') == -1"
-            />
-            <span v-html="walletIcon" v-else></span>
-            <span class="user-account">{{ connetcedWalletAccount }}</span>
-            <a-icon type="lock" class="icon-locked" />
-        </div>
-
-        <!-- wallet 菜单 -->
-        <div class="menu-dropdown">
-            <UserMenu v-if="userMenus.length > 0 || walletType == 'L1' && !l1Login" />
-            <userPanel
-                v-else
-                v-model="walletMenuVisible"
-                top="0"
-                :isClickstatus="false"
-                type="B"
-            />
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    name: "WalletConnected",
-    props: {
-        selfTheme: {
-            type: Boolean,
-            default: false,
-        },
-    },
-    computed: {
-        btcWallet() {
-            return this.$store.state.wallet.btcWallet || {}
-        },
-        account() {
-            return this.btcWallet?.btcAccoount || this.$store.getters.account;
-        },
-        accountIsCustody() {
-            return this.$store.getters.accountIsCustody;
-        },
-        isLocked() {
-            return this.$store.getters.isLocked;
-        },
-
-        walletIcon() {
-            return window.localStorage.getItem("selectedIcon") || "";
-            // return this.$store.getters.walletIcon || '';
-        },
-        connetcedWalletAccount() {
-            return this.formatAccount(
-                // this.walletData && this.walletData.getAddress()
-                this.account || this.walletData && this.walletData.getAddress()
-            );
-        },
-
-        userMenus() {
-            return this.$store.state.navigation.user;
-        },
-        walletType() {
-            return this.$store.state.siteConfig.walletType
-        },
-        l1Login() {
-            return this.$store.state.siteConfig.l1Login
-        }
-    },
-    data() {
-        return {
-            walletMenuVisible: true,
-        };
-    },
-    methods: {
-        formatAccount(value) {
-            if (!value) return "";
-            return value.slice(0, 4) + "******" + value.slice(-4, value.length);
-        },
-    },
-};
-</script>
-
-<style lang="less">
-.wallet-connected-component {
-    // wallet-connected
-    .wallet-connected {
-        display: flex;
-        align-items: center;
-        border: 1px solid var(--border-color-base);
-        height: var(--height);
-        border-radius: var(--border-radius-base);
-        padding: 8px 12px;
-        &.wallet-connected-theme {
-            background: var(--primary-bg-color);
-            color: var(--white);
-        }
-        span {
-            display: flex;
-            align-items: center;
-        }
-        img {
-            width: 24px;
-            height: 24px;
-        }
-        .icon-locked {
-            font-size: 14px;
-        }
-        .user-account {
-            margin: 0 6px;
-        }
-        &.wallet-locked {
-            color: var(--error-color);
-        }
-
-        .svg-icon-wrapper {
-            width: 24px;
-            height: 24px;
-            line-height: 1;
-            border-radius: 50%;
-            padding: 6px;
-            font-size: 0px;
-            background-color: var(--primary-color);
-            .wallet-icon {
-                color: #fff;
-            }
-        }
-        .svg-wallet-icon {
-            width: 24px;
-            height: 24px;
-            line-height: 1;
-            border-radius: 50%;
-        }
-    }
-}
-</style>

package/dist/components/basicComponents/sModal.vue

@@ -1,59 +0,0 @@
-<!--
- * @Author: Sneed
- * @Date: 2021-03-16 08:46:13
- * @LastEditTime: 2021-03-16 15:14:49
- * @LastEditors: Sneed
- * @Description:
--->
-<template>
-    <div class="loading" v-show="value">
-        <div class="content">
-            <svg-icon class="close" icon-class="close" @click="close"></svg-icon>
-            <slot></slot>
-        </div>
-    </div>
-</template>
-
-<script>
-export default {
-    props: {
-        value: {
-            type:Boolean,
-        }
-    },
-    methods: {
-        close() {
-            this.$emit('input',false)
-        }
-    }
-}
-</script>
-
-<style lang="less" scoped>
-    .loading {
-        width: 100vw;
-        height: 100vh;
-        position: fixed;
-        z-index: 6000;
-        top: 0;
-        left: 0;
-        background: var(--mask-bg-color);
-        .content {
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%,-50%);
-            width: 280px;
-            background: var(--modal-bg-color);
-            border-radius: 24px;
-            padding: 30px;
-            .close {
-                width: 20px;
-                height: 20px;
-                position: absolute;
-                top: 12px;
-                right: 12px;
-            }
-        }
-    }
-</style>