hs-admin-ui 1.0.0 → 1.0.2

package/src/stores/userInfo.ts

@@ -1,65 +0,0 @@
-import { defineStore } from 'pinia';
-import Cookies from 'js-cookie';
-import { Session, systemStore } from '/@/utils/storage';
-import { initBackEndControlRoutes } from '/@/router/backEnd';
-
-/**
- * 用户信息
- * @methods setUserInfos 设置用户信息
- */
-export const useUserInfo = defineStore('userInfo', {
-	state: (): UserInfosState => ({
-		userInfos: {
-			userName: '',
-			photo: '',
-			time: 0,
-			roles: [],
-			authBtnList: [],
-		},
-	}),
-	actions: {
-		async isLogin(): Promise<boolean> {
-			const userInfos = await systemStore.get('userInfo');
-			this.userInfos = userInfos;
-			return !!userInfos?.id;
-		},
-		/**
-		 * 设置用户信息
-		 * @param userInfo 用户信息
-		 */
-		async setUserInfo(userInfo: UserInfos) {
-			// 存储用户信息到 store
-			this.userInfos = userInfo;
-			// 存储用户信息到浏览器缓存
-			await systemStore.set('userInfo', userInfo);
-			// 设置 cookie 有效期 1天
-			Cookies.set('sid', userInfo.sid, { expires: new Date(+new Date() + 86400 * 1000) });
-			await initBackEndControlRoutes();
-		},
-		/**
-		 * 退出登录
-		 * @description 清除浏览器缓存、store、cookie
-		 * @description 跳转到登录页
-		 */
-		async logout() {
-			// 跳转到登录页
-			await this.clear();
-			window.location.reload();
-		},
-		async clear() {
-			// 清除 store
-			this.userInfos = {
-				userName: '',
-				photo: '',
-				time: 0,
-				roles: [],
-				authBtnList: [],
-			};
-			// 清除 cookie
-			Cookies.remove('sid');
-			// 清除浏览器缓存
-			Session.clear();
-			await systemStore.clear();
-		},
-	},
-});

package/src/style/tailwind.css

@@ -1,29 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer components {
-	.border-1 {
-		@apply border-t border-r border-l border-b border-solid border-gray-200;
-	}
-	.border-top-1 {
-		@apply border-x-0 border-t border-b-0 border-solid border-gray-200;
-	}
-	.border-left-1 {
-		@apply border-y-0 border-l border-r-0 border-solid border-gray-200;
-	}
-	.border-right-1 {
-		@apply border-y-0 border-r border-l-0 border-solid border-gray-200;
-	}
-	.border-bottom-1 {
-		@apply border-x-0 border-b border-t-0 border-solid border-gray-200;
-	}
-	.bc-form {
-		@apply grid w-full gap-x-5
-		grid-cols-1 
-		sm:grid-cols-2
-		md:grid-cols-3
-		lg:grid-cols-4
-		xl:grid-cols-5;
-	}
-}

package/src/theme/app.scss

@@ -1,333 +0,0 @@
-/* 初始化样式
-------------------------------- */
-* {
-	margin: 0;
-	padding: 0;
-	box-sizing: border-box;
-	outline: none !important;
-}
-
-:root {
-	--next-color-white: #ffffff;
-	--next-bg-main-color: #f8f8f8;
-	--next-bg-color: #f5f5ff;
-	--next-border-color-light: #f1f2f3;
-	--next-color-primary-lighter: #ecf5ff;
-	--next-color-success-lighter: #f0f9eb;
-	--next-color-warning-lighter: #fdf6ec;
-	--next-color-danger-lighter: #fef0f0;
-	--next-color-dark-hover: #0000001a;
-	--next-color-menu-hover: rgba(0, 0, 0, 0.2);
-	--next-color-user-hover: rgba(0, 0, 0, 0.04);
-	--next-color-seting-main: #e9eef3;
-	--next-color-seting-aside: #d3dce6;
-	--next-color-seting-header: #b3c0d1;
-}
-// document.querySelector("html").style.filter = "grayscale(1)"
-html,
-body,
-#app {
-	margin: 0;
-	padding: 0;
-	width: 100%;
-	height: 100%;
-	font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
-	font-weight: 400;
-	-webkit-font-smoothing: antialiased;
-	-webkit-tap-highlight-color: transparent;
-	background-color: var(--next-bg-main-color);
-	font-size: 14px;
-	overflow: hidden;
-	position: relative;
-}
-
-/* 主布局样式
-------------------------------- */
-.layout-container {
-	width: 100%;
-	height: 100%;
-	.layout-pd {
-		padding: 15px !important;
-	}
-	.layout-flex {
-		display: flex;
-		flex-direction: column;
-		flex: 1;
-	}
-	.layout-aside {
-		background: var(--next-bg-menuBar);
-		box-shadow: 2px 0 6px rgb(0 21 41 / 1%);
-		height: inherit;
-		position: relative;
-		z-index: 1;
-		display: flex;
-		flex-direction: column;
-		overflow-x: hidden !important;
-		.el-scrollbar__view {
-			overflow: hidden;
-		}
-	}
-	.layout-header {
-		padding: 0 !important;
-		height: auto !important;
-	}
-	.layout-main {
-		padding: 0 !important;
-		overflow: hidden;
-		width: 100%;
-		background-color: var(--next-bg-main-color);
-		display: flex;
-		flex-direction: column;
-		// 内层 el-scrollbar样式，用于界面高度自适应（main.vue）
-		.layout-main-scroll {
-			@extend .layout-flex;
-			.layout-parent {
-				@extend .layout-flex;
-				position: relative;
-			}
-		}
-	}
-	// 用于界面高度自适应
-	.layout-padding {
-		@extend .layout-pd;
-		position: absolute;
-		left: 0;
-		top: 0;
-		height: 100%;
-		width: 100%;
-		overflow: hidden;
-		@extend .layout-flex;
-		&-auto {
-			height: inherit;
-			@extend .layout-flex;
-		}
-		&-view {
-			background: var(--el-color-white);
-			width: 100%;
-			height: 100%;
-			border-radius: 4px;
-			border: 1px solid var(--el-border-color-light, #ebeef5);
-			overflow: hidden;
-		}
-	}
-	// 用于界面高度自适应，主视图区 main 的内边距，用于 iframe
-	.layout-padding-unset {
-		padding: 0 !important;
-		&-view {
-			border-radius: 0 !important;
-			border: none !important;
-		}
-	}
-	// 用于设置 iframe loading 时的高度（loading 垂直居中显示）
-	.layout-iframe {
-		.el-loading-parent--relative {
-			height: 100%;
-		}
-	}
-	.el-scrollbar {
-		width: 100%;
-	}
-	.layout-el-aside-br-color {
-		border-right: 1px solid var(--el-border-color-light, #ebeef5);
-	}
-	// pc端左侧导航样式
-	.layout-aside-pc-220 {
-		width: 220px !important;
-		transition: width 0.3s ease;
-	}
-	.layout-aside-pc-64 {
-		width: 64px !important;
-		transition: width 0.3s ease;
-	}
-	.layout-aside-pc-1 {
-		width: 1px !important;
-		transition: width 0.3s ease;
-		position: relative;
-		left: -1px;
-	}
-	// 手机端左侧导航样式
-	.layout-aside-mobile {
-		position: fixed;
-		top: 0;
-		left: -220px;
-		width: 220px;
-		z-index: 9999999;
-	}
-	.layout-aside-mobile-close {
-		left: -220px;
-		transition: all 0.3s cubic-bezier(0.39, 0.58, 0.57, 1);
-	}
-	.layout-aside-mobile-open {
-		left: 0;
-		transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-	}
-	.layout-aside-mobile-mode {
-		position: fixed;
-		top: 0;
-		right: 0;
-		bottom: 0;
-		left: 0;
-		height: 100%;
-		background-color: rgba(0, 0, 0, 0.5);
-		z-index: 9999998;
-		animation: error-img 0.3s;
-	}
-	.layout-mian-height-50 {
-		height: calc(100vh - 50px);
-	}
-	.layout-columns-warp {
-		flex: 1;
-		display: flex;
-		overflow: hidden;
-	}
-	.layout-hide {
-		display: none;
-	}
-}
-
-/* element plus 全局样式
-------------------------------- */
-.layout-breadcrumb-seting {
-	.el-divider {
-		background-color: rgb(230, 230, 230);
-	}
-}
-
-/* nprogress 进度条跟随主题颜色
-------------------------------- */
-#nprogress {
-	.bar {
-		background: var(--el-color-primary) !important;
-		z-index: 9999999 !important;
-	}
-}
-
-/* flex 弹性布局
-------------------------------- */
-.flex {
-	display: flex;
-}
-.flex-auto {
-	flex: 1;
-	overflow: hidden;
-}
-.flex-center {
-	@extend .flex;
-	flex-direction: column;
-	width: 100%;
-	overflow: hidden;
-}
-.flex-margin {
-	margin: auto;
-}
-.flex-warp {
-	display: flex;
-	flex-wrap: wrap;
-	align-content: flex-start;
-	margin: 0 -5px;
-	.flex-warp-item {
-		padding: 5px;
-		.flex-warp-item-box {
-			width: 100%;
-			height: 100%;
-		}
-	}
-}
-
-/* cursor 鼠标形状
-------------------------------- */
-// 默认
-.cursor-default {
-	cursor: default !important;
-}
-// 帮助
-.cursor-help {
-	cursor: help !important;
-}
-// 手指
-.cursor-pointer {
-	cursor: pointer !important;
-}
-// 移动
-.cursor-move {
-	cursor: move !important;
-}
-
-/* 宽高 100%
-------------------------------- */
-.w100 {
-	width: 100% !important;
-}
-.h100 {
-	height: 100% !important;
-}
-.vh100 {
-	height: 100vh !important;
-}
-.max100vh {
-	max-height: 100vh !important;
-}
-.min100vh {
-	min-height: 100vh !important;
-}
-
-/* 颜色值
-------------------------------- */
-.color-primary {
-	color: var(--el-color-primary);
-}
-.color-success {
-	color: var(--el-color-success);
-}
-.color-warning {
-	color: var(--el-color-warning);
-}
-.color-danger {
-	color: var(--el-color-danger);
-}
-.color-info {
-	color: var(--el-color-info);
-}
-
-/* 字体大小全局样式
-------------------------------- */
-@for $i from 10 through 32 {
-	.font#{$i} {
-		font-size: #{$i}px !important;
-	}
-}
-
-/* 外边距、内边距全局样式
-------------------------------- */
-@for $i from 1 through 35 {
-	.mt#{$i} {
-		margin-top: #{$i}px !important;
-	}
-	.mr#{$i} {
-		margin-right: #{$i}px !important;
-	}
-	.mb#{$i} {
-		margin-bottom: #{$i}px !important;
-	}
-	.ml#{$i} {
-		margin-left: #{$i}px !important;
-	}
-	.pt#{$i} {
-		padding-top: #{$i}px !important;
-	}
-	.pr#{$i} {
-		padding-right: #{$i}px !important;
-	}
-	.pb#{$i} {
-		padding-bottom: #{$i}px !important;
-	}
-	.pl#{$i} {
-		padding-left: #{$i}px !important;
-	}
-}
-
-/* 自定义弹窗样式
-------------------------------- */
-.custom-popup .vxe-modal--header{
-	background-color: #fff;
-}

package/src/theme/common/transition.scss

@@ -1,147 +0,0 @@
-/* 页面切换动画
-------------------------------- */
-.slide-right-enter-active,
-.slide-right-leave-active,
-.slide-left-enter-active,
-.slide-left-leave-active {
-	will-change: transform;
-	transition: all 0.3s ease;
-}
-// slide-right
-.slide-right-enter-from {
-	opacity: 0;
-	transform: translateX(-20px);
-}
-.slide-right-leave-to {
-	opacity: 0;
-	transform: translateX(20px);
-}
-// slide-left
-.slide-left-enter-from {
-	@extend .slide-right-leave-to;
-}
-.slide-left-leave-to {
-	@extend .slide-right-enter-from;
-}
-// opacitys
-.opacitys-enter-active,
-.opacitys-leave-active {
-	will-change: transform;
-	transition: all 0.3s ease;
-}
-.opacitys-enter-from,
-.opacitys-leave-to {
-	opacity: 0;
-}
-
-/* Breadcrumb 面包屑过渡动画
-------------------------------- */
-.breadcrumb-enter-active,
-.breadcrumb-leave-active {
-	transition: all 0.5s ease;
-}
-.breadcrumb-enter-from,
-.breadcrumb-leave-active {
-	opacity: 0;
-	transform: translateX(20px);
-}
-.breadcrumb-leave-active {
-	position: absolute;
-	z-index: -1;
-}
-
-/* logo 过渡动画
-------------------------------- */
-@keyframes logoAnimation {
-	0% {
-		transform: scale(0);
-	}
-	80% {
-		transform: scale(1.2);
-	}
-	100% {
-		transform: scale(1);
-	}
-}
-
-/* 404、401 过渡动画
-------------------------------- */
-@keyframes error-num {
-	0% {
-		transform: translateY(60px);
-		opacity: 0;
-	}
-	100% {
-		transform: translateY(0);
-		opacity: 1;
-	}
-}
-@keyframes error-img {
-	0% {
-		opacity: 0;
-	}
-	100% {
-		opacity: 1;
-	}
-}
-@keyframes error-img-two {
-	0% {
-		opacity: 1;
-	}
-	100% {
-		opacity: 0;
-	}
-}
-
-/* 登录页动画
-------------------------------- */
-@keyframes loginLeft {
-	0% {
-		left: -100%;
-	}
-	50%,
-	100% {
-		left: 100%;
-	}
-}
-@keyframes loginTop {
-	0% {
-		top: -100%;
-	}
-	50%,
-	100% {
-		top: 100%;
-	}
-}
-@keyframes loginRight {
-	0% {
-		right: -100%;
-	}
-	50%,
-	100% {
-		right: 100%;
-	}
-}
-@keyframes loginBottom {
-	0% {
-		bottom: -100%;
-	}
-	50%,
-	100% {
-		bottom: 100%;
-	}
-}
-
-/* 左右左 link.vue
-------------------------------- */
-@keyframes toRight {
-	0% {
-		left: -5px;
-	}
-	50% {
-		left: 100%;
-	}
-	100% {
-		left: -5px;
-	}
-}