udxcms 1.0.3 → 1.0.5

package/dist/views/customService/wiki.vue

@@ -0,0 +1,126 @@
+<!-- wiki  -->
+<template>
+  <div class="page-wiki">
+    <div class="visible-pc">
+      <Header :showMiddleInfo="true" />
+    </div>
+    <div class="visible-h5">
+      <Top class="top" />
+    </div>
+    <div class="wiki-container">
+      <div class="wiki-article" v-if="list.length">
+        <Wiki :list="list" :initPath="initPath"></Wiki>
+      </div>
+
+      <!-- loading -->
+      <div v-else class="loading-wrap">
+        <site-loading></site-loading>
+      </div>
+    </div>
+
+    <Footer />
+  </div>
+</template>
+
+<script>
+import Wiki from "../../components/cmsComponents/wiki/Wiki.vue";
+import conf from "../../config/index";
+import { loadImportScript, isPhone } from "../../utils/index";
+import { mapState } from "vuex";
+
+export default {
+  name: "WikiPage",
+  data() {
+    return {
+      // color: window.themeColor || "var(--primary-color)",
+      list: [], // help list data
+      navList: [{ name: this.$t("cms_help_bread_title") }],
+      // article: {},
+      isPhone: isPhone(),
+      // initName: [],
+      initPath: "",
+      // nextPageList: [{ show: false }, { show: false }],
+    };
+  },
+
+  components: {
+    Wiki,
+  },
+
+  computed: mapState({
+    lang: (state) => state.language,
+  }),
+
+  created() {
+    console.log('this.$route', this.$route)
+    this.getListData();
+  },
+
+  methods: {
+    /**
+     * 获取wiki树结构
+     */
+    getListData() {
+      const hostName = window.mainHostname;
+      const url = `${conf.sitePath}${hostName}/${this.lang}/wiki/all/classify_tree.js`;
+      loadImportScript(url, null, "message")
+        .then((res) => {
+          console.log("res", res);
+          this.list = res.filter((v) => {
+            return v.content && v.content.length > 0;
+          });
+
+        })
+        .catch(() => false);
+    },
+    /**
+     * 获取文章
+     * */
+    getArticle(path) {
+      const hostName = window.mainHostname;
+      const url = `${conf.sitePath}${hostName}/${this.lang}/wiki/${path}.js`;
+      this.article = {};
+      loadImportScript(url, null, "message")
+        .then((res) => {
+          console.log("article res", res);
+          this.article = res;
+        })
+        .catch(() => false);
+    },
+  },
+};
+</script>
+<style lang='less' scoped>
+.page-wiki {
+  // background: #000;
+  font-size: 16px;
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+  // padding-top: 70px;
+
+  .wiki-container {
+    // min-height: 100vh;
+    flex: auto;
+    display: flex;
+  }
+  .wiki-article{
+    flex: auto;
+  }
+  .content {
+    margin-bottom: 70px;
+  }
+  .nav-bread {
+    // width: 1100px;
+    margin: 70px auto 40px;
+  }
+  .loading-wrap {
+    flex: auto;
+    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+
+</style>

package/dist/views/error/error404.vue

@@ -0,0 +1,76 @@
+<!--
+ * @Author: Leo
+ * @Date: 2020-11-13
+-->
+<template>
+    <div class="error">
+        <h3 class="e-h3">PAGE NOT FOUND</h3>
+        <span class="e-tips">Sorry we couldn't find what you were looking for.</span>
+        <span class="e-btn" @click="goHome">Back Home ></span>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "error404",
+    computed: {
+    },
+    methods:{
+        goHome(){
+            this.$router.push({
+                path: '/'
+            })
+        }
+    }
+
+}
+</script>
+
+<style lang="less" scoped>
+    .error {
+        width: 100%;
+        min-height: 977px;
+        background: #F5F6FA;
+        padding-top: 220px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        .e-h3{
+            height: 42px;
+            font-size: 42px;
+            font-family: FontSemiBold;
+            // font-weight: SemiBold;
+            text-align: center;
+            color: var(--text-color);
+            line-height: 42px;
+            letter-spacing: 5px;
+            margin-bottom: 20px;
+            white-space: nowrap;
+        }
+        .e-tips{
+            height: 20px;
+            font-size: 18px;
+            font-family: Font;
+
+            text-align: center;
+            color: var(--text-color-placeholder);
+            line-height: 20px;
+            margin-bottom: 50px;
+            display: inline-block;
+            white-space: nowrap;
+        }
+        .e-btn{
+            width: 190px;
+            height: 48px;
+            border: 1px solid var(--text-color);
+            border-radius: 6px;
+            font-size: 18px;
+            font-family: FontMedium;
+            text-align: center;
+            color: var(--text-color);
+            line-height: 48px;
+            display: inline-block;
+            cursor: pointer;
+        }
+    }
+</style>

package/dist/views/error/error500.vue

@@ -0,0 +1,74 @@
+<!--
+ * @Author: Leo
+ * @Date: 2020-11-13
+-->
+<template>
+    <div class="error">
+        <h3 class="e-h3">INTERNAL SERVER ERROR</h3>
+        <span class="e-tips">Oops.Something is technically wrong.Sorry about that.</span>
+        <span class="e-btn" @click="goHome">Back Home ></span>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "error500",
+    computed: {
+    },
+    methods:{
+        goHome(){
+            this.$router.push({
+                path: '/'
+            })
+        }
+    }
+
+}
+</script>
+
+<style lang="less" scoped>
+    .error {
+        width: 100%;
+        min-height: 977px;
+        background: #F5F6FA;
+        padding-top: 220px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        .e-h3{
+            height: 42px;
+            font-size: 42px;
+            font-family: FontSemiBold;
+            // font-weight: SemiBold;
+            text-align: center;
+            color: var(--text-color);
+            line-height: 42px;
+            letter-spacing: 5px;
+            margin-bottom: 20px;
+            white-space: nowrap;
+        }
+        .e-tips{
+            height: 20px;
+            font-size: 18px;
+            font-family: Font;
+
+            text-align: center;
+            color: var(--text-color-placeholder);
+            line-height: 20px;
+            margin-bottom: 50px;
+            white-space: nowrap;
+        }
+        .e-btn{
+            width: 190px;
+            height: 48px;
+            border: 1px solid var(--text-color);
+            border-radius: 6px;
+            font-size: 18px;
+            font-family: FontMedium;
+            text-align: center;
+            color: var(--text-color);
+            line-height: 48px;
+            cursor: pointer;
+        }
+    }
+</style>

package/dist/views/index.js

@@ -1,51 +1,26 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoginWallet = exports.Error500 = exports.Error404 = exports.Wiki = exports.Whitepaper = exports.Vote = exports.Term = exports.Team = exports.Sdk = exports.Recruit = exports.HelpNav = exports.HelpIndex = exports.HelpDetail = exports.HelpEntry = exports.Ecosystem = exports.Doc = exports.Detail = exports.DappDetail = exports.Dapp = exports.Api = exports.Academy = void 0;
 // Custom Service Views
-var academy_vue_1 = require("./customService/academy.vue");
-Object.defineProperty(exports, "Academy", { enumerable: true, get: function () { return __importDefault(academy_vue_1).default; } });
-var api_vue_1 = require("./customService/api.vue");
-Object.defineProperty(exports, "Api", { enumerable: true, get: function () { return __importDefault(api_vue_1).default; } });
-var dapp_vue_1 = require("./customService/dapp.vue");
-Object.defineProperty(exports, "Dapp", { enumerable: true, get: function () { return __importDefault(dapp_vue_1).default; } });
-var dappDetail_vue_1 = require("./customService/dappDetail.vue");
-Object.defineProperty(exports, "DappDetail", { enumerable: true, get: function () { return __importDefault(dappDetail_vue_1).default; } });
-var detail_vue_1 = require("./customService/detail.vue");
-Object.defineProperty(exports, "Detail", { enumerable: true, get: function () { return __importDefault(detail_vue_1).default; } });
-var doc_vue_1 = require("./customService/doc.vue");
-Object.defineProperty(exports, "Doc", { enumerable: true, get: function () { return __importDefault(doc_vue_1).default; } });
-var index_vue_1 = require("./customService/ecosystem/index.vue");
-Object.defineProperty(exports, "Ecosystem", { enumerable: true, get: function () { return __importDefault(index_vue_1).default; } });
-var entry_vue_1 = require("./customService/help/entry.vue");
-Object.defineProperty(exports, "HelpEntry", { enumerable: true, get: function () { return __importDefault(entry_vue_1).default; } });
-var helpDetail_vue_1 = require("./customService/help/helpDetail.vue");
-Object.defineProperty(exports, "HelpDetail", { enumerable: true, get: function () { return __importDefault(helpDetail_vue_1).default; } });
-var index_vue_2 = require("./customService/help/index.vue");
-Object.defineProperty(exports, "HelpIndex", { enumerable: true, get: function () { return __importDefault(index_vue_2).default; } });
-var nav_vue_1 = require("./customService/help/nav.vue");
-Object.defineProperty(exports, "HelpNav", { enumerable: true, get: function () { return __importDefault(nav_vue_1).default; } });
-var recruit_vue_1 = require("./customService/recruit.vue");
-Object.defineProperty(exports, "Recruit", { enumerable: true, get: function () { return __importDefault(recruit_vue_1).default; } });
-var sdk_vue_1 = require("./customService/sdk.vue");
-Object.defineProperty(exports, "Sdk", { enumerable: true, get: function () { return __importDefault(sdk_vue_1).default; } });
-var team_vue_1 = require("./customService/team.vue");
-Object.defineProperty(exports, "Team", { enumerable: true, get: function () { return __importDefault(team_vue_1).default; } });
-var term_vue_1 = require("./customService/term.vue");
-Object.defineProperty(exports, "Term", { enumerable: true, get: function () { return __importDefault(term_vue_1).default; } });
-var vote_vue_1 = require("./customService/vote.vue");
-Object.defineProperty(exports, "Vote", { enumerable: true, get: function () { return __importDefault(vote_vue_1).default; } });
-var whitepaper_vue_1 = require("./customService/whitepaper.vue");
-Object.defineProperty(exports, "Whitepaper", { enumerable: true, get: function () { return __importDefault(whitepaper_vue_1).default; } });
-var wiki_vue_1 = require("./customService/wiki.vue");
-Object.defineProperty(exports, "Wiki", { enumerable: true, get: function () { return __importDefault(wiki_vue_1).default; } });
+export { default as Academy } from './customService/academy.vue'
+export { default as Api } from './customService/api.vue'
+export { default as Dapp } from './customService/dapp.vue'
+export { default as DappDetail } from './customService/dappDetail.vue'
+export { default as Detail } from './customService/detail.vue'
+export { default as Doc } from './customService/doc.vue'
+export { default as Ecosystem } from './customService/ecosystem/index.vue'
+export { default as HelpEntry } from './customService/help/entry.vue'
+export { default as HelpDetail } from './customService/help/helpDetail.vue'
+export { default as HelpIndex } from './customService/help/index.vue'
+export { default as HelpNav } from './customService/help/nav.vue'
+export { default as Recruit } from './customService/recruit.vue'
+export { default as Sdk } from './customService/sdk.vue'
+export { default as Team } from './customService/team.vue'
+export { default as Term } from './customService/term.vue'
+export { default as Vote } from './customService/vote.vue'
+export { default as Whitepaper } from './customService/whitepaper.vue'
+export { default as Wiki } from './customService/wiki.vue'
+
 // Error Views
-var error404_vue_1 = require("./error/error404.vue");
-Object.defineProperty(exports, "Error404", { enumerable: true, get: function () { return __importDefault(error404_vue_1).default; } });
-var error500_vue_1 = require("./error/error500.vue");
-Object.defineProperty(exports, "Error500", { enumerable: true, get: function () { return __importDefault(error500_vue_1).default; } });
+export { default as Error404 } from './error/error404.vue'
+export { default as Error500 } from './error/error500.vue'
+
 // Login Views
-var login_wallet_vue_1 = require("./login/login_wallet.vue");
-Object.defineProperty(exports, "LoginWallet", { enumerable: true, get: function () { return __importDefault(login_wallet_vue_1).default; } });
+export { default as LoginWallet } from './login/login_wallet.vue'

package/dist/views/login/login_wallet.vue

@@ -0,0 +1,229 @@
+<!--
+ * @Descripttion:
+ * @version:
+ * @Author:
+ * @Date: 2021-05-21 14:57:52
+ * @LastEditors: Lewis
+ * @LastEditTime: 2022-08-12 19:51:43
+-->
+<template>
+	<div v-if="visible" class="containers flex-v login-wallet">
+		<Header :showMiddleInfo="false" class="visible-pc" />
+		<Top class="top visible-h5" />
+		<div class="login-center">
+			<div>
+				<div class="login-text">
+					{{ $t("user_login_connect_slogan") }}
+				</div>
+				<div class="btn-wrapper">
+					<div v-if="walletTypes.includes('UMW')" class="btn-item">
+						<img
+							src="../../assets/img/wallet-login-common.png"
+							class="wallet-img"
+							@click="linkLogin"
+						/>
+						<div class="login-min-text">
+							{{ $t("user_login_connect_wallet_text") }}
+						</div>
+					</div>
+					<div v-if="walletTypes.includes('MW') && loginHeader" class="btn-item">
+						<img
+							src="../../assets/img/wallet-login-email.png"
+							class="wallet-img"
+							@click="toCexLogin"
+						/>
+						<div class="login-min-text">
+							{{ $t("user_login_connect_email_text") }}
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+export default {
+	name: "login_wallet",
+	beforeRouteEnter(to, from, next) {
+		// console.log('beforeRouteEnter:', to, from, !to.query.back);
+		if (!to.query.back) {
+			to.query.back = from.fullPath
+		}
+		next();
+	},
+	data() {
+		return {
+			color: window.themeColor || "var(--primary-color)",
+			walletTypes: [],
+			visible: false,
+		};
+	},
+	computed: {
+		uid() {
+			return this.$store.state.user.userInfo.uid;
+		},
+		loginHeader() {
+			return this.$store.state.siteConfig.centralConfig.loginHeader;
+		}
+	},
+    created() {
+        this.walletTypes = window.walletTypes;
+        // 只支持托管钱包
+        if (this.walletTypes.length === 1 && this.walletTypes[0] === "MW") {
+            this.$router.push({
+                path: '/user/login'
+            })
+        } else {
+			this.visible = true;
+			// 本页面登录弹框只渲染非托管钱包。在页面卸载的时候还原。
+			window.walletTypes = ["UMW"];
+		}
+    },
+	mounted() {
+		// showLoginExpiredMessage
+		this.$route.params.showLoginExpiredMessage &&
+			this.$message.warning(this.$t("wallet_common_login_expired"));
+		console.log('this.$route:', this.$route);
+	},
+	methods: {
+		loginBack() {
+			const backUrl = this.$route.query.back;
+			let backRouteName = this.$store.state.cmsstore.backRouteName;
+            let search = sessionStorage.getItem('currentPathSearch') || ''
+			if (backUrl) {
+				this.$router.replace(backUrl);
+			} else if (backRouteName) {
+				this.$store.commit("setBackRouteName", "");
+                if (backRouteName == 'login_wallet') this.$router.go(-1)
+                else {
+                    this.$router.replace({
+                        name: backRouteName,
+                        query: this.formatSearch(search)
+                    });
+                }
+            } else if (this.$route.name == 'login_wallet') {
+                this.$router.replace({
+					name: "home",
+				});
+            }
+			// } else {
+			// 	this.$router.replace({
+			// 		name: "home",
+			// 	});
+			// }
+		},
+		linkLogin() {
+			let wallet = this.walletData.getSyncWallet();
+            let token = localStorage.getItem('TOKEN')
+			if (this.uid && wallet && token) {
+				return this.loginBack();
+			}
+
+            if (wallet && !token) {
+                this.$store.dispatch('loginRest')
+            } else {
+                if (!wallet) {
+                    $Vue.$bus.$emit("linkWallet", () => {
+                        this.loginBack();
+                    });
+                } else {
+                    $Vue.$bus.$emit("linkLogin", {
+                        type: "unlock",
+                        fn: () => {
+                            this.loginBack();
+                        },
+                    });
+                }
+            }
+
+		},
+		toCexLogin() {
+			this.$router.push({
+				path: '/user/login'
+			});
+		},
+        formatSearch(serach) {
+            let query = {}
+            if (!serach) return query
+            serach = serach.slice(1)
+            serach.split('&').map(v => {
+                let val = v.split('=')
+                query[val[0]] = val[1]
+            })
+            return query
+        }
+	},
+    beforeDestroy() {
+		window.walletTypes = this.walletTypes;
+    },
+};
+</script>
+
+<style lang="less" scoped>
+.containers {
+	position: relative;
+	width: 100%;
+	// padding-top: 100px;
+}
+.login-wallet {
+    justify-content: flex-start;
+}
+
+.login-center {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+    flex: 1;
+	& > div {
+		text-align: center;
+		// margin-top: -200px;
+	}
+	.login-text {
+		margin: 0 20px;
+		font-size: 32px;
+		font-family: FontMedium;
+		text-align: center;
+		color: var(--text-color);
+		line-height: 44px;
+	}
+	.btn-wrapper{
+		display: flex;
+		gap: 60px;
+		justify-content: center;
+	}
+	.wallet-img {
+		margin-top: 46px;
+		width: 128px;
+		height: 128px;
+		cursor: pointer;
+	}
+}
+.login-min-text {
+	margin-top: 20px;
+	text-align: center;
+	font-size: 20px;
+	font-family: Font;
+
+	text-align: center;
+	color: var(--text-color-third);
+	line-height: 24px;
+}
+@media screen and (min-width: 768px) {
+
+	.login-center {
+
+		.login-text {
+			font-size: 36px;
+		}
+	}
+}
+@media screen and (min-width: 1200px) {
+	.login-center {
+
+		.login-text {
+			font-size: 40px;
+		}
+	}
+}
+</style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "udxcms",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "cms submodule",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -9,13 +9,17 @@
   ],
   "scripts": {
     "build": "tsc --outDir dist && npm run copy-assets",
-    "copy-assets": "cp -r assets dist/ || xcopy /E /I assets dist\\assets",
+    "copy-assets": "cp -r assets dist/ || xcopy /E /I assets dist\\assets && cp -r views dist/ || xcopy /E /I views dist\\views",
     "prepublish": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "typescript": "^5.9.2"
+    "typescript": "^5.9.2",
+    "clipboard-copy": "^4.0.1",
+    "ethers": "^5.4.0",
+    "dayjs": "^1.11.2",
+    "bignumber.js": "^9.0.2"
   }
 }