bxs-tools-ui 3.2.0 → 3.3.0

package/packages/add-and-take/components/interest-form.css

@@ -1,146 +0,0 @@
-@import 'color.css';
-
-.bxt_aat_interest_form {
-	color: var(--color-text-primary);
-	font-size: 16px;
-	line-height: 24px;
-	padding-bottom: calc(62px + env(safe-area-inset-bottom));
-
-	& .bxt_aatif_adjust {
-		padding: 0 16px;
-		box-sizing: border-box;
-
-		& table {
-			width: 100%;
-			border-collapse: collapse;
-			font-size: 12px;
-			line-height: 12px;
-			font-weight: bold;
-			font-weight: 500;
-
-			& tr {
-				& td {
-					min-width: 32px;
-					padding: 6px;
-					border-bottom: 1px solid white;
-					border-left: 1px solid white;
-					text-align: center;
-					line-height: normal;
-					background: var(--color-bg-minor);
-					box-sizing: content-box;
-				}
-
-				& td:nth-child(1),
-				& td:nth-child(2) {
-					width: 32px;
-				}
-
-				& td:nth-child(3),
-				& td:nth-child(4),
-				& td:nth-child(5) {
-					min-width: 50px;
-				}
-
-				& td:last-child {
-					width: 32px;
-					border-right: 1px solid white;
-				}
-			}
-
-			& tr:first-child {
-				& td {
-					background: #e6f0ff;
-				}
-			}
-		}
-	}
-
-	& .bxt_aatif_form {
-		& input {
-			text-align: right;
-			padding-right: 9px;
-		}
-
-		& input::-webkit-input-placeholder {
-			font-size: 14px;
-		}
-
-		& .van-cell::after {
-			right: 0;
-		}
-
-		& .bxt_select {
-			position: relative;
-			width: 100%;
-			font-weight: bold;
-			text-align: right;
-
-			& .bxt_content {
-				display: inline-block;
-			}
-
-			& .bxt_van-icon-arrow {
-				color: var(--color-feature-assist);
-			}
-		}
-
-		& .bxt_aatif_form_item {
-			position: relative;
-
-			& .van-cell::after {
-				border-bottom: 0;
-			}
-		}
-
-		& .bxt_aatif_form_item.purpose {
-			& .bxt_custom_purpose {
-				padding-top: 6px;
-			}
-		}
-
-		& .bxt_aatif_form_item.baof {
-			& .bxt_max_baof {
-				padding: 0 16px 14px 16px;
-				font-size: 12px;
-				line-height: 18px;
-				font-weight: bold;
-				font-weight: 500;
-				color: #ff752a;
-			}
-		}
-
-		& .bxt_aatif_form_item::after {
-			position: absolute;
-			box-sizing: border-box;
-			content: ' ';
-			pointer-events: none;
-			right: 0;
-			bottom: 0;
-			left: 1rem;
-			border-bottom: 1px solid #ebedf0;
-			transform: scaleY(0.5);
-		}
-
-		& .bxt_aatif_form_item__extra {
-			font-size: 16px;
-			line-height: 24px;
-			font-weight: bold;
-			font-weight: 500;
-		}
-	}
-
-	& .bxt_take_limit {
-		padding: 10px 16px;
-		font-size: 14px;
-		color: var(--color-text-minor);
-
-		& .bxt_take_limit_title {
-			font-size: 15px;
-			font-weight: bold;
-		}
-
-		& .bxt_take_limit_tx {
-			color: var(--color-text-patch);
-		}
-	}
-}

package/packages/add-and-take/components/interest-items.css

@@ -1,87 +0,0 @@
-.bxt_aat_interest_items {
-	padding-top: 9px;
-	font-size: 13px;
-
-	& input {
-		border: none;
-		vertical-align: middle;
-		background: transparent;
-		appearance: none;
-	}
-
-	& .bxt_aatii_item {
-		display: flex;
-		margin-right: 10px;
-		margin-bottom: 9px;
-		border-radius: 6px;
-
-		& .bxt_aatii_item_left {
-			flex: 0 0 5em;
-			margin-top: 3px;
-			margin-right: 7px;
-			margin-bottom: 12px;
-			color: #999;
-			text-align: right;
-		}
-
-		& .bxt_aatii_item_right {
-			flex: 1;
-
-			& .bxt_aatii_item_right_options {
-				& > span {
-					display: inline-block;
-					width: 42%;
-					margin: 0 9px 9px 0;
-					padding: 3px 6px;
-					text-align: center;
-					border-radius: 50px;
-					background: rgba(0, 0, 0, 0.04);
-					white-space: nowrap;
-					overflow: hidden;
-				}
-
-				& > span.active {
-					color: #0a64fe;
-					font-weight: bold;
-					background: #e6effe;
-				}
-			}
-
-			& .bxt_aatii_item_right_custom {
-				position: relative;
-				margin-bottom: 9px;
-				padding: 12px;
-				background: #f4f8ff;
-				border-radius: 6px;
-
-				& .bxt_aatii_item_right_custom_input {
-					& input {
-						width: 110px;
-						padding: 3px 9px;
-						background: white;
-						margin-right: 6px;
-						border: 1px solid #e6e6e6;
-						border-radius: 50px;
-						vertical-align: middle;
-					}
-
-					& span {
-						vertical-align: middle;
-					}
-				}
-
-				& .bxt_aatii_item_right_custom_tips {
-					& span {
-						display: inline-block;
-						margin-top: 12px;
-						padding: 3px 9px;
-						border-radius: 50px;
-						color: #666;
-						border: 1px solid #d3d3d3;
-						background: #f5f5f5;
-					}
-				}
-			}
-		}
-	}
-}

package/packages/add-and-take/components/interest-table.css

@@ -1,113 +0,0 @@
-@import 'color.css';
-
-.bxt_aat_interest_table {
-	position: relative;
-	overflow-x: auto;
-
-	&::-webkit-scrollbar {
-		display: none;
-	}
-
-	&::after {
-		content: '';
-		display: block;
-		height: calc(59px + env(safe-area-inset-bottom));
-	}
-
-	& table {
-		width: 100%;
-		table-layout: fixed;
-		border-collapse: separate;
-		border-spacing: 0;
-		font-size: 12px;
-		color: var(--color-text-primary);
-		text-align: left;
-
-		& tr {
-			& td {
-				padding: 6px 4px;
-				border-top: 1px solid var(--color-line-split);
-				border-left: 1px solid var(--color-line-split);
-				box-sizing: content-box;
-				white-space: nowrap;
-
-				& .bxt_aatit_purpose,
-				& .bxt_aatit_purpose2 {
-					display: inline-block;
-					margin-left: 2px;
-					padding: 2px 2px;
-					line-height: 100%;
-					color: var(--color-primary);
-					border-radius: 2px;
-					background: rgba(10, 100, 254, 0.1);
-					transform: scale(0.8333);
-					transform-origin: left center;
-					white-space: nowrap;
-				}
-			}
-
-			& td:nth-child(1),
-			& td:nth-child(2) {
-				width: 1.8em;
-				color: var(--color-text-patch);
-				text-align: center;
-			}
-
-			& td:nth-child(3),
-			& td:nth-child(4) {
-				width: 5.5em;
-			}
-
-			& td:last-child {
-				border-right: 1px solid var(--color-line-split);
-			}
-
-			& td.edit {
-				color: var(--color-primary);
-				text-decoration: underline;
-			}
-
-			& td.disabled {
-				color: var(--color-text-disabled);
-				text-decoration: none;
-			}
-
-			& td.year {
-				position: sticky;
-				left: 0;
-				z-index: 1;
-				will-change: scroll-position;
-				background: white;
-			}
-
-			& td.age {
-				position: sticky;
-				left: calc(2em + 8px);
-				z-index: 1;
-				will-change: scroll-position;
-				background: white;
-			}
-		}
-
-		& tr:first-child {
-			position: sticky;
-			top: 0;
-			z-index: 2;
-			will-change: scroll-position;
-
-			& td {
-				font-weight: bold;
-				text-align: center;
-				background-color: #f2f3f5;
-				border: 0;
-				white-space: normal;
-			}
-		}
-
-		& tr:last-child {
-			& td {
-				border-bottom: 1px solid var(--color-line-split);
-			}
-		}
-	}
-}

package/packages/add-and-take/index.css

@@ -1,70 +0,0 @@
-@import 'base';
-@import 'apply';
-@import 'color';
-
-.bxt_add_and_take {
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-	background: white;
-
-	& .bxt_add_and_take_tips {
-		margin-bottom: 8px;
-		font-size: 13px;
-		text-align: center;
-		color: var(--color-text-patch);
-	}
-
-	& .bxt_add_and_take_footer {
-		@apply --safe-area-inset-bottom;
-
-		position: fixed;
-		bottom: 0;
-		left: 0;
-		width: 100%;
-		padding: 7px 16px;
-		background: white;
-		box-shadow: 0 -6px 10px 0 rgba(23, 32, 77, 0.05);
-		box-sizing: border-box;
-		z-index: 2;
-
-		& .bxt_add_and_take_footer_wrapper {
-			display: flex;
-			font-size: 14px;
-			line-height: 20px;
-
-			& .bxt_item {
-				flex: 1;
-				margin-right: 12px;
-				padding: 7px 0;
-				color: var(--color-text-primary);
-				border: 1px solid var(--color-line-split);
-				background: white;
-				border-radius: 8px;
-				text-align: center;
-			}
-
-			& .bxt_item.primary {
-				color: white;
-				border: 1px solid var(--color-primary);
-				background: var(--color-primary);
-			}
-
-			& .bxt_item.minor {
-				color: var(--color-primary);
-				border: 1px solid var(--color-primary);
-				background: white;
-			}
-
-			& .bxt_item.disabled {
-				color: white;
-				border: 1px solid transparent;
-				background: rgba(2, 92, 234, 0.3);
-			}
-
-			& .bxt_item:last-child {
-				margin-right: 0;
-			}
-		}
-	}
-}

package/packages/adjust-baoe/index.css

@@ -1,123 +0,0 @@
-
-@import 'base.css';
-@import 'apply.css';
-@import 'color.css';
-
-.bxt-adjust-baoe {
-	font-size: 14px;
-	padding: 9px;
-	background: var(--color-bg-primary);
-	text-align: left;
-
-	&.bxt-adjust-baoe--footer {
-		@apply --safe-area-inset-bottom;
-
-		padding-bottom: 64px;
-	}
-
-	& .bxt-ade-table {
-		padding: 15px;
-		background: #fff;
-		border-radius: 6px;
-
-		& .bxt-ade-table-content {
-			margin-top: 6px;
-			width: 100%;
-			color: var(--color-text-primary);
-			text-align: center;
-
-			& tr {
-				& td {
-					position: relative;
-					color: var(--color-text-patch);
-					text-align: center;
-					padding: 10px 8px 8px;
-
-					& em.active {
-						color: var(--color-primary);
-					}
-				}
-
-				&:nth-child(2n + 1) {
-					& td {
-						background: var(--color-bg-minor);
-					}
-				}
-			}
-		}
-	}
-
-	& .bxt-ade-form {
-		padding-bottom: 9px;
-		background: white;
-		border-radius: 6px;
-		overflow: hidden;
-
-		& .bxt-ade-form-items {
-			& .bxt-ade-field-head {
-				padding: 5px 16px;
-				background-color: #f8f8f8;
-				text-align: center;
-			}
-
-			& .bxt-ade-field-label {
-				display: flex;
-				justify-content: space-between;
-				align-items: center;
-
-				& span {
-					flex: 0 0 3em;
-				}
-
-				& span:not(:first-child) {
-					flex: 0 0 6em;
-				}
-			}
-		}
-	}
-
-	& .bxt-ade-tips {
-		line-height: 145%;
-		font-size: 12px;
-		color: var(--color-text-patch);
-	}
-
-	& .bxt-ade-footer {
-		position: fixed;
-		bottom: 0;
-		left: 0;
-		width: 100%;
-		padding: 7px 15px;
-		box-sizing: border-box;
-		border-top: 1px solid var(--color-line-split);
-		background: var(--color-bg-minor);
-
-		@apply --safe-area-inset-bottom;
-
-		& .bxt-ade-footer-wrapper {
-			display: flex;
-
-			& span {
-				flex: 4;
-				margin-right: 9px;
-				padding: 9px 0;
-				border: 1px solid var(--color-line-split);
-				border-radius: 6px;
-				background: white;
-				text-align: center;
-
-				&:first-child {
-					flex: 2;
-				}
-
-				&:last-child {
-					flex: 3;
-					margin-right: 0;
-					color: white;
-					border: 1px solid var(--color-primary);
-					background: var(--color-primary);
-				}
-			}
-		}
-	}
-}

package/packages/business-card/index.css

@@ -1,101 +0,0 @@
-@import 'base';
-@import 'apply';
-
-.bxt-business-card {
-	position: fixed;
-	left: 0;
-	bottom: 0;
-	width: 100%;
-	padding-bottom: constant(safe-area-inset-bottom);
-	padding-bottom: env(safe-area-inset-bottom);
-	box-sizing: content-box;
-	background: #f8f8f8;
-	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
-	z-index: var(--zIndex);
-
-	& .bxt-business-card-ul {
-		position: relative;
-		padding: 10px 15px;
-		white-space: nowrap;
-
-		& .bxt-business-card-li {
-			display: inline-block;
-			line-height: 100%;
-			vertical-align: middle;
-
-			& .bxt-business-card-avatar {
-				display: block;
-				width: 100%;
-				height: 100%;
-				border-radius: 100px;
-				overflow: hidden;
-			}
-
-			& .bxt-business-card-container {
-				margin-left: 9px;
-				line-height: 40px;
-
-				& .bxt-business-card-name,
-				& .bxt-business-card-rank {
-					@apply --noWrap;
-
-					display: block;
-					line-height: 100%;
-					font-size: 16px;
-					font-weight: bold;
-				}
-
-				& .bxt-business-card-rank {
-					margin-top: 2px;
-					font-size: 12px;
-					transform: scale(0.8333);
-					transform-origin: 0 50%;
-				}
-
-				& .bxt-business-card-diamond {
-					width: 15px;
-					vertical-align: top;
-				}
-			}
-
-			& .bxt-business-card-mobile {
-				@apply --noWrap;
-
-				display: block;
-				line-height: 40px;
-				font-size: 14px;
-				color: inherit;
-			}
-
-			& .bxt-business-card-button {
-				display: inline-block;
-				margin-top: 3px;
-				padding: 0 12px;
-				line-height: 35px;
-				border-radius: 2px;
-				font-size: 13px;
-			}
-
-			&:nth-child(1) {
-				width: 40px;
-				height: 40px;
-			}
-
-			&:nth-child(2) {
-				min-width: 25%;
-			}
-
-			&:nth-child(3) {
-				width: 32%;
-				margin-left: 9px;
-				text-align: center;
-			}
-
-			&:nth-child(4) {
-				position: absolute;
-				top: 10px;
-				right: 15px;
-			}
-		}
-	}
-}

package/packages/canvas-poster/index.css

@@ -1,5 +0,0 @@
-.bxt-canvas-poster {
-	& .bxt-canvas {
-		display: block;
-	}
-}