udxcms 1.0.8 → 1.0.10

package/dist/components/basicComponents/SelectPop.vue

@@ -1,78 +0,0 @@
-<!--
- * @Author: 
- * @Date: 2020-12-15 11:46:36
- * @LastEditTime: 2020-12-21 12:11:34
- * @LastEditors: Lewis
- * @Description: 
--->
-<template>
-    <transition name='fade'>
-        <div class='select-pop' v-if='value || isStatic'>
-            <slot></slot>
-        </div>
-    </transition>
-</template>
-
-<script>
-    var closeFn;
-    export default {
-        name: 'selectpop',
-        props: {
-            value: {
-                type: Boolean,
-                default: false
-            },
-            targetId: {
-                type: String,
-                default: ''
-            },
-            isStatic: {
-                type: Boolean,
-                default: false
-            }
-        },
-        watch: {
-            value: function(val,oldValue) {
-                if (!val) {
-                    document.removeEventListener('click',closeFn)
-                }
-                let clickCount = 0
-                closeFn = (e)=>{
-                    if(!this.$el.contains(e.target) && (e.target.id !== this.targetId) || (e.target.id === this.targetId && clickCount % 2)) {
-                        this.$emit('input', false)
-                    }
-                    clickCount++
-                }
-                this.$nextTick(()=>{
-                    if(val) {
-                        document.addEventListener('click',closeFn)
-                    }else {
-                        document.removeEventListener('click',closeFn)
-                    }
-                })
-            },
-        },
-        beforeDestroy() {
-            document.removeEventListener('click',closeFn)
-        }      
-    }
-</script>
-
-<style lang="less" scoped>
-    .select-pop {
-        background: #ffffff;
-        border-radius: 6px 6px 6px 6px;
-        box-shadow: 0px 4px 12px 0px rgba(17,51,83,0.2); 
-    }
-    .fade-enter-active, .fade-leave-active {
-        transition: all .5s ease-in-out;
-    }
-    .fade-enter {
-        transform: translateY(10%);
-        opacity: 1;
-    }
-    .fade-leave {
-        transform: translateY(0%);
-        opacity: 0;
-    }
-</style>

package/dist/components/basicComponents/SubComfirm.vue

@@ -1,153 +0,0 @@
-<!--
- * @Author:
- * @Date: 2020-12-14 19:41:50
- * @LastEditTime: 2022-08-06 18:33:56
- * @LastEditors: Lewis
- * @Description:
--->
-<template>
-    <div class='sub-confim'>
-        <div class='title'>{{title || innerTitle}}</div>
-        <div class='flex-v sub-conts'>
-            <div class='loading' v-if='loading'>
-                <img src="../../assets/img/loading.png" alt="">
-            </div>
-            <div class='title content' v-html="content"></div>
-            <div class='sub-btns'>
-                <button :class="['sub-btn opcHover', !btnShow[1] ? 'one-btn' : '']" @click='sureFunc(0)' v-if='btnShow[0]'>{{cancelText || innerCancel}}</button>
-                <button :class="['sub-btn active', !btnShow[0] ? 'one-btn' : '']" @click='sureFunc(1)' v-if='btnShow[1]'>{{sureText || innerSure}}</button>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-    export default {
-        name: 'SubComfirm',
-        props: {
-            loading: {
-                type: Boolean,
-                default: false
-            },
-            title: {
-                type: String,
-                default: ''
-            },
-            content: {
-                type: String,
-                default: ''
-            },
-            sureText: {
-                type: String,
-                default: ''
-            },
-            cancelText: {
-                type: String,
-                default: ''
-            },
-            btnShow: {
-                type: Array,
-                default: function() {
-                    return [1, 1]
-                }
-            }
-        },
-        data() {
-            return {
-                innerTitle: this.$t('common_base_confirmation'),
-                innerSure: this.$t('user_common_sure'),
-                innerCancel: this.$t('user_common_cancel')
-            }
-        },
-        methods: {
-            sureFunc(val) {
-                this.$emit('callFunc', val)
-            }
-        }
-    }
-</script>
-
-<style lang="less" scoped>
-    .sub-confim {
-        margin-top: -10px;
-        width: 100%;
-        min-height: 220px;
-        .loading {
-            text-align: center;
-            padding-bottom: 6px;
-            img {
-                display: inline-block;
-                width: 24px;
-                height: 24px;
-                animation:around 1s  step-start infinite;
-            }
-        }
-        .title {
-            font-size: 24px;
-            font-family: Font;
-            text-align: center;
-            color: var(--text-color-secondary);
-            line-height: 24px;
-        }
-        .sub-conts {
-            margin: 28px 0 0px 0;
-            height: 100%;
-            min-height: 160px;
-        }
-        .content {
-            font-size: 16px;
-            line-height: 24px;
-            margin-bottom: 20px;
-            text-align: left;
-            flex: 1;
-            overflow: auto;
-        }
-        .sub-btn {
-            width: 124px;
-            height: 48px;
-            border: 1px solid var(--border-color-base);
-            border-radius: 6px;
-            text-align: center;
-            line-height: 48px;
-            font-size: 16px;
-            color: var(--text-color);
-        }
-        .sub-btn.active {
-            color: white;
-            background: var(--primary-bg-color);
-            margin-left: 24px;
-        }
-        .sub-btn.one-btn {
-            width: 100%;
-            margin-left: 0;
-            border: none;
-        }
-    }
-    @keyframes around {
-        0% {
-            transform: rotate(0deg);
-        }
-        25% {
-            transform: rotate(90deg);
-        }
-        50% {
-            transform: rotate(180deg);
-        }
-        75% {
-            transform: rotate(270deg);
-        }
-        100% {
-            transform: rotate(360deg);
-        }
-    }
-    @media screen and (min-width: 768px) {
-        .sub-confim {
-            width:360px;
-        }
-    }
-    @media screen and (min-width: 1200px) {
-        .sub-confim {
-            width:360px;
-        }
-    }
-</style>

package/dist/components/basicComponents/SvgIcon.vue

@@ -1,60 +0,0 @@
-<!--
- * @Author: Sneed
- * @Date: 2020-10-28 14:54:57
- * @LastEditTime: 2020-12-25 12:19:54
- * @LastEditors: Lewis
- * @Description: 
--->
-<template>
-    <svg :class="svgClass" aria-hidden="true" v-on="$listeners" :style='{stroke: stroke, fill: fill}'>
-        <use :xlink:href="iconName" />
-    </svg>
-</template>
-<script>
-export default {
-    name: "SvgIcon",
-    props: {
-        iconClass: {
-            type: String | Object,
-            required: true,
-        },
-        className: {
-            type: String,
-            default: "",
-        },
-        stroke: {
-            type: String,
-            default: 'currentColor'
-        },
-        fill: {
-            type: String,
-            default: 'currentColor'
-        }
-    },
-    computed: {
-        iconName() {
-            return `#icon-${this.iconClass}`;
-        },
-        svgClass() {
-            if (this.className) {
-                return 'svg-icon ' + this.className;
-            } else {
-                return 'svg-icon';
-            }
-        },
-    },
-}
-</script>
-<style scoped>
-.svg-icon {
-    /* width: 14px; */
-    /* height: 14px; */
-    width: 100%;
-    height: 100%;
-    fill: var(--primary-color);
-    overflow: hidden;
-    cursor: pointer;
-    /* 禁止鼠标悬停提示文案 */
-    /* pointer-events: none; */
-}
-</style>

package/dist/components/basicComponents/TokenAmountSelect.vue

@@ -1,309 +0,0 @@
-<template>
-	<div class="wallet-token-amount-select" :class="{ small: size === 'small' }">
-		<div class="select-inner" @click="toggleVisible">
-			<img
-				v-show="curToken.symbol"
-				class="token-icon"
-				:src="curToken.icon_url"
-				alt=""
-			/>
-			<div v-if="curToken.symbol" class="token-text">
-				<span class="token-symbol">
-					{{ curToken.symbol }}
-				</span>
-				<span v-show="curToken.symbol" class="token-name">
-					{{ curToken.name }}
-				</span>
-			</div>
-			<div v-else class="token-text">Select token</div>
-
-			<a-icon
-				type="caret-down"
-				class="icon-down"
-				:class="{ active: dropMenuVisible }"
-			/>
-			<!-- <img :class="{'icon-down':true,active:dropMenuVisible}" src="@/assets/img/wallet/icon-down.png" alt=""> -->
-		</div>
-		<div
-			class="wallet-mask"
-			v-show="dropMenuVisible"
-			@click="toggleVisible"
-		></div>
-		<div class="drop-down thin-scroll" v-show="dropMenuVisible">
-			<ul>
-				<li
-					v-for="item in localTokens"
-					:key="item.name"
-					@click="change(item)"
-				>
-					<img class="token-icon" :src="item.icon_url" alt="" />
-					<div class="token-text">
-						<span class="token-symbol">{{ item.symbol }}</span>
-						<span class="token-name" :title="item.name">{{ item.name }}</span>
-					</div>
-					<div class="token-amount">
-						{{ formatAmount(item.amount, item.decimals) }}
-					</div>
-				</li>
-			</ul>
-		</div>
-	</div>
-</template>
-
-<script>
-import { BigNumber, utils } from 'ethers';
-export default {
-	name: "TokenAmountSelect",
-	props: {
-		tokens: {
-			type: Array,
-			default: () => [],
-		},
-		value: {
-			// symbol
-			type: String,
-			default: () => null,
-		},
-		size: {
-			// size: null(52),small(40)
-			type: String,
-			default: () => null,
-		},
-	},
-	data() {
-		return {
-			keyword: "",
-			dropMenuVisible: false,
-		};
-	},
-	computed: {
-		curToken() {
-			let result = {};
-			if (this.value) {
-				result =
-					this.tokens.find((item) => item.symbol === this.value) ||
-					{};
-			}
-			return result;
-		},
-		localTokens() {
-			return this.tokens.map(item => {
-				return {
-					...item,
-					...this.$store.getters.commonTokenDetail(item.symbol, item.chainId),
-				}
-			})
-		}
-	},
-	mounted() {
-		document.addEventListener("click", (e) => {
-			// 组件之外点击
-			if (!this.$el.contains(e.target)) {
-				this.dropMenuVisible = false;
-			}
-		});
-	},
-	methods: {
-		change(item) {
-			this.dropMenuVisible = false;
-			// 有变化才响应
-			if (item.symbol !== this.value) {
-				// this.$emit("update:value", this.chainId);
-				this.$emit("input", item.symbol);
-				this.$emit("change", item);
-			}
-		},
-		toggleVisible() {
-			this.dropMenuVisible = !this.dropMenuVisible;
-		},
-        formatAmount(amount, decimals) {
-            return utils.formatUnits(amount, decimals);
-        },
-	},
-};
-</script>
-
-<style lang="less">
-.wallet-token-amount-select {
-	--height: 52px;
-	--fontSize: 18px;
-	position: relative;
-
-	.select-inner {
-		cursor: pointer;
-		height: var(--height);
-		border: 1px solid var(--border-color-base);
-
-		border-radius: 6px;
-		display: flex;
-		align-items: center;
-		padding: 8px 12px;
-	}
-	.token-icon {
-		width: 32px;
-		height: 32px;
-		border: 0;
-	}
-	.token-text {
-		line-height: 1;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-	.token-symbol {
-		font-size: var(--fontSize);
-		margin-left: 10px;
-		color: var(--text-color);
-	}
-	.token-name {
-		font-size: calc(var(--fontSize) - 2px);
-		margin-left: 10px;
-		color: var(--text-color-placeholder);
-	}
-
-	.icon-down {
-		margin-left: auto;
-		transition: 0.3s;
-		transform-origin: center center;
-		color: var(--text-color-placeholder);
-		&.active {
-			transform: rotate(180deg);
-		}
-	}
-    .wallet-mask {
-        max-width: 100vw;
-    }
-	.drop-down {
-		margin-top: 4px;
-		// width: 425px;
-		background: var(--drop-down-bg-color);
-		border-top-left-radius: 6px;
-		border-top-right-radius: 6px;
-		overflow: hidden;
-		position: fixed;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		min-height: 30vh;
-		max-height: 80vh;
-		z-index: 5000;
-		box-shadow: var(--box-shadow-base);
-		display: flex;
-		flex-direction: column;
-        max-width: 100vw;
-		// padding-bottom: constant(safe-area-inset-bottom);
-		// padding-bottom: env(safe-area-inset-bottom);
-		.search-row {
-			margin: 20px;
-			position: relative;
-			flex: none;
-			.anticon{
-				font-size: var(--fontSize);
-			}
-			input {
-				outline: none;
-				display: block;
-				width: 100%;
-				height: calc(var(--height) - 2px);
-				background: var(--white);
-				border: 1px solid var(--border-color-base);
-				border-radius: var(--border-radius-base);
-				font-size: var(--fontSize);
-				line-height: 1;
-			}
-			input:focus {
-				border: 1px solid var(--primary-color);
-			}
-			input::placeholder {
-				font-size: 16px;
-				line-height: 1;
-				color: #c0c3cc;
-			}
-			.search-icon {
-				position: absolute;
-				top: 50%;
-				left: 16px;
-				width: 24px;
-				height: 24px;
-				transform: translateY(-50%);
-			}
-			.clear {
-				width: 20px;
-				height: 20px;
-				position: absolute;
-				top: 50%;
-				right: 16px;
-				transform: translateY(-50%);
-			}
-		}
-		ul {
-			// padding: 0 20px;
-			margin-bottom: 4px;
-			flex: auto;
-			// height: 50vh;
-			overflow: auto;
-			li {
-				padding: 10px 20px;
-				display: flex;
-				align-items: center;
-				cursor: pointer;
-				position: relative;
-				&:hover {
-					background-color: var(--highlight-bg-color);
-				}
-				.token-text{
-					flex: auto;
-				}
-			}
-			li.disabled {
-				cursor: not-allowed;
-				span {
-					color: #c0c3cc;
-				}
-				.name {
-					color: #c0c3cc;
-				}
-			}
-		}
-	}
-
-	&.small {
-		--height: 40px;
-		--fontSize: 16px;
-
-		.token-icon {
-			width: 26px;
-			height: 26px;
-			border: 0;
-		}
-		.drop-down {
-			.search-row {
-				margin: 14px;
-			}
-			ul {
-				li {
-					padding: 8px 14px;
-				}
-			}
-		}
-	}
-
-	@media screen and (min-width: 768px) {
-		.wallet-mask {
-			display: none;
-		}
-		.drop-down {
-			border-radius: 6px;
-			position: absolute;
-			right: 0;
-			left: 0;
-			top: auto;
-			bottom: auto;
-			z-index: 2000;
-			// border: 1px solid var(--border-color-base);
-			max-height: 420px;
-			min-height: 50px;
-		}
-	}
-}
-</style>