hs-admin-ui 1.0.0 → 1.0.2

package/src/theme/dark.scss

@@ -1,255 +0,0 @@
-/* 深色模式样式
-------------------------------- */
-[data-theme='dark'] {
-	// 变量(自定义时，只需修改这里的值)
-	--next-bg-main: #1f1f1f;
-	--next-color-white: #ffffff;
-	--next-color-disabled: #191919;
-	--next-color-bar: #dadada;
-	--next-color-primary: #303030;
-	--next-border-color: #424242;
-	--next-border-black: #333333;
-	--next-border-columns: #2a2a2a;
-	--next-color-seting: #505050;
-	--next-text-color-regular: #9b9da1;
-	--next-text-color-placeholder: #7a7a7a;
-	--next-color-hover: #3c3c3c;
-	--next-color-hover-rgba: rgba(0, 0, 0, 0.3);
-
-	// root
-	--next-bg-main-color: var(--next-bg-main) !important;
-	--next-bg-topBar: var(--next-color-disabled) !important;
-	--next-bg-topBarColor: var(--next-color-bar) !important;
-	--next-bg-menuBar: var(--next-color-disabled) !important;
-	--next-bg-menuBarColor: var(--next-color-bar) !important;
-	--next-bg-menuBarActiveColor: var(--next-color-hover-rgba) !important;
-	--next-bg-columnsMenuBar: var(--next-color-disabled) !important;
-	--next-bg-columnsMenuBarColor: var(--next-color-bar) !important;
-	--next-border-color-light: var(--next-border-black) !important;
-	--next-color-primary-lighter: var(--next-color-primary) !important;
-	--next-color-success-lighter: var(--next-color-primary) !important;
-	--next-color-warning-lighter: var(--next-color-primary) !important;
-	--next-color-danger-lighter: var(--next-color-primary) !important;
-	--next-bg-color: var(--next-color-primary) !important;
-	--next-color-dark-hover: var(--next-color-hover) !important;
-	--next-color-menu-hover: var(--next-color-hover-rgba) !important;
-	--next-color-user-hover: var(--next-color-hover-rgba) !important;
-	--next-color-seting-main: var(--next-color-seting) !important;
-	--next-color-seting-aside: var(--next-color-hover) !important;
-	--next-color-seting-header: var(--next-color-primary) !important;
-
-	// element plus
-	--el-color-white: var(--next-color-disabled) !important;
-	--el-text-color-primary: var(--next-color-bar) !important;
-	--el-border-color: var(--next-border-black) !important;
-	--el-border-color-light: var(--next-border-black) !important;
-	--el-border-color-lighter: var(--next-border-black) !important;
-	--el-border-color-extra-light: var(--el-color-primary-light-8) !important;
-	--el-text-color-regular: var(--next-text-color-regular) !important;
-	--el-bg-color: var(--next-color-disabled) !important;
-	--el-color-primary-light-9: var(--next-color-hover) !important;
-	--el-text-color-disabled: var(--next-text-color-placeholder) !important;
-	--el-text-color-disabled-base: var(--el-color-primary) !important;
-	--el-text-color-placeholder: var(--next-text-color-placeholder) !important;
-	--el-disabled-bg-color: var(--next-color-disabled) !important;
-	--el-fill-base: var(--next-color-white) !important;
-	--el-fill-colo: var(--next-color-hover-rgba) !important;
-	--el-fill-color: var(--next-color-hover-rgba) !important;
-	--el-fill-color-blank: var(--next-color-disabled) !important;
-	--el-fill-color-light: var(--next-color-hover-rgba) !important;
-	--el-bg-color-overlay: var(--el-color-primary-light-9) !important;
-	--el-mask-color: rgb(42 42 42 / 80%);
-	--el-fill-color-lighter: var(--next-color-hover-rgba) !important;
-
-	// button
-	.el-button {
-		&:hover {
-			border-color: var(--next-border-color) !important;
-		}
-	}
-	.el-button--primary,
-	.el-button--info,
-	.el-button--danger,
-	.el-button--success,
-	.el-button--warning {
-		--el-button-text-color: var(--next-color-white) !important;
-		--el-button-hover-text-color: var(--next-color-white) !important;
-		--el-button-disabled-text-color: var(--next-color-white) !important;
-		&:hover {
-			border-color: var(--el-button-hover-border-color, var(--el-button-hover-bg-color)) !important;
-		}
-	}
-
-	// drawer
-	.el-divider__text {
-		background-color: var(--el-color-white) !important;
-	}
-	.el-drawer {
-		border-left: 1px solid var(--next-border-color-light) !important;
-	}
-
-	// tabs
-	.el-tabs--border-card {
-		background-color: var(--el-color-white) !important;
-	}
-	.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
-		background: var(--next-color-primary-lighter);
-	}
-
-	// alert / notice-bar
-	.home-card-item {
-		border: 1px solid var(--next-border-color-light) !important;
-	}
-	.el-alert,
-	.notice-bar {
-		border: 1px solid var(--next-border-color) !important;
-		background-color: var(--next-color-disabled) !important;
-	}
-
-	// topBar
-	.layout-navbars-breadcrumb-index {
-		background: none !important;
-	}
-
-	// menu
-	.layout-aside {
-		border-right: 1px solid var(--next-border-color-light) !important;
-		@extend .layout-navbars-breadcrumb-index;
-	}
-
-	// colorPicker
-	.el-color-picker__mask {
-		background: unset !important;
-	}
-	.el-color-picker__trigger {
-		border: 1px solid var(--next-border-color-light) !important;
-	}
-
-	// popper / dropdown
-	.el-popper {
-		border: 1px solid var(--next-border-color) !important;
-		color: var(--el-text-color-primary) !important;
-		.el-popper__arrow:before {
-			background: var(--el-color-white) !important;
-			border: 1px solid var(--next-border-color);
-		}
-		a {
-			color: var(--el-text-color-primary) !important;
-		}
-	}
-	.el-popper,
-	.el-dropdown-menu {
-		background: var(--el-color-white) !important;
-	}
-	.el-dropdown-menu__item:hover:not(.is-disabled) {
-		background: var(--el-bg-color) !important;
-	}
-	.el-dropdown-menu__item.is-disabled {
-		font-weight: 700 !important;
-	}
-
-	// input
-	.el-input-group__append,
-	.el-input-group__prepend {
-		border: var(--el-input-border) !important;
-		border-right: none !important;
-		background: var(--next-color-disabled) !important;
-		border-left: 0 !important;
-	}
-	.el-input-number__decrease,
-	.el-input-number__increase {
-		background: var(--next-color-disabled) !important;
-	}
-
-	// tag
-	.el-select .el-select__tags .el-tag {
-		background-color: var(--next-bg-color) !important;
-	}
-
-	// pagination
-	.el-pagination.is-background .el-pager li:not(.disabled).active {
-		color: var(--next-color-white) !important;
-	}
-	.el-pagination.is-background .btn-next,
-	.el-pagination.is-background .btn-prev,
-	.el-pagination.is-background .el-pager li {
-		background-color: var(--next-bg-color);
-	}
-	/*深色模式时分页高亮问题*/
-	.el-pagination.is-background .btn-next.is-active,
-	.el-pagination.is-background .btn-prev.is-active,
-	.el-pagination.is-background .el-pager li.is-active {
-		color: var(--next-color-white) !important;
-	}
-
-	// radio
-	.el-radio-button:not(.is-active) .el-radio-button__inner {
-		border: 1px solid var(--next-border-color-light) !important;
-		border-left: 0 !important;
-	}
-	.el-radio-button.is-active .el-radio-button__inner {
-		color: var(--next-color-white) !important;
-	}
-
-	// countup
-	.countup-card-item-flex {
-		color: var(--el-text-color-primary) !important;
-	}
-
-	// editor
-	.editor-container {
-		.w-e-toolbar {
-			background: var(--el-color-white) !important;
-			border: 1px solid var(--next-border-color-light) !important;
-			.w-e-menu:hover {
-				background: var(--next-color-user-hover) !important;
-				i {
-					color: var(--el-text-color-primary) !important;
-				}
-			}
-		}
-		.w-e-text-container {
-			border: 1px solid var(--next-border-color-light) !important;
-			border-top: none !important;
-			.w-e-text {
-				background: var(--el-color-white) !important;
-			}
-		}
-	}
-
-	// date-picker
-	.el-picker-panel {
-		background: var(--el-color-white) !important;
-	}
-
-	// dialog
-	.el-dialog {
-		border: 1px solid var(--el-border-color-lighter);
-		.el-dialog__header {
-			color: var(--el-text-color-primary) !important;
-		}
-	}
-
-	// columns
-	.layout-columns-aside ul .layout-columns-active {
-		color: var(--next-color-white) !important;
-	}
-	.layout-columns-aside {
-		border-right: 1px solid var(--next-border-columns);
-	}
-
-	// tagsView
-	.tags-style-one {
-		.is-active {
-			color: var(--el-text-color-primary) !important;
-		}
-		.layout-navbars-tagsview-ul-li:hover {
-			border-color: var(--el-border-color-lighter) !important;
-		}
-	}
-
-	// loading
-	.el-loading-mask {
-		background-color: var(--next-bg-main) !important;
-	}
-}

package/src/theme/element.scss

@@ -1,321 +0,0 @@
-@import 'mixins/index.scss';
-
-/* Button 按钮
-------------------------------- */
-// 第三方字体图标大小
-.el-button:not(.is-circle) i.el-icon,
-.el-button i.iconfont,
-.el-button i.fa,
-.el-button--default i.iconfont,
-.el-button--default i.fa {
-	font-size: 14px !important;
-	margin-right: 5px;
-}
-.el-button--small i.iconfont,
-.el-button--small i.fa {
-	font-size: 12px !important;
-	margin-right: 5px;
-}
-
-/* Input 输入框、InputNumber 计数器
-------------------------------- */
-// 菜单搜索
-.el-autocomplete-suggestion__wrap {
-	max-height: 280px !important;
-}
-
-/* Form 表单
-------------------------------- */
-.el-form {
-	// 用于修改弹窗时表单内容间隔太大问题，如系统设置的新增菜单弹窗里的表单内容
-	// .el-form-item:last-of-type {
-	// 	margin-bottom: 0 !important;
-	// }
-	// 修复行内表单最后一个 el-form-item 位置下移问题
-	&.el-form--inline {
-		.el-form-item--large.el-form-item:last-of-type {
-			margin-bottom: 22px !important;
-		}
-		.el-form-item--default.el-form-item:last-of-type,
-		.el-form-item--small.el-form-item:last-of-type {
-			margin-bottom: 18px !important;
-		}
-	}
-	.el-form-item .el-form-item__label .el-icon {
-		margin-right: 0px;
-	}
-}
-
-/* Alert 警告
-------------------------------- */
-.el-alert {
-	// border: 1px solid;
-}
-.el-alert__title {
-	word-break: break-all;
-}
-
-/* Message 消息提示
-------------------------------- */
-.el-message {
-	min-width: unset !important;
-	padding: 15px !important;
-	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.02);
-}
-
-/* NavMenu 导航菜单
-------------------------------- */
-// 鼠标 hover 时颜色
-.el-menu-hover-bg-color {
-	background-color: var(--next-bg-menuBarActiveColor) !important;
-}
-// 默认样式修改
-.el-menu {
-	border-right: none !important;
-	width: 220px;
-}
-.el-menu-item {
-	height: 56px !important;
-	line-height: 56px !important;
-}
-.el-menu-item,
-.el-sub-menu__title {
-	color: var(--next-bg-menuBarColor);
-}
-// 修复点击左侧菜单折叠再展开时，宽度不跟随问题
-.el-menu--collapse {
-	width: 64px !important;
-}
-// 外部链接时
-.el-menu-item a,
-.el-menu-item a:hover,
-.el-menu-item i,
-.el-sub-menu__title i {
-	color: inherit;
-	text-decoration: none;
-}
-// 第三方图标字体间距/大小设置
-.el-menu-item .iconfont,
-.el-sub-menu .iconfont,
-.el-menu-item .fa,
-.el-sub-menu .fa {
-	@include generalIcon;
-}
-// 水平菜单、横向菜单高亮 背景色，鼠标 hover 时，有子级菜单的背景色
-.el-menu-item.is-active,
-.el-sub-menu.is-active .el-sub-menu__title,
-.el-sub-menu:not(.is-opened):hover .el-sub-menu__title {
-	@extend .el-menu-hover-bg-color;
-}
-.el-menu-item:hover {
-	@extend .el-menu-hover-bg-color;
-}
-.el-sub-menu.is-active.is-opened .el-sub-menu__title {
-	background-color: unset !important;
-}
-// 子级菜单背景颜色
-// .el-menu--inline {
-// 	background: var(--next-bg-menuBar-light-1);
-// }
-// 水平菜单、横向菜单折叠 a 标签
-.el-popper.is-dark a {
-	color: var(--el-color-white) !important;
-	text-decoration: none;
-}
-// 水平菜单、横向菜单折叠背景色
-.el-popper.is-pure.is-light {
-	// 水平菜单
-	.el-menu--vertical {
-		background: var(--next-bg-menuBar);
-		.el-sub-menu.is-active .el-sub-menu__title {
-			color: var(--el-menu-active-color);
-		}
-		.el-popper.is-pure.is-light {
-			.el-menu--vertical {
-				.el-sub-menu .el-sub-menu__title {
-					background-color: unset !important;
-					color: var(--next-bg-menuBarColor);
-				}
-				.el-sub-menu.is-active .el-sub-menu__title {
-					color: var(--el-menu-active-color);
-				}
-			}
-		}
-	}
-	// 横向菜单
-	.el-menu--horizontal {
-		background: var(--next-bg-topBar);
-		.el-menu-item,
-		.el-sub-menu {
-			height: 48px !important;
-			line-height: 48px !important;
-			color: var(--next-bg-topBarColor);
-			.el-sub-menu__title {
-				height: 48px !important;
-				line-height: 48px !important;
-				color: var(--next-bg-topBarColor);
-			}
-			.el-popper.is-pure.is-light {
-				.el-menu--horizontal {
-					.el-sub-menu .el-sub-menu__title {
-						background-color: unset !important;
-						color: var(--next-bg-topBarColor);
-					}
-					.el-sub-menu.is-active .el-sub-menu__title {
-						color: var(--el-menu-active-color);
-					}
-				}
-			}
-		}
-		.el-menu-item.is-active,
-		.el-sub-menu.is-active .el-sub-menu__title {
-			color: var(--el-menu-active-color);
-		}
-	}
-}
-// 横向菜单（经典、横向）布局
-.el-menu.el-menu--horizontal {
-	border-bottom: none !important;
-	width: 100% !important;
-	.el-menu-item,
-	.el-sub-menu__title {
-		height: 48px !important;
-		color: var(--next-bg-topBarColor);
-	}
-	.el-menu-item:not(.is-active):hover,
-	.el-sub-menu:not(.is-active):hover .el-sub-menu__title {
-		color: var(--next-bg-topBarColor);
-	}
-}
-// 菜单收起时，图标不居中问题
-.el-menu--collapse {
-	.el-menu-item .iconfont,
-	.el-sub-menu .iconfont,
-	.el-menu-item .fa,
-	.el-sub-menu .fa {
-		margin-right: 0 !important;
-	}
-	.el-sub-menu__title {
-		padding-right: 0 !important;
-	}
-}
-
-/* Tabs 标签页
-------------------------------- */
-.el-tabs__nav-wrap::after {
-	height: 1px !important;
-}
-
-/* Dropdown 下拉菜单
-------------------------------- */
-.el-dropdown-menu {
-	list-style: none !important; /*修复 Dropdown 下拉菜单样式问题 2022.03.04*/
-}
-.el-dropdown-menu .el-dropdown-menu__item {
-	white-space: nowrap;
-	&:not(.is-disabled):hover {
-		background-color: var(--el-dropdown-menuItem-hover-fill);
-		color: var(--el-dropdown-menuItem-hover-color);
-	}
-}
-/* Dialog 对话框
-------------------------------- */
-.el-overlay {
-	overflow: hidden;
-	.el-overlay-dialog {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		position: unset !important;
-		width: 100%;
-		height: 100%;
-		.el-dialog {
-			margin: 0 auto !important;
-			position: absolute;
-			.el-dialog__body {
-				padding: 20px !important;
-			}
-		}
-	}
-}
-.el-dialog__body {
-	max-height: calc(90vh - 111px) !important;
-	overflow-y: auto;
-	overflow-x: hidden;
-}
-
-/* Card 卡片
-------------------------------- */
-.el-card__header {
-	padding: 15px 20px;
-}
-
-/* Table 表格 element plus 2.2.0 版本
-------------------------------- */
-.el-table {
-	.el-button.is-text {
-		padding: 0;
-	}
-}
-
-/* scrollbar
-------------------------------- */
-.el-scrollbar__bar {
-	z-index: 4;
-}
-/*防止页面切换时，滚动条高度不变的问题（滚动条高度非滚动条滚动高度）*/
-.el-scrollbar__wrap {
-	max-height: 100%;
-}
-.el-select-dropdown .el-scrollbar__wrap {
-	overflow-x: scroll !important;
-}
-/*修复Select 选择器高度问题*/
-.el-select-dropdown__wrap {
-	max-height: 274px !important;
-}
-/*修复Cascader 级联选择器高度问题*/
-.el-cascader-menu__wrap.el-scrollbar__wrap {
-	height: 204px !important;
-}
-/*用于界面高度自适应（main.vue），区分 scrollbar__view，防止其它使用 scrollbar 的地方出现滚动条消失*/
-.layout-container-view .el-scrollbar__view {
-	height: 100%;
-}
-/*防止分栏布局二级菜单很多时，滚动条消失问题*/
-.layout-columns-warp .layout-aside .el-scrollbar__view {
-	height: unset !important;
-}
-
-/* Pagination 分页
-------------------------------- */
-.el-pagination__editor {
-	margin-right: 8px;
-}
-/*深色模式时分页高亮问题*/
-.el-pagination.is-background .btn-next.is-active,
-.el-pagination.is-background .btn-prev.is-active,
-.el-pagination.is-background .el-pager li.is-active {
-	background-color: var(--el-color-primary) !important;
-	color: var(--el-color-white) !important;
-}
-
-/* Drawer 抽屉
-------------------------------- */
-.el-drawer {
-	--el-drawer-padding-primary: unset !important;
-	.el-drawer__header {
-		padding: 0 15px !important;
-		height: 50px;
-		display: flex;
-		align-items: center;
-		margin-bottom: 0 !important;
-		border-bottom: 1px solid var(--el-border-color);
-		color: var(--el-text-color-primary);
-	}
-	.el-drawer__body {
-		width: 100%;
-		height: 100%;
-		overflow: auto;
-	}
-}

package/src/theme/iconSelector.scss

@@ -1,31 +0,0 @@
-/* Popover 弹出框(图标选择器)
-------------------------------- */
-.icon-selector-popper {
-	padding: 0 !important;
-	.icon-selector-warp {
-		height: 260px;
-		overflow: hidden;
-		position: relative;
-		.icon-selector-warp-title {
-			position: absolute;
-			height: 40px;
-			line-height: 40px;
-			left: 15px;
-		}
-		.el-tabs__header {
-			display: flex;
-			justify-content: flex-end;
-			padding: 0 15px;
-			border-bottom: 1px solid var(--el-border-color-light);
-			margin: 0 !important;
-			.el-tabs__nav-wrap {
-				&::after {
-					height: 0 !important;
-				}
-				.el-tabs__item {
-					padding: 0 5px !important;
-				}
-			}
-		}
-	}
-}

package/src/theme/index.scss

@@ -1,8 +0,0 @@
-@import 'element-plus/dist/index.css';
-@import './app.scss';
-@import 'common/transition.scss';
-@import './other.scss';
-@import './element.scss';
-@import './media/media.scss';
-@import './waves.scss';
-@import './dark.scss';

package/src/theme/loading.scss

@@ -1,51 +0,0 @@
-.loading-next {
-	width: 100%;
-	height: 100%;
-}
-.loading-next .loading-next-box {
-	position: absolute;
-	top: 50%;
-	left: 50%;
-	transform: translate(-50%, -50%);
-}
-.loading-next .loading-next-box-warp {
-	width: 80px;
-	height: 80px;
-}
-.loading-next .loading-next-box-warp .loading-next-box-item {
-	width: 33.333333%;
-	height: 33.333333%;
-	background: var(--el-color-primary);
-	float: left;
-	animation: loading-next-animation 1.2s infinite ease;
-	border-radius: 1px;
-}
-.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(7) {
-	animation-delay: 0s;
-}
-.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(4),
-.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(8) {
-	animation-delay: 0.1s;
-}
-.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(1),
-.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(5),
-.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(9) {
-	animation-delay: 0.2s;
-}
-.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(2),
-.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(6) {
-	animation-delay: 0.3s;
-}
-.loading-next .loading-next-box-warp .loading-next-box-item:nth-child(3) {
-	animation-delay: 0.4s;
-}
-@keyframes loading-next-animation {
-	0%,
-	70%,
-	100% {
-		transform: scale3D(1, 1, 1);
-	}
-	35% {
-		transform: scale3D(0, 0, 1);
-	}
-}