hs-admin-ui 1.0.0 → 1.0.2

package/src/theme/media/chart.scss

@@ -1,94 +0,0 @@
-@import './index.scss';
-
-/* 页面宽度小于768px
-------------------------------- */
-@media screen and (max-width: $sm) {
-	.big-data-down-left {
-		width: 100% !important;
-		flex-direction: unset !important;
-		flex-wrap: wrap;
-		.flex-warp-item {
-			min-height: 196.24px;
-			padding: 0 7.5px 15px 15px !important;
-			.flex-warp-item-box {
-				border: none !important;
-				border-bottom: 1px solid #ebeef5 !important;
-			}
-		}
-	}
-	.big-data-down-center {
-		width: 100% !important;
-		.big-data-down-center-one,
-		.big-data-down-center-two {
-			min-height: 196.24px;
-			padding-left: 15px !important;
-			.big-data-down-center-one-content {
-				border: none !important;
-				border-bottom: 1px solid #ebeef5 !important;
-			}
-			.flex-warp-item-box {
-				@extend .big-data-down-center-one-content;
-			}
-		}
-	}
-	.big-data-down-right {
-		.flex-warp-item {
-			.flex-warp-item-box {
-				border: none !important;
-				border-bottom: 1px solid #ebeef5 !important;
-			}
-			&:nth-of-type(2) {
-				padding-left: 15px !important;
-			}
-			&:last-of-type {
-				.flex-warp-item-box {
-					border: none !important;
-				}
-			}
-		}
-	}
-}
-
-/* 页面宽度大于768px小于1200px
-------------------------------- */
-@media screen and (min-width: $sm) and (max-width: $lg) {
-	.chart-warp-bottom {
-		.big-data-down-left {
-			width: 50% !important;
-		}
-		.big-data-down-center {
-			width: 50% !important;
-		}
-		.big-data-down-right {
-			.flex-warp-item {
-				width: 50% !important;
-				&:nth-of-type(2) {
-					padding-left: 7.5px !important;
-				}
-			}
-		}
-	}
-}
-
-/* 页面宽度小于1200px
-------------------------------- */
-@media screen and (max-width: $lg) {
-	.chart-warp-top {
-		.up-left {
-			display: none;
-		}
-	}
-	.chart-warp-bottom {
-		overflow-y: auto !important;
-		flex-wrap: wrap;
-		.big-data-down-right {
-			width: 100% !important;
-			flex-direction: unset !important;
-			flex-wrap: wrap;
-			.flex-warp-item {
-				min-height: 196.24px;
-				padding: 0 7.5px 15px 15px !important;
-			}
-		}
-	}
-}

package/src/theme/media/cityLinkage.scss

@@ -1,10 +0,0 @@
-@import './index.scss';
-
-/* 页面宽度小于576px
-------------------------------- */
-@media screen and (max-width: $xs) {
-	.el-cascader__dropdown.el-popper {
-		overflow: auto;
-		max-width: 100%;
-	}
-}

package/src/theme/media/date.scss

@@ -1,25 +0,0 @@
-@import './index.scss';
-
-/* 页面宽度小于768px
-------------------------------- */
-@media screen and (max-width: $sm) {
-	// 时间选择器适配
-	.el-date-range-picker {
-		width: 100vw;
-		.el-picker-panel__body {
-			min-width: 100%;
-			.el-date-range-picker__content {
-				.el-date-range-picker__header div {
-					margin-left: 22px;
-					margin-right: 0px;
-				}
-				& + .el-date-range-picker__content {
-					.el-date-range-picker__header div {
-						margin-left: 0px;
-						margin-right: 22px;
-					}
-				}
-			}
-		}
-	}
-}

package/src/theme/media/dialog.scss

@@ -1,12 +0,0 @@
-@import './index.scss';
-
-/* 页面宽度小于800px
-------------------------------- */
-@media screen and (max-width: 800px) {
-	.el-dialog {
-		width: 90% !important;
-	}
-	.el-dialog.is-fullscreen {
-		width: 100% !important;
-	}
-}

package/src/theme/media/error.scss

@@ -1,45 +0,0 @@
-@import './index.scss';
-
-/* 页面宽度小于768px
-------------------------------- */
-@media screen and (max-width: $sm) {
-	.error {
-		.error-flex {
-			flex-direction: column-reverse !important;
-			height: auto !important;
-			width: 100% !important;
-		}
-		.right,
-		.left {
-			flex: unset !important;
-			display: flex !important;
-		}
-		.left-item {
-			margin: auto !important;
-		}
-		.right img {
-			max-width: 450px !important;
-			@extend .left-item;
-		}
-	}
-}
-
-/* 页面宽度大于768px小于992px
-------------------------------- */
-@media screen and (min-width: $sm) and (max-width: $md) {
-	.error {
-		.error-flex {
-			padding-left: 30px !important;
-		}
-	}
-}
-
-/* 页面宽度小于1200px
-------------------------------- */
-@media screen and (max-width: $lg) {
-	.error {
-		.error-flex {
-			padding: 0 30px;
-		}
-	}
-}

package/src/theme/media/form.scss

@@ -1,31 +0,0 @@
-@import './index.scss';
-
-/* 页面宽度小于576px
-------------------------------- */
-@media screen and (max-width: $xs) {
-	.el-form-item__label {
-		width: 100% !important;
-		text-align: left !important;
-		// 移动端 label 右对齐问题
-		justify-content: flex-start !important;
-	}
-	.el-form-item__content {
-		margin-left: 0 !important;
-	}
-	.el-form-item {
-		// 响应式表单时，登录页需要重新处理
-		display: unset !important;
-	}
-	// 表格演示中的表单筛选
-	.table-form-btn {
-		display: flex !important;
-		.el-form-item__label {
-			width: auto !important;
-		}
-	}
-	// 表格演示中的表单筛选最大高度，适配移动端
-	.table-search-container {
-		max-height: 160px;
-		overflow: auto;
-	}
-}

package/src/theme/media/home.scss

@@ -1,23 +0,0 @@
-@import './index.scss';
-
-/* 页面宽度小于768px
-------------------------------- */
-@media screen and (max-width: $sm) {
-	.home-media,
-	.home-media-sm {
-		margin-top: 15px;
-	}
-}
-
-/* 页面宽度小于1200px
-------------------------------- */
-@media screen and (max-width: $lg) {
-	.home-media-lg {
-		margin-top: 15px;
-	}
-	.home-monitor {
-		.flex-warp-item {
-			width: 33.33% !important;
-		}
-	}
-}

package/src/theme/media/index.scss

@@ -1,15 +0,0 @@
-/* 栅格布局（媒体查询变量）
-* https://developer.mozilla.org/zh-CN/docs/Learn/CSS/CSS_layout/Media_queries
-* $us ≥376px  响应式栅格
-* $xs ≥576px  响应式栅格
-* $sm ≥768px  响应式栅格
-* $md ≥992px  响应式栅格
-* $lg ≥1200px 响应式栅格
-* $xl ≥1920px 响应式栅格
-------------------------------- */
-$us: 376px;
-$xs: 576px;
-$sm: 768px;
-$md: 992px;
-$lg: 1200px;
-$xl: 1920px;

package/src/theme/media/layout.scss

@@ -1,63 +0,0 @@
-@import './index.scss';
-
-/* 页面宽度小于576px
-------------------------------- */
-@media screen and (max-width: $xs) {
-	// MessageBox 弹框
-	.el-message-box {
-		width: 80% !important;
-	}
-	// 锁屏页
-	.layout-lock-screen-date-top {
-		display: none;
-	}
-}
-
-/* 页面宽度小于768px
-------------------------------- */
-@media screen and (max-width: $sm) {
-	// Breadcrumb 面包屑
-	.layout-navbars-breadcrumb-hide {
-		display: none;
-	}
-	// 外链视图
-	.layout-view-link {
-		a {
-			max-width: 80%;
-			text-align: center;
-		}
-	}
-	// 菜单搜索
-	.layout-search-dialog {
-		.el-autocomplete {
-			width: 80% !important;
-		}
-	}
-}
-
-/* 页面宽度小于1000px
-------------------------------- */
-@media screen and (max-width: 1000px) {
-	// 布局配置
-	.layout-drawer-content-flex {
-		position: relative;
-		&::after {
-			content: '手机版不支持切换布局';
-			position: absolute;
-			top: 0;
-			right: 0;
-			bottom: 0;
-			left: 0;
-			z-index: 1;
-			text-align: center;
-			height: 140px;
-			line-height: 140px;
-			background: rgba(255, 255, 255, 0.9);
-			color: #666666;
-		}
-	}
-	// pagination 分页中的工具栏
-	.table-footer-tool {
-		display: none !important;
-	}
-}

package/src/theme/media/login.scss

@@ -1,74 +0,0 @@
-@import './index.scss';
-
-/* 页面宽度小于1200px
-------------------------------- */
-@media screen and (max-width: $lg) and (min-width: $xs) {
-	.login-container {
-		.login-left {
-			.login-left-img {
-				top: 90% !important;
-				left: 12% !important;
-				width: 30% !important;
-				height: 18% !important;
-			}
-		}
-		.login-right {
-			position: absolute;
-			top: 50%;
-			left: 50%;
-			transform: translate(-50%, -50%);
-		}
-	}
-}
-
-/* 页面宽度小于576px
-------------------------------- */
-@media screen and (max-width: $xs) {
-	.login-container {
-		.login-left {
-			display: none;
-		}
-		.login-right {
-			width: 100% !important;
-			.login-right-warp {
-				width: 100% !important;
-				height: 100% !important;
-				border: none !important;
-				.login-right-warp-mian {
-					.el-form-item {
-						display: flex !important;
-					}
-					.login-right-warp-main-title {
-						font-size: 20px !important;
-					}
-				}
-				.login-right-warp-one {
-					&::after {
-						right: 0 !important;
-					}
-				}
-				.login-right-warp-two {
-					&::before {
-						bottom: 1px !important;
-					}
-				}
-			}
-		}
-	}
-}
-
-/* 页面宽度小于375px
-------------------------------- */
-@media screen and (max-width: $us) {
-	.login-container {
-		.login-right {
-			.login-right-warp {
-				.login-right-warp-mian {
-					.login-right-warp-main-title {
-						font-size: 18px !important;
-					}
-				}
-			}
-		}
-	}
-}

package/src/theme/media/media.scss

@@ -1,13 +0,0 @@
-@import './login.scss';
-@import './error.scss';
-@import './layout.scss';
-@import './personal.scss';
-@import './tagsView.scss';
-@import './home.scss';
-@import './chart.scss';
-@import './form.scss';
-@import './scrollbar.scss';
-@import './pagination.scss';
-@import './dialog.scss';
-@import './cityLinkage.scss';
-@import './date.scss';

package/src/theme/media/pagination.scss

@@ -1,15 +0,0 @@
-@import './index.scss';
-
-/* 页面宽度小于576px
-------------------------------- */
-@media screen and (max-width: $xs) {
-	.el-pager,
-	.el-pagination__jump {
-		display: none !important;
-	}
-	// 默认居中对齐
-	.el-pagination,
-	.table-footer {
-		justify-content: center !important;
-	}
-}

package/src/theme/media/personal.scss

@@ -1,16 +0,0 @@
-@import './index.scss';
-
-/* 页面宽度小于768px
-------------------------------- */
-@media screen and (max-width: $sm) {
-	.personal-info {
-		padding-left: 0 !important;
-		margin-top: 15px;
-	}
-	.personal-recommend-col {
-		margin-bottom: 15px;
-		&:last-of-type {
-			margin-bottom: 0;
-		}
-	}
-}

package/src/theme/media/scrollbar.scss

@@ -1,56 +0,0 @@
-@import './index.scss';
-
-/* 页面宽度小于768px
-------------------------------- */
-@media screen and (max-width: $sm) {
-	// 滚动条的宽度
-	::-webkit-scrollbar {
-		width: 3px !important;
-		height: 3px !important;
-	}
-	::-webkit-scrollbar-track-piece {
-		background-color: var(--next-bg-main-color);
-	}
-	// 滚动条的设置
-	::-webkit-scrollbar-thumb {
-		background-color: rgba(144, 147, 153, 0.3);
-		background-clip: padding-box;
-		min-height: 28px;
-		border-radius: 5px;
-		transition: 0.3s background-color;
-	}
-	::-webkit-scrollbar-thumb:hover {
-		background-color: rgba(144, 147, 153, 0.5);
-	}
-	// element plus scrollbar
-	.el-scrollbar__bar.is-vertical {
-		width: 2px !important;
-	}
-	.el-scrollbar__bar.is-horizontal {
-		height: 2px !important;
-	}
-}
-
-/* 页面宽度大于768px
-------------------------------- */
-@media screen and (min-width: 769px) {
-	// 滚动条的宽度
-	::-webkit-scrollbar {
-		width: 7px;
-		height: 7px;
-	}
-	::-webkit-scrollbar-track-piece {
-		background-color: var(--next-bg-main-color);
-	}
-	// 滚动条的设置
-	::-webkit-scrollbar-thumb {
-		background-color: rgba(144, 147, 153, 0.3);
-		background-clip: padding-box;
-		min-height: 28px;
-		border-radius: 5px;
-		transition: 0.3s background-color;
-	}
-	::-webkit-scrollbar-thumb:hover {
-		background-color: rgba(144, 147, 153, 0.5);
-	}
-}

package/src/theme/media/tagsView.scss

@@ -1,11 +0,0 @@
-@import './index.scss';
-
-/* 页面宽度小于768px
-------------------------------- */
-@media screen and (max-width: $sm) {
-	.tags-view-form {
-		.tags-view-form-col {
-			margin-bottom: 20px;
-		}
-	}
-}

package/src/theme/mixins/index.scss

@@ -1,56 +0,0 @@
-/* 第三方图标字体间距/大小设置
-------------------------------- */
-@mixin generalIcon {
-	font-size: 14px !important;
-	display: inline-block;
-	vertical-align: middle;
-	margin-right: 5px;
-	width: 24px;
-	text-align: center;
-	justify-content: center;
-}
-
-/* 文本不换行
-------------------------------- */
-@mixin text-no-wrap() {
-	text-overflow: ellipsis;
-	overflow: hidden;
-	white-space: nowrap;
-}
-
-/* 多行文本溢出
-  ------------------------------- */
-@mixin text-ellipsis($line: 2) {
-	overflow: hidden;
-	word-break: break-all;
-	text-overflow: ellipsis;
-	display: -webkit-box;
-	-webkit-line-clamp: $line;
-	-webkit-box-orient: vertical;
-}
-
-/* 滚动条(页面未使用) div 中使用：
-  ------------------------------- */
-// .test {
-//   @include scrollBar;
-// }
-@mixin scrollBar {
-	// 滚动条凹槽的颜色，还可以设置边框属性
-	&::-webkit-scrollbar-track-piece {
-		background-color: #f8f8f8;
-	}
-	// 滚动条的宽度
-	&::-webkit-scrollbar {
-		width: 9px;
-		height: 9px;
-	}
-	// 滚动条的设置
-	&::-webkit-scrollbar-thumb {
-		background-color: #dddddd;
-		background-clip: padding-box;
-		min-height: 28px;
-	}
-	&::-webkit-scrollbar-thumb:hover {
-		background-color: #bbb;
-	}
-}

package/src/theme/other.scss

@@ -1,36 +0,0 @@
-/* wangeditor 富文本编辑器
-------------------------------- */
-.editor-container {
-	z-index: 10; // 用于 wangeditor 点击全屏时
-	.w-e-toolbar {
-		border: 1px solid var(--el-border-color-light, #ebeef5) !important;
-		border-bottom: 1px solid var(--el-border-color-light, #ebeef5) !important;
-		border-top-left-radius: 3px;
-		border-top-right-radius: 3px;
-		z-index: 2 !important;
-	}
-	.w-e-text-container {
-		border: 1px solid var(--el-border-color-light, #ebeef5) !important;
-		border-top: none !important;
-		border-bottom-left-radius: 3px;
-		border-bottom-right-radius: 3px;
-		z-index: 1 !important;
-	}
-}
-
-[data-theme='dark'] {
-	// textarea - css vars
-	--w-e-textarea-bg-color: var(--el-color-white) !important;
-	--w-e-textarea-color: var(--el-text-color-primary) !important;
-
-	// toolbar - css vars
-	--w-e-toolbar-color: var(--el-text-color-primary) !important;
-	--w-e-toolbar-bg-color: var(--el-color-white) !important;
-	--w-e-toolbar-active-color: var(--el-text-color-primary) !important;
-	--w-e-toolbar-active-bg-color: var(--next-color-menu-hover) !important;
-	--w-e-toolbar-border-color: var(--el-border-color-light, #ebeef5) !important;
-
-	// modal - css vars
-	--w-e-modal-button-bg-color: var(--el-color-primary) !important;
-	--w-e-modal-button-border-color: var(--el-color-primary) !important;
-}

package/src/theme/tableTool.scss

@@ -1,27 +0,0 @@
-.table-tool-popper {
-	padding: 0 !important;
-	.tool-box {
-		display: flex;
-		border-bottom: 1px solid var(--el-border-color-lighter);
-		box-sizing: border-box;
-		color: var(--el-text-color-primary);
-		height: 40px;
-		align-items: center;
-	}
-	.tool-sortable {
-		max-height: 303px;
-		.tool-sortable-item {
-			display: flex;
-			box-sizing: border-box;
-			color: var(--el-text-color-primary);
-			align-items: center;
-			padding: 0 12px;
-			&:hover {
-				background: var(--el-fill-color-lighter);
-			}
-			i {
-				opacity: 0.7;
-			}
-		}
-	}
-}