udxcms 1.0.10 → 1.0.12

package/dist/components/cmsComponents/wiki/typora-lark.css

@@ -0,0 +1,440 @@
+@charset "UTF-8";
+blockquote {
+  border-left:.5em solid #eee;
+  padding: 0 0 0 2em;
+  margin-left:0;
+}
+blockquote  cite {
+  font-size:14px;
+  line-height:20px;
+  color:#bfbfbf;
+}
+blockquote cite:before {
+  content: '\2014 \00A0';
+}
+
+blockquote p {
+  color: #666;
+}
+mark {
+  line-height: 1.68;
+  -webkit-text-size-adjust: 100%;
+  max-width: 860px;
+  margin: 0px auto;
+  padding: 1.6rem 3.2rem;
+  /* font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Arial,
+    Segoe UI, PingFang SC, Microsoft Yahei, Hiragino Sans GB, sans-serif,
+    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; */
+  font-size: 16px;
+  color: #1f2329;
+  /* spacing */
+  /* block */
+  /* list */
+  /* inline */
+  /* table */
+  /* code block */
+}
+markdown * {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+markdownT y > *:first-child {
+  margin-top: 0 !important;
+}
+.markdown-typora > *:last-child {
+  margin-top: 0 !important;
+}
+.markdown-typora p,
+.markdown-typora details,
+.markdown-typora dl,
+.markdown-typora ol,
+.markdown-typora ul,
+.markdown-typora xmp,
+.markdown-typora plaintext,
+.markdown-typora listing,
+.markdown-typora blockquote,
+.markdown-typora table,
+.markdown-typora figure,
+.markdown-typora hr {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+.markdown-typora h1 {
+  font-size: var(--h1);
+  font-weight: bold;
+  margin-top: 26px;
+  margin-bottom: 10px;
+  margin-left: 0;
+  margin-right: 0;
+}
+.markdown-typora h2 {
+  font-size: var(--h2);
+  font-weight: bold;
+  margin-top: 22px;
+  margin-bottom: 8px;
+  margin-left: 0;
+  margin-right: 0;
+}
+.markdown-typora h3 {
+  font-size: var(--h3);
+  font-weight: bold;
+  margin-top: 20px;
+  margin-bottom: 8px;
+  margin-left: 0;
+  margin-right: 0;
+}
+.markdown-typora h4 {
+  font-size: var(--h4);
+  font-weight: bold;
+  margin-top: 18px;
+  margin-bottom: 8px;
+  margin-left: 0;
+  margin-right: 0;
+}
+.markdown-typora h5 {
+  font-size: var(--h5);
+  font-weight: bold;
+  margin-top: 16px;
+  margin-bottom: 8px;
+  margin-left: 0;
+  margin-right: 0;
+}
+.markdown-typora h6 {
+  font-size: var(--h6);
+  font-weight: bold;
+  margin-top: 16px;
+  margin-bottom: 8px;
+  margin-left: 0;
+  margin-right: 0;
+}
+.markdown-typora p,.markdown-typora div{
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+.markdown-typora p {
+  margin-left: 0;
+  margin-right: 0;
+}
+.markdown-typora pre,
+.markdown-typora xmp,
+.markdown-typora plaintext,
+.markdown-typora listing {
+  /* font-family: var(--monospace); */
+}
+.markdown-typora blockquote > :first-child {
+  margin-top: 0;
+}
+.markdown-typora blockquote > :last-child {
+  margin-bottom: 0;
+}
+.markdown-typora hr {
+  border-style: inset;
+  border-width: 1px;
+}
+.markdown-typora img {
+  max-width: 100%;
+  height: auto;
+}
+.markdown-typora img :not(:last-child) {
+  margin-right: 8px;
+}
+.markdown-typora li {
+  line-height: 1.414;
+  word-wrap: break-all;
+}
+.markdown-typora li + li {
+  margin-top: 14px;
+}
+.markdown-typora ul ul,
+.markdown-typora ol ul,
+.markdown-typora ul ol,
+.markdown-typora ol ol {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.markdown-typora .task-list-item {
+  list-style-type: none;
+}
+.markdown-typora a {
+  /* color: #3370ff; */
+  text-decoration: underline;
+}
+.markdown-typora a img {
+  border: none;
+}
+.markdown-typora b,
+.markdown-typora strong {
+  font-weight: bold;
+}
+.markdown-typora i,
+.markdown-typora cite,
+.markdown-typora em,
+.markdown-typora var,
+.markdown-typora address,
+.markdown-typora dfn {
+  font-style: italic;
+}
+.markdown-typora code,
+.markdown-typora kbd,
+.markdown-typora tt,
+.markdown-typora samp {
+  font-family: var(--monospace);
+}
+
+.markdown-typora code{
+  /* background-color: #eee; */
+  border-radius: 2px;
+  padding: 0 4px;
+}
+.markdown-typora mark {
+  color: #1f2329;
+  padding: 0.2em 0;
+  background-color: rgba(255, 246, 122, 0.8);
+}
+.markdown-typora del,
+.markdown-typora s {
+  color: inherit;
+}
+.markdown-typora table {
+  color: black;
+  border-collapse: collapse;
+  background-color: white;
+  border-spacing: 2px;
+  font-size: 1em;
+  width: 100%;
+  max-width: 100%;
+}
+.markdown-typora th,
+.markdown-typora td {
+  border-color: #dee0e3;
+  border-width: 1px;
+  border-style: solid;
+}
+.markdown-typora th {
+  padding: 8px 8px;
+  font-size: 1em;
+  font-weight: 500;
+}
+.markdown-typora td {
+  padding: 8px 8px;
+  font-size: 1em;
+  font-weight: normal;
+}
+.markdown-typora pre.md-fences,
+.markdown-typora pre.md-meta-block,
+.markdown-typora
+  .md-rawblock-control:not(.md-rawblock-tooltip)
+  .md-rawblock-input {
+  border-radius: 3px;
+  border: 1px solid #dee0e3;
+  padding: 10px;
+  background-color: #f5f6f7;
+}
+.markdown-typora .CodeMirror div.CodeMirror-cursor {
+  border-color: #1f2329;
+}
+.markdown-typora .md-math-block,
+.markdown-typora .md-rawblock {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+.markdown-typora .md-rawblock > .md-rawblock-tooltip {
+  background-color: #f5f6f7;
+  transition: 0.5s;
+  display: block;
+  visibility: hidden;
+  opacity: 0;
+}
+.markdown-typora .md-rawblock:hover > .md-rawblock-tooltip {
+  transition: 0.5s;
+  visibility: visible;
+  opacity: 1;
+  animation: none;
+}
+.markdown-typora .md-rawblock-control:not(.md-rawblock-tooltip) {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
+.markdown-typora * {
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+}
+.markdown-typora h1,
+.markdown-typora h2,
+.markdown-typora h3,
+.markdown-typora h4,
+.markdown-typora h5,
+.markdown-typora h6 {
+  line-height: 1.4;
+  /* font-weight: 500; */
+  margin-top: 1em;
+  margin-bottom: 0.37em;
+}
+.markdown-typora blockquote {
+  display: block;
+  margin-left: 0;
+  padding-left: 14px;
+  /* border-left: 2px solid #3370ff; */
+  color: rgba(31, 35, 41, 0.7);
+}
+/* .markdown-typora code {
+  border-radius: 4px;
+  margin-left: 2px;
+  margin-right: 2px;
+  border: 1px solid #dee0e3;
+  background-color: #f5f6f7;
+  word-spacing: normal;
+  line-height: 1.6;
+  padding: 0 2px;
+} */
+.markdown-typora a {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  white-space: pre-wrap;
+  hyphens: auto;
+  word-break: break-word;
+  text-decoration: none;
+}
+.markdown-typora a:hover {
+  text-decoration: underline;
+}
+.markdown-typora hr {
+  margin: 13px 0 12px;
+  border: 0px;
+  height: 1px;
+  background-origin: content-box;
+  background-image: linear-gradient(90deg, #bbbfc4, #bbbfc4);
+  background-repeat: no-repeat;
+}
+.markdown-typora ul {
+  margin-left: 0;
+  padding-left: 22px;
+  list-style: disc;
+}
+.markdown-typora ul > li:not([class*="task-list-item"]) {
+  word-wrap: break-all;
+  padding-left: 0px;
+}
+.markdown-typora ul > li:not([class*="task-list-item"]):before {
+  position: absolute;
+  top: 2px;
+  content: "•";
+  /* color: #3370ff; */
+  display: inline-block;
+  margin-left: -20px;
+  margin-right: 20px;
+  width: 0px;
+  font-size: 0.8em;
+  transform: scale(1.25);
+  /* font-family: PingFangSC-Regular, PingFang SC; */
+}
+.markdown-typora
+  ul
+  > li:not([class*="task-list-item"])
+  li:not([class*="task-list-item"])::before {
+  content: "◦";
+  transform: scale(1);
+  font-weight: 700;
+}
+.markdown-typora
+  ul
+  > li:not([class*="task-list-item"])
+  li:not([class*="task-list-item"])
+  li:not([class*="task-list-item"])::before {
+  content: "▪";
+  transform: scale(1.25);
+  font-weight: normal;
+}
+.markdown-typora ol {
+  counter-reset: ol_counter;
+  margin-left: 0;
+  padding-left: 22px;
+  list-style: none;
+}
+.markdown-typora ol > li:not([class*="task-list-item"]) {
+  word-wrap: break-all;
+  padding-left: 0px;
+  position: relative;
+}
+.markdown-typora ol > li:not([class*="task-list-item"]):before {
+  content: counter(ol_counter) ".";
+  counter-increment: ol_counter;
+  /* color: #3370ff; */
+  position: absolute;
+  margin-left: -22px;
+  margin-right: 4px;
+  padding-left: 2px;
+  padding-right: 2px;
+  text-align: left;
+  white-space: nowrap;
+  overflow: visible;
+  min-width: 18px;
+  border-radius: 2px;
+  transform: translateX(-2px);
+  /* font-family: Helvetica Neue, Consolas; */
+}
+.markdown-typora li + li,
+.markdown-typora ul ul,
+.markdown-typora ol ul,
+.markdown-typora ul ol,
+.markdown-typora ol ol,
+.markdown-typora li ul,
+.markdown-typora li ol {
+  margin-top: 14px;
+}
+.markdown-typora .task-list-item {
+  padding-left: 0.3rem;
+}
+.markdown-typora .task-list-item > p {
+  transition: color 0.3s, opacity 0.3s;
+}
+.markdown-typora .task-list-item.task-list-done > p {
+  color: #646a73;
+  text-decoration: line-through;
+}
+.markdown-typora .task-list-item.task-list-done > p > .md-emoji {
+  opacity: 0.5;
+}
+.markdown-typora .task-list-item.task-list-done > p > .md-link > a {
+  opacity: 0.6;
+}
+.markdown-typora .task-list-item > input {
+  -webkit-appearance: initial;
+  display: block;
+  position: absolute;
+  border: 1px solid #2b2f36;
+  border-radius: 0.25rem;
+  margin-left: -1.5rem;
+  height: 1.2rem;
+  width: 1.2rem;
+  transition: border-color 0.3s;
+}
+.markdown-typora .task-list-item > input:focus {
+  outline: none;
+  box-shadow: none;
+}
+.markdown-typora .task-list-item > input:hover {
+  /* border-color: #3370ff; */
+}
+.markdown-typora .task-list-item > input[checked]::before {
+  content: "";
+  position: absolute;
+  top: 20%;
+  left: 50%;
+  height: 60%;
+  width: 2px;
+  transform: rotate(40deg);
+  /* background: #3370ff; */
+}
+.markdown-typora .task-list-item > input[checked]::after {
+  content: "";
+  position: absolute;
+  top: 46%;
+  left: 25%;
+  height: 30%;
+  width: 2px;
+  transform: rotate(-40deg);
+  /* background: #3370ff; */
+}

package/dist/components/h5Components/ChainNetH5Work.vue

@@ -0,0 +1,250 @@
+<!--
+ * @Descripttion:
+ * @version:
+ * @Author:
+ * @Date: 2022-02-10 14:24:36
+ * @LastEditors: Lewis
+ * @LastEditTime: 2022-08-11 10:01:57
+-->
+<template>
+    <div class='rinkeby-box'>
+        <div :class="['show-rinkeby', !showLabel && 'no-label']" v-if='chainShow' @click='changeNetWorkBox = true'>
+            <img v-show="defaultValue.icon" class="coin-type" :src="defaultValue.icon" alt="">
+            <span class="coin-name" v-if='showLabel'>{{defaultValue.chainName || $t('wallet_common_all_networks')}}</span>
+            <svg-icon :class="{'icon-down':true, active: changeNetWorkBox}" icon-class="arrow-down-w"></svg-icon>
+        </div>
+        <div class='show-chain-box' v-show='changeNetWorkBox' @click='changeNetWorkBox = false'>
+            <div class='chain-box'>
+                <div class='title'>
+                    {{$t('wallet_modal_network_text')}}
+                </div>
+                <div class='chain-item' v-for="item in netWorkList" :key="item.chainName" @click="select(item)" :class="[{'active': defaultValue.chainId === item.chainId}]">
+                    <img v-show="item.icon" class="coin-type" :src="item.icon" alt="" />
+                    <span>{{item.chainName}}</span>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    let closeFn
+    import { getTradeDefaultChainId } from '../../utils/index'
+    import _ from 'lodash';
+    export default {
+        name: 'ChainNetH5Work',
+        props: {
+            value: {
+                type: Boolean,
+                default: true
+            }
+        },
+        computed: {
+            layer1NetworkList() {
+                return this.$store.getters.walletNetworks;
+            }
+        },
+        watch: {
+            $route: {
+                handler(val) {
+                    let routeName = val.name
+                    this.chainShow = this.chainShowArr.indexOf(routeName) == -1
+                },
+                immediate: true
+            },
+            '$store.state.wallet.chainId'(val) {
+                this.chainId = val + ''
+            },
+            changeNetWorkBox: function(val) {
+                if(val) {
+                    this.queryWord = "";
+                }else {
+                    document.removeEventListener('click',closeFn)
+                }
+                closeFn = (e)=>{
+                    if(!this.$el.contains(e.target)){
+                        this.changeNetWorkBox = false
+                    }
+                }
+                this.$nextTick(()=>{
+                    if(val) {
+                        document.addEventListener('click',closeFn)
+                    }else {
+                        document.removeEventListener('click',closeFn)
+                    }
+                })
+            },
+            layer1NetworkList() {
+                this.setChainArrLists()
+            }
+        },
+        // beforeCreate() {
+        //     let chainId = getTradeDefaultChainId(this.$store)
+        //     if (chainId) {
+        //         this.$store.commit('setChainId', chainId)
+        //         this.$store.commit('setCheckDataChanId', chainId)
+        //         localStorage.setItem('lastChainId', chainId)
+        //     }
+        // },
+        mounted() {
+            this.setChainArrLists()
+        },
+        data() {
+            return {
+                chainShow: false,
+                chainId: '',
+                chainInitId: '',
+                netWorkList: [],
+                chainShowArr: ['trade-home', 'trade-mobile-kline', 'trade-mobile-orderbook'],
+                defaultValue: {},
+                changeNetWorkBox: false,
+                showLabel: false
+            }
+        },
+        methods: {
+            select(item) {
+                this.defaultValue = item
+                this.checkChainData(item.chainId)
+                this.changeNetWorkBox = false
+            },
+            changeStatu() {
+                this.changeNetWorkBox = !this.changeNetWorkBox
+            },
+            checkChainData(val) {
+                let chainId = this.chainInitId
+                if (val && val != chainId) {
+                    this.chainInitId = val
+                    // this.$store.commit('setCheckDataChanId', val)
+                    this.$store.commit('setChainId', val)
+                    // localStorage.setItem('lastChainId', val)
+                }
+            },
+            async setChainArrLists() {
+                if (!this.layer1NetworkList.length) {
+                    await this.$store.dispatch('fetchNetworkList')
+                }
+                try {
+                    this.chainInitId = this.chainId = this.$store.state.chainId + ''
+                    let { networksOverview = [],  networks } = this.$store.state.siteConfig
+                    const layerCache = this.$store.state.wallet.layerCache
+                    let networksLocal = Object.assign([], networks)
+                    let networks_chainIds = networksLocal.map(v => v.chainId)
+                    networksLocal = networksLocal.concat(networksOverview.filter(v => layerCache == 'L1' && !networks_chainIds.includes(v.chainId)))
+                    console.log("walletNetworks:", networksLocal, networksOverview.filter(v => layerCache == 'L1' && !networks_chainIds.includes(v.chainId)))
+                    let isExitChainId = false
+                    this.netWorkList = networksLocal
+                    this.netWorkList = this.netWorkList.map(v => {
+                        let network = this.layer1NetworkList.find(item => item.chainId == v.chainId)
+                        let networkData = {
+                            chainId: network.chainId,
+                            chainName: network.name,
+                            icon: network.networkLogo
+                        }
+                        if (v.chainId == this.chainInitId) {
+                            isExitChainId = true
+                            this.defaultValue = networkData
+                        }
+                        return networkData
+                    })
+                    if (!isExitChainId) {
+                        this.chainInitId = this.chainId = getTradeDefaultChainId()
+                        this.defaultValue = this.netWorkList.find(v => v.chainId == this.chainInitId)
+                    }
+                    this.$store.commit('setChainId', this.chainId)
+                    // localStorage.setItem('lastChainId', this.chainId)
+                } catch (error) {
+                    this.netWorkList = []
+                }
+            },
+            getNetworkLogo(chainId) {
+                const network = this.layer1NetworkList.find(item => item.chainId == chainId);
+                return network && network.networkLogo;
+            }
+        }
+    }
+</script>
+
+<style lang="less" scoped>
+    .show-rinkeby {
+        display: flex;
+        align-items: center;
+        // position: absolute;
+        // top: 50%;
+        // left: 50%;
+        // transform: translate(-50%, -50%);
+        border: 1px solid var(--border-color-base);
+        border-radius: 6px;
+        height: 34px;
+        padding: 5px 6px;
+        &.no-label {
+            height: 30px;
+            border-radius: 14px;
+            border: 1px solid var(--border-color-base);
+            padding: 4px;
+        }
+        .coin-type {
+            width: 22px;
+            height: 22px;
+        }
+        .coin-name {
+            max-width: 180px;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            font-size: 14px;
+            // color: white;
+            margin:0 6px;
+        }
+        .icon-down {
+            width: 22px;
+            height: 22px;
+            margin-left: auto;
+            transition: .3s;
+            transform-origin: center center;
+        }
+        .icon-down.active {
+            transform: rotate(180deg);
+        }
+    }
+    .show-chain-box {
+        position: fixed;
+        z-index: 22;
+        top: 0;
+        left: 0;
+        height: 100vh;
+        width: 100%;
+        background: rgba(5, 15, 24, 0.45);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        padding:0 25px;
+        .chain-box {
+            min-height: 175px;
+            border-radius: var(--border-radius-base);
+            background: var(--popup-bg);
+            overflow: hidden;
+            width: 100%;
+            .title {
+                padding: 16px 0;
+                text-align: center;
+                font-family: Font;
+                font-size: 20px;
+            }
+            .chain-item {
+                padding: 10px 24px;
+                display: flex;
+                align-items: center;
+                .coin-type {
+                    width: 28px;
+                    height: 28px;
+                }
+                span {
+                    margin-left: 12px;
+                    font-size: 14px;
+                }
+                &.active{
+                    background-color: var(--select-item-bg);
+                }
+            }
+        }
+    }
+</style>