hs-admin-ui 1.0.5 → 1.0.8

package/.env

@@ -0,0 +1,11 @@
+# port 端口号
+VITE_PORT = 8888
+
+# open 运行 npm run dev 时自动打开浏览器
+VITE_OPEN = false
+
+# 打包是否开启 cdn（源文件 utils/build.ts），可自行修改
+VITE_OPEN_CDN = false
+
+# public path 配置线上环境路径（打包）、本地通过 http-server 访问时，请置空即可
+VITE_PUBLIC_PATH = 

package/.env.development

@@ -0,0 +1,5 @@
+# 本地环境
+ENV = development
+
+# 本地环境接口地址
+VITE_API_URL = ''

package/.env.production

@@ -0,0 +1,5 @@
+# 线上环境
+ENV = production
+
+# 线上环境接口地址
+VITE_API_URL = 

package/.eslintignore

@@ -0,0 +1,18 @@
+
+*.sh
+node_modules
+lib
+*.md
+*.scss
+*.woff
+*.ttf
+.vscode
+.idea
+dist
+mock
+public
+bin
+build
+config
+index.html
+src/assets

package/.eslintrc.js

@@ -0,0 +1,104 @@
+module.exports = {
+	root: true,
+	env: {
+		browser: true,
+		es2021: true,
+		node: true,
+	},
+	parser: 'vue-eslint-parser',
+	parserOptions: {
+		ecmaVersion: 12,
+		parser: '@typescript-eslint/parser',
+		sourceType: 'module',
+	},
+	extends: ['plugin:vue/vue3-essential', 'plugin:vue/essential', 'eslint:recommended'],
+	plugins: ['vue', '@typescript-eslint'],
+	overrides: [
+		{
+			files: ['*.ts', '*.tsx', '*.vue'],
+			rules: {
+				'no-undef': 'off',
+			},
+		},
+	],
+	rules: {
+		// http://eslint.cn/docs/rules/
+		// https://eslint.vuejs.org/rules/
+		// https://typescript-eslint.io/rules/no-unused-vars/
+		'vue/no-v-for-template-key': 'off',
+		'@typescript-eslint/ban-ts-ignore': 'off',
+		'@typescript-eslint/explicit-function-return-type': 'off',
+		// 禁止使用any
+		'@typescript-eslint/no-explicit-any': 'error',
+		// 禁止除 import 语句之外的语句
+		'@typescript-eslint/no-var-requires': 'off',
+		// 禁止空函数
+		'@typescript-eslint/no-empty-function': 'off',
+		'@typescript-eslint/ban-ts-comment': 'off',
+		// 禁止某些类型。https://typescript-eslint.io/rules/ban-types/
+		'@typescript-eslint/ban-types': 'off',
+		'@typescript-eslint/no-non-null-assertion': 'off',
+		'@typescript-eslint/explicit-module-boundary-types': 'off',
+		'@typescript-eslint/no-redeclare': 'error',
+		'@typescript-eslint/no-non-null-asserted-optional-chain': 'off',
+		'@typescript-eslint/no-unused-vars': [2],
+		'vue/custom-event-name-casing': 'off',
+		'vue/attributes-order': 'off',
+		'vue/one-component-per-file': 'off',
+		'vue/html-closing-bracket-newline': 'off',
+		'vue/max-attributes-per-line': 'off',
+		'vue/multiline-html-element-content-newline': 'off',
+		'vue/singleline-html-element-content-newline': 'off',
+		'vue/attribute-hyphenation': 'off',
+		'vue/html-self-closing': 'off',
+		'vue/no-multiple-template-root': 'off',
+		'vue/require-default-prop': 'off',
+		'vue/no-v-model-argument': 'off',
+		'vue/no-arrow-functions-in-watch': 'off',
+		'vue/no-template-key': 'off',
+		'vue/no-v-html': 'off',
+		'vue/comment-directive': 'off',
+		'vue/no-parsing-error': 'off',
+		'vue/no-deprecated-v-on-native-modifier': 'off',
+		'vue/multi-word-component-names': 'off',
+		// 禁用不必要的转义字符
+		'no-useless-escape': 'off',
+		// 禁用空元素数组 例如 [1, , 3]
+		'no-sparse-arrays': 'off',
+		// 禁止直接调用Object.prototypes的内置属性
+		'no-prototype-builtins': 'off',
+		// 禁止在条件中使用常量表达式
+		'no-constant-condition': 'off',
+		// 禁止在变量定义之前使用它们
+		"no-use-before-define": ["error", {
+			"functions": false,
+			"classes": true,
+			"variables": true,
+			"allowNamedExports": false
+		}],
+		// 在定义变量之前，禁止使用变量 https://typescript-eslint.io/rules/no-use-before-define/
+		"@typescript-eslint/no-use-before-define": [
+			"error",
+			{
+				"functions": false,
+				"classes": true,
+				"variables": true,
+				"typedefs": true
+			}
+		],
+		// 禁用特定的全局变量
+		'no-restricted-globals': 'off',
+		// 禁用特定的语法
+		'no-restricted-syntax': 'off',
+		// 强制 generator 函数中*号周围使用一致的空格
+		'generator-star-spacing': 'off',
+		// 禁止在return、throw、continue和break语句之后出现不可达代码
+		'no-unreachable': 'error',
+		'no-multiple-template-root': 'off',
+		// 禁止未使用的变量
+		'no-unused-vars': 'error',
+		'no-v-model-argument': 'off',
+		'no-case-declarations': 'off',
+		'no-redeclare': 'off',
+	},
+};

package/.prettierrc.js

@@ -0,0 +1,39 @@
+module.exports = {
+	// 一行最多多少个字符
+	printWidth: 150,
+	// 指定每个缩进级别的空格数
+	tabWidth: 2,
+	// 使用制表符而不是空格缩进行
+	useTabs: true,
+	// 在语句末尾打印分号
+	semi: true,
+	// 使用单引号而不是双引号
+	singleQuote: true,
+	// 更改引用对象属性的时间 可选值"<as-needed|consistent|preserve>"
+	quoteProps: 'as-needed',
+	// 在JSX中使用单引号而不是双引号
+	jsxSingleQuote: false,
+	// 多行时尽可能打印尾随逗号。（例如，单行数组永远不会出现逗号结尾。） 可选值"<none|es5|all>"，默认none
+	trailingComma: 'es5',
+	// 在对象文字中的括号之间打印空格
+	bracketSpacing: true,
+	// jsx 标签的反尖括号需要换行
+	jsxBracketSameLine: false,
+	// 在单独的箭头函数参数周围包括括号 always：(x) => x \ avoid：x => x
+	arrowParens: 'always',
+	// 这两个选项可用于格式化以给定字符偏移量（分别包括和不包括）开始和结束的代码
+	rangeStart: 0,
+	rangeEnd: Infinity,
+	// 指定要使用的解析器，不需要写文件开头的 @prettier
+	requirePragma: false,
+	// 不需要自动在文件开头插入 @prettier
+	insertPragma: false,
+	// 使用默认的折行标准 always\never\preserve
+	proseWrap: 'preserve',
+	// 指定HTML文件的全局空格敏感度 css\strict\ignore
+	htmlWhitespaceSensitivity: 'css',
+	// Vue文件脚本和样式标签缩进
+	vueIndentScriptAndStyle: false,
+	// 换行符使用 lf 结尾是 可选值"<auto|lf|crlf|cr>"
+	endOfLine: 'lf',
+};

package/.vite/deps/_metadata.json

@@ -0,0 +1,8 @@
+{
+  "hash": "b604eb84",
+  "configHash": "7415d0ca",
+  "lockfileHash": "e3b0c442",
+  "browserHash": "b8efab2d",
+  "optimized": {},
+  "chunks": {}
+}

package/.vite/deps/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

package/.vscode/extensions.json

@@ -0,0 +1,7 @@
+{
+  "recommendations": [
+    "vue.volar",
+    "vue.vscode-typescript-vue-plugin",
+    "dbaeumer.vscode-eslint"
+  ]
+}

package/.vscode/launch.json

@@ -0,0 +1,15 @@
+{
+  // 使用 IntelliSense 了解相关属性。 
+  // 悬停以查看现有属性的描述。
+  // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "chrome",
+      "request": "launch",
+      "name": "针对 localhost 启动 Chrome",
+      "url": "http://localhost:4001/design.html#/mold/config?mid=1661634447136899073",
+      "webRoot": "${workspaceFolder}"
+    }
+  ]
+}

package/.vscode/settings.json

@@ -0,0 +1,41 @@
+{
+  // eslint 保存格式化
+  "eslint.enable": true,
+  "eslint.run": "onType",
+  "eslint.options": {
+    "extensions": [".js", ".ts", ".jsx", ".tsx", ".vue"]
+  },
+  // 编辑器保存格式化
+  "editor.codeActionsOnSave": {
+    "source.fixAll": "never",
+    "source.fixAll.eslint": "explicit"
+  },
+  // .ts 文件格式化程序
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  // .vue 文件格式化程序
+  "[vue]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  // 操作时作为单词分隔符的字符
+  "editor.wordSeparators": "`~!@#%^&*()=+[{]}\\|;:'\",.<>/?",
+  // 一个制表符等于的空格数
+  "editor.tabSize": 2,
+  "editor.multiCursorLimit": 10000,
+  // 行尾字符
+  "files.eol": "\n",
+  // 保存到额时候用使用 prettier进行格式化
+  "editor.formatOnSave": true,
+  // css文件忽略警告
+  "css.lint.unknownAtRules": "ignore",
+  "prettier.semi": true, // 分号
+  "prettier.singleQuote": false, // 单引号
+  "prettier.trailingComma": "none", // 去掉结尾的逗号
+  "prettier.printWidth": 150,
+  "vue.codeActions.enabled": false,
+  "typescript.tsdk": "node_modules/typescript/lib"
+}

package/CHANGELOG.md

@@ -0,0 +1 @@
+��

package/directoryList.md

@@ -0,0 +1,180 @@
+|-- undefined
+|-- .env
+|-- .env.development
+|-- .env.production
+|-- .eslintignore
+|-- .eslintrc.js
+|-- .gitignore
+|-- .npmrc
+|-- .prettierrc.js
+|-- CHANGELOG.md
+|-- index.html
+|-- LICENSE
+|-- package-lock.json
+|-- package.json
+|-- README.md
+|-- tsconfig.json
+|-- vite.config.ts
+|-- .vscode
+| |-- hsvue.code-snippets
+|-- public
+| |-- favicon.ico
+|-- src
+|-- App.vue
+|-- main.ts
+|-- api
+| |-- login
+| | |-- index.ts
+| |-- menu
+| |-- index.ts
+|-- assets
+| |-- ccflowRightNextAdmin.png
+| |-- login-bg.svg
+| |-- login-icon-two.svg
+| |-- login-main.svg
+| |-- logo-mini.svg
+|-- components
+| |-- iconSelector
+| | |-- index.vue
+| | |-- list.vue
+| |-- svgIcon
+| |-- index.vue
+| |-- authDirective.ts
+| |-- customDirective.ts
+| |-- index.ts
+|-- layout
+| |-- index.vue
+| |-- component
+| | |-- aside.vue
+| | |-- columnsAside.vue
+| | |-- header.vue
+| | |-- main.vue
+| |-- footer
+| | |-- index.vue
+| |-- lockScreen
+| | |-- index.vue
+| |-- logo
+| | |-- index.vue
+| |-- main
+| | |-- classic.vue
+| | |-- columns.vue
+| | |-- defaults.vue
+| | |-- transverse.vue
+| |-- navBars
+| | |-- index.vue
+| | |-- tagsView
+| | | |-- contextmenu.vue
+| | | |-- tagsView.vue
+| | |-- topBar
+| | |-- breadcrumb.vue
+| | |-- closeFull.vue
+| | |-- index.vue
+| | |-- search.vue
+| | |-- setings.vue
+| | |-- user.vue
+| |-- navMenu
+| | |-- horizontal.vue
+| | |-- subItem.vue
+| | |-- vertical.vue
+| |-- routerView
+| | |-- iframes.vue
+| | |-- link.vue
+| | |-- parent.vue
+| |-- sponsors
+| | |-- index.vue
+| |-- upgrade
+| |-- index.vue
+|-- router
+| |-- backEnd.ts
+| |-- frontEnd.ts
+| |-- index.ts
+| |-- route.ts
+|-- stores
+| |-- index.ts
+| |-- keepAliveNames.ts
+| |-- requestOldRoutes.ts
+| |-- routesList.ts
+| |-- tagsViewRoutes.ts
+| |-- themeConfig.ts
+| |-- userInfo.ts
+|-- theme
+| |-- app.scss
+| |-- dark.scss
+| |-- element.scss
+| |-- iconSelector.scss
+| |-- index.scss
+| |-- loading.scss
+| |-- other.scss
+| |-- tableTool.scss
+| |-- waves.scss
+| |-- common
+| | |-- transition.scss
+| |-- media
+| | |-- chart.scss
+| | |-- cityLinkage.scss
+| | |-- date.scss
+| | |-- dialog.scss
+| | |-- error.scss
+| | |-- form.scss
+| | |-- home.scss
+| | |-- index.scss
+| | |-- layout.scss
+| | |-- login.scss
+| | |-- media.scss
+| | |-- pagination.scss
+| | |-- personal.scss
+| | |-- scrollbar.scss
+| | |-- tagsView.scss
+| |-- mixins
+| |-- index.scss
+|-- types
+| |-- axios.d.ts
+| |-- global.d.ts
+| |-- layout.d.ts
+| |-- mitt.d.ts
+| |-- pinia.d.ts
+| |-- views.d.ts
+|-- utils
+| |-- arrayOperation.ts
+| |-- authFunction.ts
+| |-- build.ts
+| |-- commonFunction.ts
+| |-- formatTime.ts
+| |-- getStyleSheets.ts
+| |-- loading.ts
+| |-- mitt.ts
+| |-- other.ts
+| |-- request.ts
+| |-- setIconfont.ts
+| |-- storage.ts
+| |-- theme.ts
+| |-- toolsValidate.ts
+| |-- watermark.ts
+|-- views
+|-- error
+| |-- 401.vue
+| |-- 404.vue
+|-- home
+| |-- index.vue
+|-- login
+| |-- index.vue
+| |-- component
+| |-- account.vue
+| |-- mobile.vue
+| |-- scan.vue
+|-- system
+|-- dept
+| |-- dialog.vue
+| |-- index.vue
+|-- dic
+| |-- dialog.vue
+| |-- index.vue
+|-- menu
+| |-- dialog.vue
+| |-- index.vue
+|-- role
+| |-- dialog.vue
+| |-- index.vue
+|-- user
+|-- dialog.vue
+|-- index.vue

package/index.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+	<head>
+		<meta charset="utf-8" />
+		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta
+			name="keywords"
+			content="hs-admin"
+		/>
+		<meta
+			name="description"
+			content="hs-admin"
+		/>
+		<link rel="icon" href="/favicon.ico" />
+		<title>hs-admin</title>
+	</head>
+	<body>
+		<div id="app"></div>
+		<script type="text/javascript">
+			var _hmt = _hmt || [];
+			(function () {
+				var hm = document.createElement('script');
+				hm.src = 'https://hm.baidu.com/hm.js?d9c8b87d10717013641458b300c552e4';
+				var s = document.getElementsByTagName('script')[0];
+				s.parentNode.insertBefore(hm, s);
+			})();
+		</script>
+		<script type="module" src="/src/main.ts"></script>
+	</body>
+</html>

package/package.json

@@ -1,18 +1,25 @@
 {
 	"name": "hs-admin-ui",
-	"version": "1.0.5",
+	"version": "1.0.8",
 	"description": "vue3 + typescript5 + vite5 的框架",
 	"author": "wgd",
 	"private": false,
-	"main": "dist/umd.index.js",
-	"files": [
-		"dist/*"
-	],
+	"main": "./dist/umd/index.js",
+	"module": "./dist/index.js",
+	"exports": {
+		".": {
+			"import": "./dist/es/index.js",
+			"require": "./dist/umd/index.js"
+		},
+		"./dist/style.css": {
+			"import": "./dist/style.css",
+			"require": "./dist/style.css"
+		}
+	},
 	"scripts": {
 		"dev": "vite --force",
 		"build": "vite build",
-		"lint-fix": "eslint --fix --ext .js --ext .jsx --ext .vue src/",
-		"pub": "npm publish"
+		"lint-fix": "eslint --fix --ext .js --ext .jsx --ext .vue src/"
 	},
 	"dependencies": {
 		"@element-plus/icons-vue": "^2.3.1",
@@ -21,7 +28,6 @@
 		"default-passive-events": "^2.0.0",
 		"echarts": "^5.5.0",
 		"element-plus": "^2.5.6",
-		"hs-admin-ui": "^1.0.4",
 		"js-cookie": "^3.0.5",
 		"localforage": "^1.10.0",
 		"lodash": "^4.17.21",

package/postcss.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+    ...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {})
+  }
+};

package/src/App.vue

@@ -0,0 +1,88 @@
+<template>
+	<el-config-provider :size="getGlobalComponentSize" :locale="zhCn">
+		<!-- 路由 -->
+		<router-view v-show="setLockScreen" />
+		<!-- 锁屏 -->
+		<LockScreen v-if="themeConfig.isLockScreen" />
+		<!-- 设置 -->
+		<Setings ref="setingsRef" v-show="setLockScreen" />
+		<!-- 全屏 -->
+		<CloseFull v-if="!themeConfig.isLockScreen" />
+	</el-config-provider>
+</template>
+
+<script setup lang="ts" name="app">
+import { defineAsyncComponent, computed, ref, onBeforeMount, onMounted, onUnmounted, nextTick, watch } from 'vue';
+import { useRoute } from 'vue-router';
+import zhCn from 'element-plus/es/locale/lang/zh-cn';
+import { storeToRefs } from 'pinia';
+import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes';
+import { useThemeConfig } from '/@/stores/themeConfig';
+import other from '/@/utils/other';
+import { systemStore, Session } from '/@/utils';
+import mittBus from '/@/utils/mitt';
+import setIntroduction from '/@/utils/setIconfont';
+
+// 引入组件
+const LockScreen = defineAsyncComponent(() => import('/@/layout/lockScreen/index.vue'));
+const Setings = defineAsyncComponent(() => import('/@/layout/navBars/topBar/setings.vue'));
+const CloseFull = defineAsyncComponent(() => import('/@/layout/navBars/topBar/closeFull.vue'));
+
+// 定义变量内容
+const setingsRef = ref();
+const route = useRoute();
+const stores = useTagsViewRoutes();
+const storesThemeConfig = useThemeConfig();
+const { themeConfig } = storeToRefs(storesThemeConfig);
+
+// 设置锁屏时组件显示隐藏
+const setLockScreen = computed(() => {
+	// 防止锁屏后，刷新出现不相关界面
+	return themeConfig.value.isLockScreen ? themeConfig.value.lockScreenTime > 1 : themeConfig.value.lockScreenTime >= 0;
+});
+// 获取全局组件大小
+const getGlobalComponentSize = computed(() => {
+	return other.globalComponentSize();
+});
+// 设置初始化，防止刷新时恢复默认
+onBeforeMount(() => {
+	// 设置批量第三方 icon 图标
+	setIntroduction.cssCdn();
+	// 设置批量第三方 js
+	setIntroduction.jsCdn();
+});
+// 页面加载时
+onMounted(() => {
+	nextTick(async () => {
+		// 监听布局配'置弹窗点击打开
+		mittBus.on('openSetingsDrawer', () => {
+			setingsRef.value.openDrawer();
+		});
+		// 获取缓存中的布局配置
+		const themeConfig = await systemStore.get('themeConfig');
+		if (themeConfig) {
+			const themeConfigStyle = await systemStore.get('themeConfigStyle');
+			storesThemeConfig.setThemeConfig({ themeConfig });
+			document.documentElement.style.cssText = themeConfigStyle;
+		}
+		// 获取缓存中的全屏配置
+		if (Session.get('isTagsViewCurrenFull')) {
+			stores.setCurrenFullscreen(Session.get('isTagsViewCurrenFull'));
+		}
+	});
+});
+// 页面销毁时，关闭监听布局配置/i18n监听
+onUnmounted(() => {
+	mittBus.off('openSetingsDrawer', () => {});
+});
+// 监听路由的变化，设置网站标题
+watch(
+	() => route.path,
+	() => {
+		other.useTitle();
+	},
+	{
+		deep: true,
+	}
+);
+</script>

package/src/api/businessController/index.ts

@@ -0,0 +1,46 @@
+import request from '/@/utils/request';
+/**
+ * 追加标题到参数对象中
+ */
+const assign = (params: object, title: string) => {
+	return Object.assign(params, { other_log_info: { title } });
+};
+/**
+ * 接口分类: 业务相关操作接口 - BusinessController
+ * 接口名称: 根据菜单id和可以查询字段配置信息 - 接口地址: /scmp-web/business/get_business_field_config
+ * 请求方式: get
+ * @param  {[string]}  config_type  [配置类型] 是否必填:是
+ * @param  {[string]}  config_unique_id  [配置标识] 是否必填:是
+ * @param  {[string]}  menu_id  [菜单id] 是否必填:是
+ * @param  {[string]}  project_code  [所属系统] 是否必填:是
+ * @return   {[type]} [description]
+ */
+const getBusinessFieldConfig = <T>(params: object = {}): Promise<T> => {
+	params = assign(params, '根据菜单id和可以查询字段配置信息');
+	return request({
+		url: '/scmp-web/business/get_business_field_config',
+		method: 'get',
+		params,
+	});
+};
+/**
+ * 接口分类: 业务相关操作接口 - BusinessController
+ * 接口名称: 获取业务系统菜单列表（树形） - 接口地址: /scmp-web/business/get_business_menu_list
+ * 请求方式: get
+ * @param  {[string]}  project_code  [所属系统] 是否必填:是
+ * @return   {[type]} [description]
+ */
+const getBusinessMenuList = <T>(params: object = {}): Promise<T> => {
+	params = assign(params, '获取业务系统菜单列表（树形）');
+	return request({
+		url: '/scmp-web/business/get_business_menu_list',
+		method: 'get',
+		params,
+	});
+};
+export function useBusinessController() {
+	return {
+		getBusinessFieldConfig,
+		getBusinessMenuList,
+	};
+}