bxs-tools-ui 3.2.0 → 3.3.0

package/packages/product-info/index.css

@@ -1,264 +0,0 @@
-@import 'base.css';
-@import 'color.css';
-
-.bxt-product-info {
-	padding: 10px;
-
-	& .bxt-custom-result {
-		margin-bottom: 9px;
-		background: white;
-		font-size: 15px;
-		color: var(--color-text-primary);
-		border-radius: 6px;
-
-		& .bxt-custom-result-title {
-			position: relative;
-			padding: 15px;
-
-			& .bxt-desc {
-				& .icon-arrows_up,
-				& .icon-arrows_down {
-					color: var(--color-text-assist);
-				}
-			}
-
-			& .van-switch {
-				position: absolute;
-				top: 50%;
-				right: 15px;
-				transform: translateY(-50%);
-				vertical-align: middle;
-			}
-		}
-
-		& .bxt-custom-result-tips {
-			padding: 0 15px 15px;
-			font-size: 14px;
-			line-height: normal;
-			color: var(--color-text-patch);
-		}
-	}
-
-	& .bxt-product-info-form {
-		background: white;
-		margin-bottom: 9px;
-		border-radius: 6px;
-		overflow: hidden;
-
-		&:last-child {
-			margin-bottom: 0;
-		}
-
-		& .van-cell::after {
-			border-bottom: 0;
-		}
-
-		&.bxt-product-info-form-follow {
-			border-bottom-left-radius: 0;
-			border-bottom-right-radius: 0;
-			margin-bottom: 0;
-
-			& + .bxt-product-info-form {
-				border-top-left-radius: 0;
-				border-top-right-radius: 0;
-			}
-		}
-
-		& .bx-form-item__inner {
-			& .bx-form-item__content {
-				& input {
-					text-align: right;
-				}
-
-				& .bx-input-icon {
-					& .bx-icon,
-					& .icon-edit2 {
-						color: var(--color-text-minor) !important;
-					}
-				}
-
-				& .bxt-titile-content {
-					font-size: 15px;
-				}
-			}
-		}
-
-		& .bxt-ins-form-radio-btn {
-			& .bx-form-item__inner {
-				& .bx-form-item__content {
-					margin-right: -5px;
-
-					& .bx-radio-warp {
-						padding: 10px 5px;
-					}
-
-					& input {
-						text-align: right;
-					}
-				}
-			}
-		}
-
-		& .bxt-ins-form-radio {
-			text-align: left;
-
-			& .van-radio-group {
-				width: 100%;
-
-				& .van-radio {
-					width: 100%;
-					align-items: flex-start;
-
-					& .icon-choose_none_line {
-						color: var(--color-text-patch);
-					}
-
-					& .icon-multiple_choice {
-						color: var(--color-primary);
-					}
-
-					& .van-radio__icon--disabled {
-						& .icon-choose_none_line,
-						& .icon-multiple_choice {
-							color: var(--color-text-disabled);
-						}
-					}
-
-					& .bx-radio-warp {
-						padding-left: 0;
-						padding-right: 0;
-						margin-right: 15px;
-						text-align: left;
-
-						& .bx-radio-icon-warp {
-							vertical-align: middle;
-						}
-					}
-
-					& .bxt-ins-form-radio-content {
-						display: inline-block;
-
-						& .bxt-ins-form-radio--code {
-							line-height: 20px;
-							margin-right: 4px;
-							padding: 0 4px;
-							border-radius: 4px;
-							color: #ff703e;
-							border: 1px solid #ff703e;
-							font-size: 12px;
-							transform: scale(0.8334);
-							transform-origin: left center;
-							vertical-align: top;
-						}
-
-						& .bxt-ins-form-radio--tx {
-							display: inline-block;
-							width: auto;
-							line-height: 20px;
-							max-width: 15rem;
-							font-size: 14px;
-							vertical-align: top;
-
-							&.bxt-ins-form-radio--width {
-								max-width: 12rem;
-							}
-						}
-
-						& .bxt-ins-form-radio--tag {
-							margin-left: 9px;
-							color: #f90;
-							font-size: 12px;
-							line-height: 20px;
-							vertical-align: top;
-						}
-
-						& .bxt-ins-form-radio--sale-tag {
-							display: inline-block;
-							margin-left: 4px;
-							padding: 0 2px;
-							color: #fff;
-							border: 1px solid rgb(158, 158, 158);
-							background-color: rgb(158, 158, 158);
-							border-radius: 2px;
-							font-size: 12px;
-							transform-origin: left center;
-							font-weight: normal;
-							line-height: 16px;
-							vertical-align: top;
-						}
-					}
-				}
-
-				& .van-radio:not(:first-child) {
-					margin-top: 6px;
-				}
-			}
-		}
-
-		& .bxt-ins-unit-tips {
-			position: absolute;
-			display: inline-block;
-			right: 50px;
-			margin-top: -12px;
-			line-height: normal;
-			text-align: right;
-			z-index: 1;
-
-			& em {
-				position: absolute;
-				top: -2px;
-				left: 50%;
-				display: inline-block;
-				width: 6px;
-				height: 6px;
-				background: #666;
-				transform: translateX(-50%) rotate(45deg);
-				content: ' ';
-			}
-
-			& span {
-				position: relative;
-				display: inline-block;
-				padding: 1px 12px;
-				line-height: normal;
-				background: #666;
-				color: white;
-				font-size: 12px;
-				border-radius: 4px;
-			}
-		}
-
-		& .bxt-ins-recommend-values {
-			margin-top: -2px;
-			padding: 0 15px 18px 15px;
-			text-align: right;
-			white-space: nowrap;
-			overflow: auto;
-
-			& span {
-				display: inline-block;
-				margin-top: 5px;
-				margin-left: 6px;
-				padding: 4px 5px;
-				line-height: 100%;
-				color: #666;
-				background: #f8f8f8;
-				border: 1px solid #ccc;
-				border-radius: 50px;
-				font-size: 12px;
-			}
-		}
-
-
-		& .van-field-unit {
-			position: relative;
-			z-index: 1;
-		}
-
-		& .bxt-form-item-label-note {
-			padding: 0 15px 15px 15px;
-			font-size: 12px;
-			color: var(--color-text-assist);
-		}
-	}
-}

package/packages/share-sheet/index.css

@@ -1,203 +0,0 @@
-@import 'base.css';
-@import 'apply.css';
-@import 'color.css';
-
-.bxt-share-sheet {
-	color: #333;
-	background-color: transparent;
-
-	& .bxt-share-container {
-		position: absolute;
-		left: 0;
-		bottom: 0;
-		display: flex;
-		flex-direction: column;
-		justify-content: flex-end;
-		width: 100%;
-		height: 100%;
-		overflow: hidden;
-	}
-
-	& .bxt-share-image {
-		padding: 30px 40px;
-
-		& img {
-			width: 100%;
-		}
-	}
-
-	& .bxt-share-content {
-		background: white;
-	}
-
-	& .bxt-expire {
-		padding: 15px 15px 15px 21px;
-
-		& .bxt-title {
-			display: flex;
-
-			& .bxt-tx {
-				font-size: 14px;
-				font-weight: bold;
-				font-weight: 500;
-				line-height: 17px;
-			}
-
-			& .bxt-description {
-				margin-left: 18px;
-				font-size: 13px;
-				line-height: 16px;
-				color: #666;
-
-				& .van-icon {
-					font-size: 15px;
-					color: #b5b5b5;
-					vertical-align: middle;
-				}
-
-				& span {
-					margin-left: 3px;
-					vertical-align: middle;
-				}
-			}
-		}
-
-		& .van-radio-group {
-			margin-top: 6px;
-
-			& .van-radio {
-				flex: 0 0 32%;
-				margin-top: 12px;
-				margin-right: 0;
-
-				& .van-radio__icon {
-					font-size: 15px;
-					line-height: 20px;
-					color: var(--color-primary);
-					vertical-align: middle;
-				}
-
-				& .van-radio__label {
-					margin-left: 6px;
-					vertical-align: middle;
-				}
-			}
-		}
-	}
-
-	& .bxt-explain {
-		font-size: 13px;
-		line-height: 19px;
-		color: #666;
-	}
-
-
-	& .bxt-explain-title {
-		padding: 15px 21px;
-	}
-
-	& .bxt-explain-text {
-		padding: 12px 15px;
-
-		& .bxt-explain-text-content {
-			width: 100%;
-			display: -webkit-box;
-			-webkit-line-clamp: 3;
-			-webkit-box-orient: vertical;
-			overflow: hidden;
-			text-overflow: ellipsis;
-		}
-	}
-
-	& .bxt-explain-text--copy {
-		padding: 12px 15px;
-
-		& .bxt-explain-text-wrapper {
-			padding: 12px 15px;
-			background: #f5f5f5;
-			border-radius: 6px;
-		}
-	}
-
-	& .bxt-share {
-		& .bxt-share-wrapper {
-			display: flex;
-			justify-content: flex-start;
-			padding: 20px 15px;
-			overflow: auto;
-
-			&::-webkit-scrollbar {
-				display: none;
-			}
-
-			& figure {
-				flex: 0 0 25%;
-				display: flex;
-				flex-direction: column;
-				justify-content: center;
-				align-items: center;
-
-				& .bxt-empty-image {
-					display: flex;
-					align-items: center;
-					justify-content: center;
-					width: 50px;
-					height: 50px;
-					background: #f3f7f9;
-					border-radius: 50px;
-					overflow: hidden;
-
-					& img {
-						display: block;
-						width: 100%;
-						margin: 0 auto;
-					}
-				}
-
-				& figcaption {
-					width: 100%;
-					height: 15px;
-					margin-top: 5px;
-					font-size: 12px;
-					line-height: 15px;
-					white-space: nowrap;
-					color: #666;
-					text-align: center;
-					overflow: hidden;
-					text-overflow: ellipsis;
-				}
-			}
-		}
-
-		& .bxt-share-wrapper.more {
-			& figure {
-				flex: 0 0 23%;
-			}
-		}
-	}
-
-	& .bxt-fooer {
-		@apply --safe-area-inset-bottom;
-
-		padding: 16px 15px;
-		font-size: 15px;
-		line-height: 18px;
-		text-align: center;
-	}
-
-	& .bxt-bottom-border {
-		position: relative;
-		overflow: hidden;
-	}
-
-	& .bxt-bottom-border::before {
-		position: absolute;
-		bottom: 0;
-		left: 15px;
-		width: 200%;
-		border-bottom: 1px solid #e5e5e5;
-		content: '';
-		transform: scale(0.5);
-		transform-origin: left center;
-	}
-}

package/src/components/common/common-title.css

@@ -1,116 +0,0 @@
-@import 'color.css';
-
-.bxt-item-title-wrapper {
-	width: 100%;
-}
-
-.bxt-item-title {
-	position: relative;
-	text-align: left;
-
-	&::before {
-		position: absolute;
-		left: -15px;
-		top: 9px;
-		display: block;
-		width: 4px;
-		height: 15px;
-		content: '';
-		background: var(--color-primary);
-	}
-
-	& .van-checkbox__icon--checked .van-icon {
-		background: var(--color-primary);
-		border-color: var(--color-primary);
-	}
-
-	& .bxt-item-title-label {
-		display: flex;
-		padding: 5px 0;
-		line-height: normal;
-		font-size: 17px;
-		font-weight: bold;
-		vertical-align: middle;
-		white-space: nowrap;
-
-		& .bxt-item-title-label-item {
-			flex: 0 0 auto;
-		}
-
-		& .bxt-title-code {
-			margin-right: 5px;
-			padding: 0 2px;
-			border-radius: 0.25rem;
-			color: #ff703e;
-			border: 1px solid #ff703e;
-			font-size: 12px;
-			transform: scale(0.8334);
-			transform-origin: left center;
-			vertical-align: middle;
-		}
-
-		& .bxt-item-title-label-name {
-			flex: 1;
-
-			& span {
-				display: inline-block;
-				vertical-align: top;
-				white-space: normal;
-
-				&.bxt-title-content--disabled {
-					color: var(--color-text-assist);
-				}
-
-				&.bxt-title-persion-modify {
-					margin-left: 12px;
-					color: var(--color-primary);
-					font-weight: normal;
-					font-size: 14px;
-					vertical-align: middle;
-
-					& i.iconfont {
-						font-size: 12px;
-					}
-				}
-
-				&.bxt-title-huomian-tag {
-					margin-left: 5px;
-					color: #f90;
-					font-size: 14px;
-					line-height: normal;
-					vertical-align: middle;
-				}
-
-				&.bxt-title-status-tag {
-					margin-left: 5px;
-					padding: 0 4px;
-					color: #fff;
-					border: 1px solid rgb(158, 158, 158);
-					background-color: rgb(158, 158, 158);
-					border-radius: 2px;
-					font-size: 12px;
-					font-weight: normal;
-					line-height: normal;
-					vertical-align: middle;
-				}
-			}
-		}
-	}
-}
-
-.bxt-item-label-note {
-	margin-bottom: 20px;
-	text-align: left;
-	color: #ccc;
-}
-
-.bxt-title-huomian-tips {
-	padding-bottom: 12px;
-	color: var(--color-text-minor);
-	font-size: 13px;
-	text-align: left;
-
-	& em {
-		color: var(--color-primary);
-	}
-}

package/src/js/request.js

@@ -1,64 +0,0 @@
-import axios from 'axios';
-import { APP_HOSTNAME } from './variables';
-import { hideLoading, showLoading } from './loading';
-
-// 创建axios实例
-const service = axios.create({
-  baseURL: APP_HOSTNAME,
-  withCredentials: true,
-  timeout: 10000, // 请求超时时间
-  headers: {
-    'X-Requested-With': 'XMLHttpRequest'
-  }
-});
-
-let loadingTimer = null;
-const loading = show => {
-  if (show) {
-    showLoading();
-  } else {
-    hideLoading();
-  }
-};
-
-// request拦截器
-service.interceptors.request.use(
-  config => {
-    if (loadingTimer) clearTimeout(loadingTimer);
-    loadingTimer = setTimeout(() => {
-      loading(true);
-    }, 300);
-    return config;
-  },
-  error => {
-    // Do something with request error
-    console.log(error); // for debug
-    Promise.reject(error);
-  }
-);
-
-// respone拦截器
-service.interceptors.response.use(
-  response => {
-    if (loadingTimer) clearTimeout(loadingTimer);
-    loading(false);
-    const res = response.data;
-    if (res.code === 401 || res.status === 401) {
-      // gotoLogin()
-      return Promise.reject('login');
-    }
-    return res;
-  },
-  error => {
-    if (loadingTimer) clearTimeout(loadingTimer);
-    loading(false);
-    if (error.response && error.response.status == 401) {
-      // gotoLogin()
-      return Promise.reject('login');
-    }
-    console.log('err' + error); // for debug
-    return Promise.reject(error);
-  }
-);
-
-export default service;

package/src/style/apply.css

@@ -1,25 +0,0 @@
-:root {
-	--zIndex: 100;
-	--noWrap: {
-		display: inline-block;
-		width: 100%;
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-
-	--vertical-center: {
-		position: absolute;
-		top: 50%;
-		right: 0;
-		transform: translateY(-50%);
-	}
-	--safe-area-inset-bottom: {
-		&::after {
-			display: block;
-			height: constant(safe-area-inset-bottom);
-			height: env(safe-area-inset-bottom);
-			content: '';
-		}
-	}
-}

package/src/style/base.css

@@ -1,36 +0,0 @@
-* {
-	padding: 0;
-	margin: 0;
-}
-
-body {
-	color: #333;
-}
-
-ul,
-dl {
-	list-style: none;
-}
-
-img {
-	max-width: 100%;
-}
-
-a {
-	display: block;
-	text-decoration: none;
-	color: #333;
-}
-
-em {
-	font-style: normal;
-}
-
-section,
-article,
-aside,
-nav,
-header,
-footer {
-	display: block;
-}