](http://godban.github.io/browsers-support-badges/)IE | [
](http://godban.github.io/browsers-support-badges/)Firefox | [
](http://godban.github.io/browsers-support-badges/)Chrome | [
](http://godban.github.io/browsers-support-badges/)Safari |
+| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
+| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
diff --git a/build/cdn.ts b/build/cdn.ts
new file mode 100644
index 0000000..d57587b
--- /dev/null
+++ b/build/cdn.ts
@@ -0,0 +1,56 @@
+import { Plugin as importToCDN } from "vite-plugin-cdn-import";
+
+/**
+ * @description 打包时采用`cdn`模式，仅限外网使用（默认不采用，如果需要采用cdn模式，请在 .env.production 文件，将 VITE_CDN 设置成true）
+ * 平台采用国内cdn：https://www.bootcdn.cn，当然你也可以选择 https://unpkg.com 或者 https://www.jsdelivr.com
+ * 提醒：mockjs不能用cdn模式引入，会报错。正确的方式是，生产环境删除mockjs，使用真实的后端请求
+ * 注意：上面提到的仅限外网使用也不是完全肯定的，如果你们公司内网部署的有相关js、css文件，也可以将下面配置对应改一下，整一套内网版cdn
+ */
+export const cdn = importToCDN({
+ //（prodUrl解释： name: 对应下面modules的name，version: 自动读取本地package.json中dependencies依赖中对应包的版本号，path: 对应下面modules的path，当然也可写完整路径，会替换prodUrl）
+ prodUrl: "https://cdn.bootcdn.net/ajax/libs/{name}/{version}/{path}",
+ modules: [
+ {
+ name: "vue",
+ var: "Vue",
+ path: "vue.global.prod.min.js"
+ },
+ {
+ name: "vue-router",
+ var: "VueRouter",
+ path: "vue-router.global.min.js"
+ },
+ // 项目中没有直接安装vue-demi，但是pinia用到了，所以需要在引入pinia前引入vue-demi（https://github.com/vuejs/pinia/blob/v2/packages/pinia/package.json#L77）
+ {
+ name: "vue-demi",
+ var: "VueDemi",
+ path: "index.iife.min.js"
+ },
+ {
+ name: "pinia",
+ var: "Pinia",
+ path: "pinia.iife.min.js"
+ },
+ {
+ name: "element-plus",
+ var: "ElementPlus",
+ path: "index.full.min.js",
+ css: "index.min.css"
+ },
+ {
+ name: "axios",
+ var: "axios",
+ path: "axios.min.js"
+ },
+ {
+ name: "dayjs",
+ var: "dayjs",
+ path: "dayjs.min.js"
+ },
+ {
+ name: "echarts",
+ var: "echarts",
+ path: "echarts.min.js"
+ }
+ ]
+});
diff --git a/build/compress.ts b/build/compress.ts
new file mode 100644
index 0000000..6178986
--- /dev/null
+++ b/build/compress.ts
@@ -0,0 +1,63 @@
+import type { Plugin } from "vite";
+import { isArray } from "@pureadmin/utils";
+import compressPlugin from "vite-plugin-compression";
+
+export const configCompressPlugin = (
+ compress: ViteCompression
+): Plugin | Plugin[] => {
+ if (compress === "none") return null;
+
+ const gz = {
+ // 生成的压缩包后缀
+ ext: ".gz",
+ // 体积大于threshold才会被压缩
+ threshold: 0,
+ // 默认压缩.js|mjs|json|css|html后缀文件，设置成true，压缩全部文件
+ filter: () => true,
+ // 压缩后是否删除原始文件
+ deleteOriginFile: false
+ };
+ const br = {
+ ext: ".br",
+ algorithm: "brotliCompress",
+ threshold: 0,
+ filter: () => true,
+ deleteOriginFile: false
+ };
+
+ const codeList = [
+ { k: "gzip", v: gz },
+ { k: "brotli", v: br },
+ { k: "both", v: [gz, br] }
+ ];
+
+ const plugins: Plugin[] = [];
+
+ codeList.forEach(item => {
+ if (compress.includes(item.k)) {
+ if (compress.includes("clear")) {
+ if (isArray(item.v)) {
+ item.v.forEach(vItem => {
+ plugins.push(
+ compressPlugin(Object.assign(vItem, { deleteOriginFile: true }))
+ );
+ });
+ } else {
+ plugins.push(
+ compressPlugin(Object.assign(item.v, { deleteOriginFile: true }))
+ );
+ }
+ } else {
+ if (isArray(item.v)) {
+ item.v.forEach(vItem => {
+ plugins.push(compressPlugin(vItem));
+ });
+ } else {
+ plugins.push(compressPlugin(item.v));
+ }
+ }
+ }
+ });
+
+ return plugins;
+};
diff --git a/build/index.ts b/build/index.ts
new file mode 100644
index 0000000..f125097
--- /dev/null
+++ b/build/index.ts
@@ -0,0 +1,31 @@
+/** 处理环境变量 */
+const warpperEnv = (envConf: Recordable): ViteEnv => {
+ /** 此处为默认值 */
+ const ret: ViteEnv = {
+ VITE_PORT: 8848,
+ VITE_PUBLIC_PATH: "",
+ VITE_ROUTER_HISTORY: "",
+ VITE_CDN: false,
+ VITE_HIDE_HOME: "false",
+ VITE_COMPRESSION: "none"
+ };
+
+ for (const envName of Object.keys(envConf)) {
+ let realName = envConf[envName].replace(/\\n/g, "\n");
+ realName =
+ realName === "true" ? true : realName === "false" ? false : realName;
+
+ if (envName === "VITE_PORT") {
+ realName = Number(realName);
+ }
+ ret[envName] = realName;
+ if (typeof realName === "string") {
+ process.env[envName] = realName;
+ } else if (typeof realName === "object") {
+ process.env[envName] = JSON.stringify(realName);
+ }
+ }
+ return ret;
+};
+
+export { warpperEnv };
diff --git a/build/info.ts b/build/info.ts
new file mode 100644
index 0000000..17e5f53
--- /dev/null
+++ b/build/info.ts
@@ -0,0 +1,45 @@
+import type { Plugin } from "vite";
+import dayjs, { Dayjs } from "dayjs";
+import utils from "@pureadmin/utils";
+import duration from "dayjs/plugin/duration";
+import { green, blue, bold } from "picocolors";
+dayjs.extend(duration);
+
+export function viteBuildInfo(): Plugin {
+ let config: { command: string };
+ let startTime: Dayjs;
+ let endTime: Dayjs;
+ let outDir: string;
+ return {
+ name: "vite:buildInfo",
+ configResolved(resolvedConfig) {
+ config = resolvedConfig;
+ outDir = resolvedConfig.build?.outDir ?? "dist";
+ },
+ buildStart() {
+ console.log(bold(green(`👏欢迎使用${blue("[tp-admin]")}`)));
+ if (config.command === "build") {
+ startTime = dayjs(new Date());
+ }
+ },
+ closeBundle() {
+ if (config.command === "build") {
+ endTime = dayjs(new Date());
+ utils.getPackageSize({
+ folder: outDir,
+ callback: (size: string) => {
+ console.log(
+ bold(
+ green(
+ `🎉恭喜打包完成（总用时${dayjs
+ .duration(endTime.diff(startTime))
+ .format("mm分ss秒")}，打包后的大小为${size}）`
+ )
+ )
+ );
+ }
+ });
+ }
+ }
+ };
+}
diff --git a/build/optimize.ts b/build/optimize.ts
new file mode 100644
index 0000000..eda7125
--- /dev/null
+++ b/build/optimize.ts
@@ -0,0 +1,30 @@
+/**
+ * 此文件作用于 `vite.config.ts` 的 `optimizeDeps.include` 依赖预构建配置项
+ * 依赖预构建，`vite` 启动时会将下面 include 里的模块，编译成 esm 格式并缓存到 node_modules/.vite 文件夹，页面加载到对应模块时如果浏览器有缓存就读取浏览器缓存，如果没有会读取本地缓存并按需加载
+ * 尤其当您禁用浏览器缓存时（这种情况只应该发生在调试阶段）必须将对应模块加入到 include里，否则会遇到开发环境切换页面卡顿的问题（vite 会认为它是一个新的依赖包会重新加载并强制刷新页面），因为它既无法使用浏览器缓存，又没有在本地 node_modules/.vite 里缓存
+ * 温馨提示：如果您使用的第三方库是全局引入，也就是引入到 src/main.ts 文件里，就不需要再添加到 include 里了，因为 vite 会自动将它们缓存到 node_modules/.vite
+ */
+const include = [
+ "qs",
+ "mitt",
+ "dayjs",
+ "axios",
+ "pinia",
+ "js-cookie",
+ "sortablejs",
+ "@vueuse/core",
+ "@pureadmin/utils",
+ "responsive-storage"
+];
+
+/**
+ * 在预构建中强制排除的依赖项
+ * 温馨提示：所有以 `@iconify-icons/` 开头引入的的本地图标模块，都应该加入到下面的 `exclude` 里，因为平台推荐的使用方式是哪里需要哪里引入而且都是单个的引入，不需要预构建，直接让浏览器加载就好
+ */
+const exclude = [
+ "@iconify-icons/ep",
+ "@iconify-icons/ri",
+ "@pureadmin/theme/dist/browser-utils"
+];
+
+export { include, exclude };
diff --git a/build/plugins.ts b/build/plugins.ts
new file mode 100644
index 0000000..896527b
--- /dev/null
+++ b/build/plugins.ts
@@ -0,0 +1,56 @@
+import { cdn } from "./cdn";
+import vue from "@vitejs/plugin-vue";
+import { viteBuildInfo } from "./info";
+import svgLoader from "vite-svg-loader";
+import vueJsx from "@vitejs/plugin-vue-jsx";
+import { viteMockServe } from "vite-plugin-mock";
+import { configCompressPlugin } from "./compress";
+// import ElementPlus from "unplugin-element-plus/vite";
+import { visualizer } from "rollup-plugin-visualizer";
+import removeConsole from "vite-plugin-remove-console";
+import themePreprocessorPlugin from "@pureadmin/theme";
+import { genScssMultipleScopeVars } from "../src/layout/theme";
+
+export function getPluginsList(
+ command: string,
+ VITE_CDN: boolean,
+ VITE_COMPRESSION: ViteCompression
+) {
+ const prodMock = true;
+ const lifecycle = process.env.npm_lifecycle_event;
+ return [
+ vue(),
+ // jsx、tsx语法支持
+ vueJsx(),
+ VITE_CDN ? cdn : null,
+ configCompressPlugin(VITE_COMPRESSION),
+ // 线上环境删除console
+ removeConsole({ external: ["src/assets/iconfont/iconfont.js"] }),
+ viteBuildInfo(),
+ // 自定义主题
+ themePreprocessorPlugin({
+ scss: {
+ multipleScopeVars: genScssMultipleScopeVars(),
+ extract: true
+ }
+ }),
+ // svg组件化支持
+ svgLoader(),
+ // ElementPlus({}),
+ // mock支持
+ viteMockServe({
+ mockPath: "mock",
+ localEnabled: command === "serve",
+ prodEnabled: command !== "serve" && prodMock,
+ injectCode: `
+ import { setupProdMockServer } from './mockProdServer';
+ setupProdMockServer();
+ `,
+ logger: false
+ }),
+ // 打包分析
+ lifecycle === "report"
+ ? visualizer({ open: true, brotliSize: true, filename: "report.html" })
+ : null
+ ];
+}
diff --git a/commitlint.config.js b/commitlint.config.js
new file mode 100644
index 0000000..71bc373
--- /dev/null
+++ b/commitlint.config.js
@@ -0,0 +1,32 @@
+module.exports = {
+ ignores: [commit => commit.includes("init")],
+ extends: ["@commitlint/config-conventional"],
+ rules: {
+ "body-leading-blank": [2, "always"],
+ "footer-leading-blank": [1, "always"],
+ "header-max-length": [2, "always", 108],
+ "subject-empty": [2, "never"],
+ "type-empty": [2, "never"],
+ "type-enum": [
+ 2,
+ "always",
+ [
+ "feat",
+ "fix",
+ "perf",
+ "style",
+ "docs",
+ "test",
+ "refactor",
+ "build",
+ "ci",
+ "chore",
+ "revert",
+ "wip",
+ "workflow",
+ "types",
+ "release"
+ ]
+ ]
+ }
+};
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..f7f6135
--- /dev/null
+++ b/index.html
@@ -0,0 +1,87 @@
+
+
+
+
+
+
+
+
+ {{ options?.title }}
+
+
+
+
+
+ );
+ }
+});
diff --git a/src/components/RePureTableBar/src/svg/collapse.svg b/src/components/RePureTableBar/src/svg/collapse.svg
new file mode 100644
index 0000000..d84f870
--- /dev/null
+++ b/src/components/RePureTableBar/src/svg/collapse.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/components/RePureTableBar/src/svg/drag.svg b/src/components/RePureTableBar/src/svg/drag.svg
new file mode 100644
index 0000000..8c37370
--- /dev/null
+++ b/src/components/RePureTableBar/src/svg/drag.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/components/RePureTableBar/src/svg/expand.svg b/src/components/RePureTableBar/src/svg/expand.svg
new file mode 100644
index 0000000..dbbd4ed
--- /dev/null
+++ b/src/components/RePureTableBar/src/svg/expand.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/components/RePureTableBar/src/svg/refresh.svg b/src/components/RePureTableBar/src/svg/refresh.svg
new file mode 100644
index 0000000..140288c
--- /dev/null
+++ b/src/components/RePureTableBar/src/svg/refresh.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/components/RePureTableBar/src/svg/settings.svg b/src/components/RePureTableBar/src/svg/settings.svg
new file mode 100644
index 0000000..be23a0b
--- /dev/null
+++ b/src/components/RePureTableBar/src/svg/settings.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/components/VideoPlayer/MyPlayer.vue b/src/components/VideoPlayer/MyPlayer.vue
new file mode 100644
index 0000000..3c196b2
--- /dev/null
+++ b/src/components/VideoPlayer/MyPlayer.vue
@@ -0,0 +1,48 @@
+
+
+
+
+
diff --git a/src/components/VideoPlayer/OurPlayer.vue b/src/components/VideoPlayer/OurPlayer.vue
new file mode 100644
index 0000000..71e3da9
--- /dev/null
+++ b/src/components/VideoPlayer/OurPlayer.vue
@@ -0,0 +1,79 @@
+
+
+ {slots?.title ? (
+ slots.title()
+ ) : (
+
+ {slots.default({
+ size: size.value,
+ dynamicColumns: dynamicColumns.value
+ })}
+ {props.title}
+ )} +
+ {slots?.buttons ? (
+
+ onExpand()}
+ />
+
+
+ onReFresh()}
+ />
+
+
+
+
+
+
+
+
+
+ {slots.buttons()}
+ ) : null}
+ {props.tableRef?.size ? (
+ <>
+
+ handleCheckAllChange(value)}
+ />
+ onReset()}>
+ 重置
+
+
+
+
+ handleCheckedColumnsChange(value)}
+ >
+
+ {checkColumnList.map(item => {
+ return (
+
+
+
+
+ void;
+ }) => rowDrop(event)}
+ />
+
+ handleCheckColumnListChange(value, item)
+ }
+ >
+
+ {item}
+
+
+
+ );
+ })}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/config/index.ts b/src/config/index.ts
new file mode 100644
index 0000000..4cd3016
--- /dev/null
+++ b/src/config/index.ts
@@ -0,0 +1,55 @@
+import { App } from "vue";
+import axios from "axios";
+
+let config: object = {};
+const { VITE_PUBLIC_PATH } = import.meta.env;
+
+const setConfig = (cfg?: unknown) => {
+ config = Object.assign(config, cfg);
+};
+
+const getConfig = (key?: string): ServerConfigs => {
+ if (typeof key === "string") {
+ const arr = key.split(".");
+ if (arr && arr.length) {
+ let data = config;
+ arr.forEach(v => {
+ if (data && typeof data[v] !== "undefined") {
+ data = data[v];
+ } else {
+ data = null;
+ }
+ });
+ return data;
+ }
+ }
+ return config;
+};
+
+/** 获取项目动态全局配置 */
+export const getServerConfig = async (app: App): Promise
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/components/notice/data.ts b/src/layout/components/notice/data.ts
new file mode 100644
index 0000000..14c7560
--- /dev/null
+++ b/src/layout/components/notice/data.ts
@@ -0,0 +1,146 @@
+export interface ListItem {
+ avatar: string;
+ title: string;
+ datetime: string;
+ type: string;
+ description: string;
+ status?: "" | "success" | "warning" | "info" | "danger";
+ extra?: string;
+}
+
+export interface TabItem {
+ key: string;
+ name: string;
+ list: ListItem[];
+}
+
+export const noticesData: TabItem[] = [
+ {
+ key: "1",
+ name: "通知",
+ list: [
+ {
+ avatar:
+ "https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",
+ title: "你收到了 12 份新周报",
+ datetime: "一年前",
+ description: "",
+ type: "1"
+ },
+ {
+ avatar:
+ "https://gw.alipayobjects.com/zos/rmsportal/OKJXDXrmkNshAMvwtvhu.png",
+ title: "你推荐的 前端高手 已通过第三轮面试",
+ datetime: "一年前",
+ description: "",
+ type: "1"
+ },
+ {
+ avatar:
+ "https://gw.alipayobjects.com/zos/rmsportal/kISTdvpyTAhtGxpovNWd.png",
+ title: "这种模板可以区分多种通知类型",
+ datetime: "一年前",
+ description: "",
+ type: "1"
+ },
+ {
+ avatar:
+ "https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",
+ title:
+ "展示标题内容超过一行后的处理方式，如果内容超过1行将自动截断并支持tooltip显示完整标题。",
+ datetime: "一年前",
+ description: "",
+ type: "1"
+ },
+ {
+ avatar:
+ "https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",
+ title: "左侧图标用于区分不同的类型",
+ datetime: "一年前",
+ description: "",
+ type: "1"
+ },
+ {
+ avatar:
+ "https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",
+ title: "左侧图标用于区分不同的类型",
+ datetime: "一年前",
+ description: "",
+ type: "1"
+ }
+ ]
+ },
+ {
+ key: "2",
+ name: "消息",
+ list: [
+ {
+ avatar:
+ "https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg",
+ title: "李白 评论了你",
+ description: "长风破浪会有时,直挂云帆济沧海",
+ datetime: "一年前",
+ type: "2"
+ },
+ {
+ avatar:
+ "https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg",
+ title: "李白 回复了你",
+ description: "行路难，行路难，多歧路，今安在。",
+ datetime: "一年前",
+ type: "2"
+ },
+ {
+ avatar:
+ "https://gw.alipayobjects.com/zos/rmsportal/fcHMVNCjPOsbUGdEduuv.jpeg",
+ title: "标题",
+ description:
+ "请将鼠标移动到此处，以便测试超长的消息在此处将如何处理。本例中设置的描述最大行数为2，超过2行的描述内容将被省略并且可以通过tooltip查看完整内容",
+ datetime: "一年前",
+ type: "2"
+ }
+ ]
+ },
+ {
+ key: "3",
+ name: "代办",
+ list: [
+ {
+ avatar: "",
+ title: "任务名称",
+ description: "任务需要在 2022-11-16 20:00 前启动",
+ datetime: "",
+ extra: "未开始",
+ status: "info",
+ type: "3"
+ },
+ {
+ avatar: "",
+ title: "第三方紧急代码变更",
+ description:
+ "一拳提交于 2022-11-16，需在 2022-11-18 前完成代码变更任务",
+ datetime: "",
+ extra: "马上到期",
+ status: "danger",
+ type: "3"
+ },
+ {
+ avatar: "",
+ title: "信息安全考试",
+ description: "指派小仙于 2022-12-12 前完成更新并发布",
+ datetime: "",
+ extra: "已耗时 8 天",
+ status: "warning",
+ type: "3"
+ },
+ {
+ avatar: "",
+ title: "vue-pure-admin 版本发布",
+ description: "vue-pure-admin 版本发布",
+ datetime: "",
+ extra: "进行中",
+ type: "3"
+ }
+ ]
+ }
+];
diff --git a/src/layout/components/notice/index.vue b/src/layout/components/notice/index.vue
new file mode 100644
index 0000000..3a37720
--- /dev/null
+++ b/src/layout/components/notice/index.vue
@@ -0,0 +1,88 @@
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+ {{ username }}
+ + +
+
+
+
+
+
+
+
diff --git a/src/layout/components/notice/noticeList.vue b/src/layout/components/notice/noticeList.vue
new file mode 100644
index 0000000..109cd1a
--- /dev/null
+++ b/src/layout/components/notice/noticeList.vue
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+
+
+
+ {{ props.noticeItem?.extra }}
+
+
+
+
+ {{ props.noticeItem.title }}
+
+
+ {{ props.noticeItem.description }}
+
+
+ {{ props.noticeItem.datetime }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/components/search/components/SearchFooter.vue b/src/layout/components/search/components/SearchFooter.vue
new file mode 100644
index 0000000..80165de
--- /dev/null
+++ b/src/layout/components/search/components/SearchFooter.vue
@@ -0,0 +1,62 @@
+
+
+
+
+
+
+
diff --git a/src/layout/components/search/components/SearchModal.vue b/src/layout/components/search/components/SearchModal.vue
new file mode 100644
index 0000000..7d1b4c5
--- /dev/null
+++ b/src/layout/components/search/components/SearchModal.vue
@@ -0,0 +1,191 @@
+
+
+
+
+
+
+
+
+
+
+ 项目配置
+ +
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/components/search/components/index.ts b/src/layout/components/search/components/index.ts
new file mode 100644
index 0000000..6e895d9
--- /dev/null
+++ b/src/layout/components/search/components/index.ts
@@ -0,0 +1,3 @@
+import SearchModal from "./SearchModal.vue";
+
+export { SearchModal };
diff --git a/src/layout/components/search/index.vue b/src/layout/components/search/index.vue
new file mode 100644
index 0000000..bfd9c63
--- /dev/null
+++ b/src/layout/components/search/index.vue
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+ -
+
- + + + +
- + + + +
- + + + +
-
+
-
+
+ ++
+
-
+
-
+ 灰色模式
+
+
+ -
+ 色弱模式
+
+
+ -
+ 隐藏标签页
+
+
+ -
+ 侧边栏Logo
+
+
+ -
+ 标签页持久化
+
+
+
+ -
+ 标签风格
+
+ +卡片 +灵动 +
+
+
+
diff --git a/src/layout/components/sidebar/horizontal.vue b/src/layout/components/sidebar/horizontal.vue
new file mode 100644
index 0000000..1271998
--- /dev/null
+++ b/src/layout/components/sidebar/horizontal.vue
@@ -0,0 +1,105 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/components/sidebar/leftCollapse.vue b/src/layout/components/sidebar/leftCollapse.vue
new file mode 100644
index 0000000..c4bd0a5
--- /dev/null
+++ b/src/layout/components/sidebar/leftCollapse.vue
@@ -0,0 +1,71 @@
+
+
+
+
+ 
+ {{ title }}
+
+
+ {{ title }}
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+ {{ username }}
+ + +
+
+
+
+
+
+
diff --git a/src/layout/components/sidebar/logo.vue b/src/layout/components/sidebar/logo.vue
new file mode 100644
index 0000000..9dec792
--- /dev/null
+++ b/src/layout/components/sidebar/logo.vue
@@ -0,0 +1,71 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/components/sidebar/mixNav.vue b/src/layout/components/sidebar/mixNav.vue
new file mode 100644
index 0000000..31dd25f
--- /dev/null
+++ b/src/layout/components/sidebar/mixNav.vue
@@ -0,0 +1,138 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/components/sidebar/sidebarItem.vue b/src/layout/components/sidebar/sidebarItem.vue
new file mode 100644
index 0000000..79d7f0e
--- /dev/null
+++ b/src/layout/components/sidebar/sidebarItem.vue
@@ -0,0 +1,316 @@
+
+
+
+
+
+
+
+ {{ route.meta.title }}
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+ {{ username }}
+ + +
+
+ {{ onlyOneChild.meta.title }}
+
+
+
+ {{ onlyOneChild.meta.title }}
+
+
+ {{ onlyOneChild.meta.title }}
+
+
+
+
+
+
+
+ {{ props.item.meta.title }}
+
+
+ {{ overflowSlice(props.item.meta.title, props.item) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/components/tag/index.scss b/src/layout/components/tag/index.scss
new file mode 100644
index 0000000..e8d8795
--- /dev/null
+++ b/src/layout/components/tag/index.scss
@@ -0,0 +1,295 @@
+@keyframes schedule-in-width {
+ from {
+ width: 0;
+ }
+
+ to {
+ width: 100%;
+ }
+}
+
+@keyframes schedule-out-width {
+ from {
+ width: 100%;
+ }
+
+ to {
+ width: 0;
+ }
+}
+
+@keyframes rotate {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes close {
+ from {
+ transform: translate(-50%, -50%);
+ }
+
+ to {
+ transform: translate(0, -50%);
+ }
+}
+
+.tags-view {
+ position: relative;
+ display: flex;
+ align-items: center;
+ width: 100%;
+ font-size: 14px;
+ color: var(--el-text-color-primary);
+ background: #fff;
+ box-shadow: 0 0 1px #888;
+
+ .scroll-item {
+ position: relative;
+ display: inline-block;
+ height: 28px;
+ padding: 0 6px;
+ margin-right: 4px;
+ line-height: 28px;
+ cursor: pointer;
+ border-radius: 3px 3px 0 0;
+ box-shadow: 0 0 1px #888;
+ transition: all 0.4s;
+
+ .el-icon-close {
+ position: absolute;
+ top: 50%;
+ font-size: 10px;
+ color: var(--el-color-primary);
+ cursor: pointer;
+ transition: font-size 0.2s;
+ transform: translate(-50%, -50%);
+
+ &:hover {
+ font-size: 13px;
+ color: #fff;
+ background: #b4bccc;
+ border-radius: 50%;
+ }
+ }
+
+ &.is-closable:not(:first-child) {
+ &:hover {
+ padding-right: 18px;
+
+ &:not(.is-active) {
+ .el-icon-close {
+ animation: close 200ms ease-in forwards;
+ }
+ }
+ }
+ }
+ }
+
+ a {
+ padding: 0 4px;
+ color: var(--el-text-color-primary);
+ text-decoration: none;
+ }
+
+ .scroll-container {
+ position: relative;
+ flex: 1;
+ padding: 5px 0;
+ overflow: hidden;
+ white-space: nowrap;
+
+ .tab {
+ position: relative;
+ float: left;
+ overflow: visible;
+ white-space: nowrap;
+ list-style: none;
+ transition: transform 0.5s ease-in-out;
+
+ .scroll-item {
+ transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+
+ &:nth-child(1) {
+ margin-left: 5px;
+ }
+ }
+ }
+ }
+
+ /* 右键菜单 */
+ .contextmenu {
+ position: absolute;
+ padding: 5px 0;
+ margin: 0;
+ font-size: 13px;
+ font-weight: normal;
+ color: var(--el-text-color-primary);
+ white-space: nowrap;
+ list-style-type: none;
+ background: #fff;
+ border-radius: 4px;
+ outline: 0;
+ box-shadow: 0 2px 8px rgb(0 0 0 / 15%);
+
+ li {
+ display: flex;
+ align-items: center;
+ width: 100%;
+ padding: 7px 12px;
+ margin: 0;
+ cursor: pointer;
+
+ &:hover {
+ color: var(--el-color-primary);
+ }
+
+ svg {
+ display: block;
+ margin-right: 0.5em;
+ }
+ }
+ }
+}
+
+.el-dropdown-menu {
+ li {
+ display: flex;
+ align-items: center;
+ width: 100%;
+ margin: 0;
+ cursor: pointer;
+
+ svg {
+ display: block;
+ margin-right: 0.5em;
+ }
+ }
+}
+
+.el-dropdown-menu__item:not(.is-disabled):hover {
+ color: #606266;
+ background: #f0f0f0;
+}
+
+:deep(.el-dropdown-menu__item) i {
+ margin-right: 10px;
+}
+
+:deep(.el-dropdown-menu__item--divided) {
+ margin: 1px 0;
+}
+
+.el-dropdown-menu__item--divided::before {
+ margin: 0;
+}
+
+.el-dropdown-menu__item.is-disabled {
+ cursor: not-allowed;
+}
+
+.scroll-item.is-active {
+ position: relative;
+ color: #fff;
+
+ &:not(:first-child) {
+ padding-right: 18px;
+ }
+
+ .el-icon-close {
+ transform: translate(0, -50%);
+ }
+
+ a {
+ color: var(--el-color-primary) !important;
+ }
+}
+
+.arrow-left,
+.arrow-right,
+.arrow-down {
+ position: relative;
+ width: 40px;
+ height: 38px;
+ color: var(--el-text-color-primary);
+
+ svg {
+ position: absolute;
+ left: 50%;
+ width: 20px;
+ height: 20px;
+ transform: translate(-50%, 50%);
+ }
+}
+
+.arrow-left {
+ box-shadow: 5px 0 5px -6px #ccc;
+
+ &:hover {
+ cursor: w-resize;
+ }
+}
+
+.arrow-right {
+ border-right: 0.5px solid #ccc;
+ box-shadow: -5px 0 5px -6px #ccc;
+
+ &:hover {
+ cursor: e-resize;
+ }
+}
+
+/* 卡片模式下鼠标移入显示蓝色边框 */
+.card-in {
+ color: var(--el-color-primary);
+
+ a {
+ color: var(--el-color-primary);
+ }
+}
+
+/* 卡片模式下鼠标移出隐藏蓝色边框 */
+.card-out {
+ color: #666;
+ border: none;
+
+ a {
+ color: #666;
+ }
+}
+
+/* 灵动模式 */
+.schedule-active {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 2px;
+ background: var(--el-color-primary);
+}
+
+/* 灵动模式下鼠标移入显示蓝色进度条 */
+.schedule-in {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 2px;
+ background: var(--el-color-primary);
+ animation: schedule-in-width 200ms ease-in;
+}
+
+/* 灵动模式下鼠标移出隐藏蓝色进度条 */
+.schedule-out {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 0;
+ height: 2px;
+ background: var(--el-color-primary);
+ animation: schedule-out-width 200ms ease-in;
+}
diff --git a/src/layout/components/tag/index.vue b/src/layout/components/tag/index.vue
new file mode 100644
index 0000000..5957f29
--- /dev/null
+++ b/src/layout/components/tag/index.vue
@@ -0,0 +1,611 @@
+
+
+
+
+
+
+
diff --git a/src/layout/frameView.vue b/src/layout/frameView.vue
new file mode 100644
index 0000000..c9ae808
--- /dev/null
+++ b/src/layout/frameView.vue
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/layout/hooks/useBoolean.ts b/src/layout/hooks/useBoolean.ts
new file mode 100644
index 0000000..1d14031
--- /dev/null
+++ b/src/layout/hooks/useBoolean.ts
@@ -0,0 +1,26 @@
+import { ref } from "vue";
+
+export function useBoolean(initValue = false) {
+ const bool = ref(initValue);
+
+ function setBool(value: boolean) {
+ bool.value = value;
+ }
+ function setTrue() {
+ setBool(true);
+ }
+ function setFalse() {
+ setBool(false);
+ }
+ function toggle() {
+ setBool(!bool.value);
+ }
+
+ return {
+ bool,
+ setBool,
+ setTrue,
+ setFalse,
+ toggle
+ };
+}
diff --git a/src/layout/hooks/useDataThemeChange.ts b/src/layout/hooks/useDataThemeChange.ts
new file mode 100644
index 0000000..6a08b6d
--- /dev/null
+++ b/src/layout/hooks/useDataThemeChange.ts
@@ -0,0 +1,106 @@
+import { ref } from "vue";
+import { getConfig } from "@/config";
+import { useLayout } from "./useLayout";
+import { themeColorsType } from "../types";
+import { useGlobal } from "@pureadmin/utils";
+import { useEpThemeStoreHook } from "@/store/modules/epTheme";
+import {
+ darken,
+ lighten,
+ toggleTheme
+} from "@pureadmin/theme/dist/browser-utils";
+
+export function useDataThemeChange() {
+ const { layoutTheme, layout } = useLayout();
+ const themeColors = ref
+
+
+
+
+
diff --git a/src/layout/redirect.vue b/src/layout/redirect.vue
new file mode 100644
index 0000000..6e16339
--- /dev/null
+++ b/src/layout/redirect.vue
@@ -0,0 +1,24 @@
+
+
+
+
+
diff --git a/src/layout/theme/index.ts b/src/layout/theme/index.ts
new file mode 100644
index 0000000..6180ab6
--- /dev/null
+++ b/src/layout/theme/index.ts
@@ -0,0 +1,132 @@
+/**
+ * @description ⚠️：此文件仅供主题插件使用，请不要在此文件中导出别的工具函数（仅在页面加载前运行）
+ */
+
+import { type multipleScopeVarsOptions } from "@pureadmin/theme";
+
+/** 预设主题色 */
+const themeColors = {
+ default: {
+ subMenuActiveText: "#fff",
+ menuBg: "#001529",
+ menuHover: "#4091f7",
+ subMenuBg: "#0f0303",
+ subMenuActiveBg: "#4091f7",
+ menuText: "rgb(254 254 254 / 65%)",
+ sidebarLogo: "#002140",
+ menuTitleHover: "#fff",
+ menuActiveBefore: "#4091f7"
+ },
+ light: {
+ subMenuActiveText: "#409eff",
+ menuBg: "#fff",
+ menuHover: "#e0ebf6",
+ subMenuBg: "#fff",
+ subMenuActiveBg: "#e0ebf6",
+ menuText: "#7a80b4",
+ sidebarLogo: "#fff",
+ menuTitleHover: "#000",
+ menuActiveBefore: "#4091f7"
+ },
+ dusk: {
+ subMenuActiveText: "#fff",
+ menuBg: "#2a0608",
+ menuHover: "#e13c39",
+ subMenuBg: "#000",
+ subMenuActiveBg: "#e13c39",
+ menuText: "rgb(254 254 254 / 65.1%)",
+ sidebarLogo: "#42090c",
+ menuTitleHover: "#fff",
+ menuActiveBefore: "#e13c39"
+ },
+ volcano: {
+ subMenuActiveText: "#fff",
+ menuBg: "#2b0e05",
+ menuHover: "#e85f33",
+ subMenuBg: "#0f0603",
+ subMenuActiveBg: "#e85f33",
+ menuText: "rgb(254 254 254 / 65%)",
+ sidebarLogo: "#441708",
+ menuTitleHover: "#fff",
+ menuActiveBefore: "#e85f33"
+ },
+ yellow: {
+ subMenuActiveText: "#d25f00",
+ menuBg: "#2b2503",
+ menuHover: "#f6da4d",
+ subMenuBg: "#0f0603",
+ subMenuActiveBg: "#f6da4d",
+ menuText: "rgb(254 254 254 / 65%)",
+ sidebarLogo: "#443b05",
+ menuTitleHover: "#fff",
+ menuActiveBefore: "#f6da4d"
+ },
+ mingQing: {
+ subMenuActiveText: "#fff",
+ menuBg: "#032121",
+ menuHover: "#59bfc1",
+ subMenuBg: "#000",
+ subMenuActiveBg: "#59bfc1",
+ menuText: "#7a80b4",
+ sidebarLogo: "#053434",
+ menuTitleHover: "#fff",
+ menuActiveBefore: "#59bfc1"
+ },
+ auroraGreen: {
+ subMenuActiveText: "#fff",
+ menuBg: "#0b1e15",
+ menuHover: "#60ac80",
+ subMenuBg: "#000",
+ subMenuActiveBg: "#60ac80",
+ menuText: "#7a80b4",
+ sidebarLogo: "#112f21",
+ menuTitleHover: "#fff",
+ menuActiveBefore: "#60ac80"
+ },
+ pink: {
+ subMenuActiveText: "#fff",
+ menuBg: "#28081a",
+ menuHover: "#d84493",
+ subMenuBg: "#000",
+ subMenuActiveBg: "#d84493",
+ menuText: "#7a80b4",
+ sidebarLogo: "#3f0d29",
+ menuTitleHover: "#fff",
+ menuActiveBefore: "#d84493"
+ },
+ saucePurple: {
+ subMenuActiveText: "#fff",
+ menuBg: "#130824",
+ menuHover: "#693ac9",
+ subMenuBg: "#000",
+ subMenuActiveBg: "#693ac9",
+ menuText: "#7a80b4",
+ sidebarLogo: "#1f0c38",
+ menuTitleHover: "#fff",
+ menuActiveBefore: "#693ac9"
+ }
+};
+
+/**
+ * @description 将预设主题色处理成主题插件所需格式
+ */
+export const genScssMultipleScopeVars = (): multipleScopeVarsOptions[] => {
+ const result = [] as multipleScopeVarsOptions[];
+ Object.keys(themeColors).forEach(key => {
+ result.push({
+ scopeName: `layout-theme-${key}`,
+ varsContent: `
+ $subMenuActiveText: ${themeColors[key].subMenuActiveText} !default;
+ $menuBg: ${themeColors[key].menuBg} !default;
+ $menuHover: ${themeColors[key].menuHover} !default;
+ $subMenuBg: ${themeColors[key].subMenuBg} !default;
+ $subMenuActiveBg: ${themeColors[key].subMenuActiveBg} !default;
+ $menuText: ${themeColors[key].menuText} !default;
+ $sidebarLogo: ${themeColors[key].sidebarLogo} !default;
+ $menuTitleHover: ${themeColors[key].menuTitleHover} !default;
+ $menuActiveBefore: ${themeColors[key].menuActiveBefore} !default;
+ `
+ } as multipleScopeVarsOptions);
+ });
+ return result;
+};
diff --git a/src/layout/types.ts b/src/layout/types.ts
new file mode 100644
index 0000000..3038129
--- /dev/null
+++ b/src/layout/types.ts
@@ -0,0 +1,91 @@
+import type { IconifyIcon } from "@iconify/vue";
+const { VITE_HIDE_HOME } = import.meta.env;
+
+export const routerArrays: Array
+
+
+
+
+
+
+
+
+ { + return this.request
("post", url, params, config);
+ }
+
+ /** 单独抽离的get工具函数 */
+ public get {
+ return this.request ("get", url, params, config);
+ }
+}
+
+export const http = new PureHttp();
diff --git a/src/utils/http/types.d.ts b/src/utils/http/types.d.ts
new file mode 100644
index 0000000..197b152
--- /dev/null
+++ b/src/utils/http/types.d.ts
@@ -0,0 +1,47 @@
+import Axios, {
+ Method,
+ AxiosError,
+ AxiosResponse,
+ AxiosRequestConfig
+} from "axios";
+
+export type resultType = {
+ accessToken?: string;
+};
+
+export type RequestMethods = Extract<
+ Method,
+ "get" | "post" | "put" | "delete" | "patch" | "option" | "head"
+>;
+
+export interface PureHttpError extends AxiosError {
+ isCancelRequest?: boolean;
+}
+
+export interface PureHttpResponse extends AxiosResponse {
+ config: PureHttpRequestConfig;
+}
+
+export interface PureHttpRequestConfig extends AxiosRequestConfig {
+ beforeRequestCallback?: (request: PureHttpRequestConfig) => void;
+ beforeResponseCallback?: (response: PureHttpResponse) => void;
+}
+
+export default class PureHttp {
+ request ;
+ get ;
+}
diff --git a/src/utils/message.ts b/src/utils/message.ts
new file mode 100644
index 0000000..54b100f
--- /dev/null
+++ b/src/utils/message.ts
@@ -0,0 +1,85 @@
+import { type VNode } from "vue";
+import { isFunction } from "@pureadmin/utils";
+import { type MessageHandler, ElMessage } from "element-plus";
+
+type messageStyle = "el" | "antd";
+type messageTypes = "info" | "success" | "warning" | "error";
+
+interface MessageParams {
+ /** 消息类型，可选 `info` 、`success` 、`warning` 、`error` ，默认 `info` */
+ type?: messageTypes;
+ /** 自定义图标，该属性会覆盖 `type` 的图标 */
+ icon?: any;
+ /** 是否将 `message` 属性作为 `HTML` 片段处理，默认 `false` */
+ dangerouslyUseHTMLString?: boolean;
+ /** 消息风格，可选 `el` 、`antd` ，默认 `antd` */
+ customClass?: messageStyle;
+ /** 显示时间，单位为毫秒。设为 `0` 则不会自动关闭，`element-plus` 默认是 `3000` ，平台改成默认 `2000` */
+ duration?: number;
+ /** 是否显示关闭按钮，默认值 `false` */
+ showClose?: boolean;
+ /** 文字是否居中，默认值 `false` */
+ center?: boolean;
+ /** `Message` 距离窗口顶部的偏移量，默认 `20` */
+ offset?: number;
+ /** 设置组件的根元素，默认 `document.body` */
+ appendTo?: string | HTMLElement;
+ /** 合并内容相同的消息，不支持 `VNode` 类型的消息，默认值 `false` */
+ grouping?: boolean;
+ /** 关闭时的回调函数, 参数为被关闭的 `message` 实例 */
+ onClose?: Function | null;
+}
+
+/** 用法非常简单，参考 src/views/components/message/index.vue 文件 */
+
+/**
+ * `Message` 消息提示函数
+ */
+const message = (
+ message: string | VNode | (() => VNode),
+ params?: MessageParams
+): MessageHandler => {
+ if (!params) {
+ return ElMessage({
+ message,
+ customClass: "pure-message"
+ });
+ } else {
+ const {
+ icon,
+ type = "info",
+ dangerouslyUseHTMLString = false,
+ customClass = "antd",
+ duration = 2000,
+ showClose = false,
+ center = false,
+ offset = 20,
+ appendTo = document.body,
+ grouping = false,
+ onClose
+ } = params;
+
+ return ElMessage({
+ message,
+ type,
+ icon,
+ dangerouslyUseHTMLString,
+ duration,
+ showClose,
+ center,
+ offset,
+ appendTo,
+ grouping,
+ // 全局搜 pure-message 即可知道该类的样式位置
+ customClass: customClass === "antd" ? "pure-message" : "",
+ onClose: () => (isFunction(onClose) ? onClose() : null)
+ });
+ }
+};
+
+/**
+ * 关闭所有 `Message` 消息提示函数
+ */
+const closeAllMessage = (): void => ElMessage.closeAll();
+
+export { message, closeAllMessage };
diff --git a/src/utils/mitt.ts b/src/utils/mitt.ts
new file mode 100644
index 0000000..63816f1
--- /dev/null
+++ b/src/utils/mitt.ts
@@ -0,0 +1,13 @@
+import type { Emitter } from "mitt";
+import mitt from "mitt";
+
+/** 全局公共事件需要在此处添加类型 */
+type Events = {
+ openPanel: string;
+ tagViewsChange: string;
+ tagViewsShowModel: string;
+ logoChange: boolean;
+ changLayoutRoute: string;
+};
+
+export const emitter: Emitter
+ 页面开发中，敬请期待。
+
+
+
+ 403
+
+ 抱歉，你无权访问该页面
+
+ 404
+
+ 抱歉，你访问的页面不存在
+
+ 500
+
+ 抱歉，服务器出错了
+
+ 部门列表
+
+
+
+
+
diff --git a/src/views/error/400.vue b/src/views/error/400.vue
new file mode 100644
index 0000000..557216b
--- /dev/null
+++ b/src/views/error/400.vue
@@ -0,0 +1,53 @@
+
+
+
+ 
+
+
+
+
+
+
diff --git a/src/views/error/403.vue b/src/views/error/403.vue
new file mode 100644
index 0000000..9ca34a1
--- /dev/null
+++ b/src/views/error/403.vue
@@ -0,0 +1,72 @@
+
+
+
+
+
+
+
diff --git a/src/views/error/404.vue b/src/views/error/404.vue
new file mode 100644
index 0000000..fbf01d0
--- /dev/null
+++ b/src/views/error/404.vue
@@ -0,0 +1,70 @@
+
+
+
+
+
+
+
+
diff --git a/src/views/error/500.vue b/src/views/error/500.vue
new file mode 100644
index 0000000..da672b4
--- /dev/null
+++ b/src/views/error/500.vue
@@ -0,0 +1,70 @@
+
+
+
+
+
+
+
+
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
new file mode 100644
index 0000000..bf3cd5b
--- /dev/null
+++ b/src/views/login/index.vue
@@ -0,0 +1,178 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/login/utils/motion.ts b/src/views/login/utils/motion.ts
new file mode 100644
index 0000000..2b1182c
--- /dev/null
+++ b/src/views/login/utils/motion.ts
@@ -0,0 +1,40 @@
+import { h, defineComponent, withDirectives, resolveDirective } from "vue";
+
+/** 封装@vueuse/motion动画库中的自定义指令v-motion */
+export default defineComponent({
+ name: "Motion",
+ props: {
+ delay: {
+ type: Number,
+ default: 50
+ }
+ },
+ render() {
+ const { delay } = this;
+ const motion = resolveDirective("motion");
+ return withDirectives(
+ h(
+ "div",
+ {},
+ {
+ default: () => [this.$slots.default()]
+ }
+ ),
+ [
+ [
+ motion,
+ {
+ initial: { opacity: 0, y: 100 },
+ enter: {
+ opacity: 1,
+ y: 0,
+ transition: {
+ delay
+ }
+ }
+ }
+ ]
+ ]
+ );
+ }
+});
diff --git a/src/views/login/utils/rule.ts b/src/views/login/utils/rule.ts
new file mode 100644
index 0000000..6b73d5a
--- /dev/null
+++ b/src/views/login/utils/rule.ts
@@ -0,0 +1,28 @@
+import { reactive } from "vue";
+import type { FormRules } from "element-plus";
+
+/** 密码正则（密码格式应为8-18位数字、字母、符号的任意两种组合） */
+export const REGEXP_PWD =
+ /^(?![0-9]+$)(?![a-z]+$)(?![A-Z]+$)(?!([^(0-9a-zA-Z)]|[()])+$)(?!^.*[\u4E00-\u9FA5].*$)([^(0-9a-zA-Z)]|[()]|[a-z]|[A-Z]|[0-9]){8,18}$/;
+
+/** 登录校验 */
+const loginRules = reactive(
+
+
+
+
+
+
+
+
+
+ {{ title }}
+ 组件方式判断权限
+
+ 函数方式判断权限
+
+
+ 指令方式判断权限（该方式不能动态修改权限）
+
+
+
+ 当前角色：{{ username }}
+
+
+
+
+
+
+
diff --git a/src/views/system/dept/utils/hook.tsx b/src/views/system/dept/utils/hook.tsx
new file mode 100644
index 0000000..4526fdf
--- /dev/null
+++ b/src/views/system/dept/utils/hook.tsx
@@ -0,0 +1,254 @@
+import dayjs from "dayjs";
+import editForm from "../form.vue";
+// import { handleTree } from "@/utils/tree";
+import { message } from "@/utils/message";
+import { getDeptList, addDept, updateDept, deleteDept } from "@/api/system";
+import { usePublicHooks } from "../../hooks";
+import { addDialog } from "@/components/ReDialog";
+import { reactive, ref, onMounted, h } from "vue";
+import { type FormItemProps } from "../utils/types";
+import { cloneDeep, isAllEmpty } from "@pureadmin/utils";
+
+export function useDept() {
+ const form = reactive({
+ name: "",
+ status: null
+ });
+
+ const formRef = ref();
+ const dataList = ref([]);
+ const loading = ref(true);
+ const { tagStyle } = usePublicHooks();
+
+ const columns: TableColumnList = [
+ {
+ label: "部门名称",
+ prop: "name",
+ width: 180,
+ align: "left"
+ },
+ // {
+ // label: "排序",
+ // prop: "sort",
+ // minWidth: 70
+ // },
+ {
+ label: "状态",
+ prop: "status",
+ minWidth: 100,
+ cellRenderer: ({ row, props }) => (
+
+
+
+
+
diff --git a/src/views/system/roles/utils/hook.tsx b/src/views/system/roles/utils/hook.tsx
new file mode 100644
index 0000000..3792eef
--- /dev/null
+++ b/src/views/system/roles/utils/hook.tsx
@@ -0,0 +1,426 @@
+import dayjs from "dayjs";
+import editForm from "../form.vue";
+import { message } from "@/utils/message";
+// import { getRoleList } from "@/api/system";
+import { ElMessageBox } from "element-plus";
+import { usePublicHooks } from "../../hooks";
+import { addDialog } from "@/components/ReDialog";
+import { type FormItemProps, MunuData } from "../utils/types";
+import { type PaginationProps } from "@pureadmin/table";
+import { reactive, ref, onMounted, h } from "vue";
+import type { ElTreeV2 } from "element-plus";
+// import { any } from "vue-types";
+
+export function useRole() {
+ const form = reactive({
+ name: "",
+ code: "",
+ status: ""
+ });
+ const formRef = ref();
+ const dataList = ref([]);
+ const loading = ref(true);
+ const switchLoadMap = ref({});
+ const { switchStyle } = usePublicHooks();
+ const pagination = reactive分配菜单与按钮的权限
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/system/user/svg/expand.svg b/src/views/system/user/svg/expand.svg
new file mode 100644
index 0000000..dbbd4ed
--- /dev/null
+++ b/src/views/system/user/svg/expand.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/views/system/user/svg/unexpand.svg b/src/views/system/user/svg/unexpand.svg
new file mode 100644
index 0000000..58d4365
--- /dev/null
+++ b/src/views/system/user/svg/unexpand.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/views/system/user/tree.vue b/src/views/system/user/tree.vue
new file mode 100644
index 0000000..b68f287
--- /dev/null
+++ b/src/views/system/user/tree.vue
@@ -0,0 +1,211 @@
+
+
+
+
+
+ 分配角色
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/system/user/utils/hook.tsx b/src/views/system/user/utils/hook.tsx
new file mode 100644
index 0000000..f4931da
--- /dev/null
+++ b/src/views/system/user/utils/hook.tsx
@@ -0,0 +1,427 @@
+// import dayjs from "dayjs";
+import { message } from "@/utils/message";
+import editForm from "../form.vue";
+import { addDialog } from "@/components/ReDialog";
+import { type FormItemProps } from "../utils/types";
+import {
+ getUserList,
+ getDeptList,
+ addUser,
+ updateUser,
+ deleteUser
+} from "@/api/system";
+import { ElMessageBox } from "element-plus";
+import { type PaginationProps } from "@pureadmin/table";
+import { reactive, ref, computed, h, onMounted } from "vue";
+// import { http } from "@/utils/http";
+import { string } from "vue-types";
+import { cloneDeep } from "@pureadmin/utils";
+
+// 共享列表数据
+const dataList = ref([]);
+
+// 共享表格页码
+const pagination = reactive
+
+
+
+
+
+
diff --git a/stylelint.config.js b/stylelint.config.js
new file mode 100644
index 0000000..2a4d3ba
--- /dev/null
+++ b/stylelint.config.js
@@ -0,0 +1,84 @@
+module.exports = {
+ root: true,
+ extends: [
+ "stylelint-config-standard",
+ "stylelint-config-html/vue",
+ "stylelint-config-recess-order"
+ ],
+ plugins: ["stylelint-order", "stylelint-prettier", "stylelint-scss"],
+ overrides: [
+ {
+ files: ["**/*.(css|html|vue)"],
+ customSyntax: "postcss-html"
+ },
+ {
+ files: ["*.scss", "**/*.scss"],
+ customSyntax: "postcss-scss",
+ extends: [
+ "stylelint-config-standard-scss",
+ "stylelint-config-recommended-vue/scss"
+ ]
+ }
+ ],
+ rules: {
+ "selector-class-pattern": null,
+ "no-descending-specificity": null,
+ "scss/dollar-variable-pattern": null,
+ "selector-pseudo-class-no-unknown": [
+ true,
+ {
+ ignorePseudoClasses: ["deep", "global"]
+ }
+ ],
+ "selector-pseudo-element-no-unknown": [
+ true,
+ {
+ ignorePseudoElements: ["v-deep", "v-global", "v-slotted"]
+ }
+ ],
+ "at-rule-no-unknown": [
+ true,
+ {
+ ignoreAtRules: [
+ "tailwind",
+ "apply",
+ "variants",
+ "responsive",
+ "screen",
+ "function",
+ "if",
+ "each",
+ "include",
+ "mixin",
+ "use"
+ ]
+ }
+ ],
+ "rule-empty-line-before": [
+ "always",
+ {
+ ignore: ["after-comment", "first-nested"]
+ }
+ ],
+ "unit-no-unknown": [true, { ignoreUnits: ["rpx"] }],
+ "order/order": [
+ [
+ "dollar-variables",
+ "custom-properties",
+ "at-rules",
+ "declarations",
+ {
+ type: "at-rule",
+ name: "supports"
+ },
+ {
+ type: "at-rule",
+ name: "media"
+ },
+ "rules"
+ ],
+ { severity: "warning" }
+ ]
+ },
+ ignoreFiles: ["**/*.js", "**/*.ts", "**/*.jsx", "**/*.tsx"]
+};
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..41e05b6
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,18 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ darkMode: "class",
+ corePlugins: {
+ preflight: false
+ },
+ content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
+ theme: {
+ extend: {
+ colors: {
+ bg_color: "var(--el-bg-color)",
+ primary: "var(--el-color-primary)",
+ text_color_primary: "var(--el-text-color-primary)",
+ text_color_regular: "var(--el-text-color-regular)"
+ }
+ }
+ }
+};
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..038dd01
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,42 @@
+{
+ "compilerOptions": {
+ "target": "esnext",
+ "module": "esnext",
+ "moduleResolution": "Node",
+ "strict": false,
+ "jsx": "preserve",
+ "importHelpers": true,
+ "experimentalDecorators": true,
+ "strictFunctionTypes": false,
+ "skipLibCheck": true,
+ "esModuleInterop": true,
+ "isolatedModules": true,
+ "allowSyntheticDefaultImports": true,
+ "forceConsistentCasingInFileNames": true,
+ "sourceMap": true,
+ "baseUrl": ".",
+ "allowJs": false,
+ "resolveJsonModule": true,
+ "lib": ["dom", "esnext"],
+ "paths": {
+ "@/*": ["src/*"],
+ "@build/*": ["build/*"]
+ },
+ "types": [
+ "node",
+ "vite/client",
+ "element-plus/global",
+ "@pureadmin/table/volar",
+ "@pureadmin/descriptions/volar"
+ ]
+ },
+ "include": [
+ "mock/*.ts",
+ "src/**/*.ts",
+ "src/**/*.tsx",
+ "src/**/*.vue",
+ "types/*.d.ts",
+ "vite.config.ts"
+ ],
+ "exclude": ["dist", "**/*.js", "node_modules"]
+}
diff --git a/types/global-components.d.ts b/types/global-components.d.ts
new file mode 100644
index 0000000..bc85618
--- /dev/null
+++ b/types/global-components.d.ts
@@ -0,0 +1,124 @@
+declare module "vue" {
+ /**
+ * 自定义全局组件获得 Volar 提示（自定义的全局组件需要在这里声明下才能获得 Volar 类型提示哦）
+ */
+ export interface GlobalComponents {
+ IconifyIconOffline: typeof import("../src/components/ReIcon")["IconifyIconOffline"];
+ IconifyIconOnline: typeof import("../src/components/ReIcon")["IconifyIconOnline"];
+ FontIcon: typeof import("../src/components/ReIcon")["FontIcon"];
+ Auth: typeof import("../src/components/ReAuth")["Auth"];
+ }
+}
+
+/**
+ * TODO https://github.com/element-plus/element-plus/blob/dev/global.d.ts#L2
+ * No need to install @vue/runtime-core
+ */
+declare module "vue" {
+ export interface GlobalComponents {
+ ElAffix: typeof import("element-plus")["ElAffix"];
+ ElAlert: typeof import("element-plus")["ElAlert"];
+ ElAside: typeof import("element-plus")["ElAside"];
+ ElAutocomplete: typeof import("element-plus")["ElAutocomplete"];
+ ElAvatar: typeof import("element-plus")["ElAvatar"];
+ ElBacktop: typeof import("element-plus")["ElBacktop"];
+ ElBadge: typeof import("element-plus")["ElBadge"];
+ ElBreadcrumb: typeof import("element-plus")["ElBreadcrumb"];
+ ElBreadcrumbItem: typeof import("element-plus")["ElBreadcrumbItem"];
+ ElButton: typeof import("element-plus")["ElButton"];
+ ElButtonGroup: typeof import("element-plus")["ElButtonGroup"];
+ ElCalendar: typeof import("element-plus")["ElCalendar"];
+ ElCard: typeof import("element-plus")["ElCard"];
+ ElCarousel: typeof import("element-plus")["ElCarousel"];
+ ElCarouselItem: typeof import("element-plus")["ElCarouselItem"];
+ ElCascader: typeof import("element-plus")["ElCascader"];
+ ElCascaderPanel: typeof import("element-plus")["ElCascaderPanel"];
+ ElCheckbox: typeof import("element-plus")["ElCheckbox"];
+ ElCheckboxButton: typeof import("element-plus")["ElCheckboxButton"];
+ ElCheckboxGroup: typeof import("element-plus")["ElCheckboxGroup"];
+ ElCol: typeof import("element-plus")["ElCol"];
+ ElCollapse: typeof import("element-plus")["ElCollapse"];
+ ElCollapseItem: typeof import("element-plus")["ElCollapseItem"];
+ ElCollapseTransition: typeof import("element-plus")["ElCollapseTransition"];
+ ElColorPicker: typeof import("element-plus")["ElColorPicker"];
+ ElContainer: typeof import("element-plus")["ElContainer"];
+ ElConfigProvider: typeof import("element-plus")["ElConfigProvider"];
+ ElDatePicker: typeof import("element-plus")["ElDatePicker"];
+ ElDialog: typeof import("element-plus")["ElDialog"];
+ ElDivider: typeof import("element-plus")["ElDivider"];
+ ElDrawer: typeof import("element-plus")["ElDrawer"];
+ ElDropdown: typeof import("element-plus")["ElDropdown"];
+ ElDropdownItem: typeof import("element-plus")["ElDropdownItem"];
+ ElDropdownMenu: typeof import("element-plus")["ElDropdownMenu"];
+ ElEmpty: typeof import("element-plus")["ElEmpty"];
+ ElFooter: typeof import("element-plus")["ElFooter"];
+ ElForm: typeof import("element-plus")["ElForm"];
+ ElFormItem: typeof import("element-plus")["ElFormItem"];
+ ElHeader: typeof import("element-plus")["ElHeader"];
+ ElIcon: typeof import("element-plus")["ElIcon"];
+ ElImage: typeof import("element-plus")["ElImage"];
+ ElImageViewer: typeof import("element-plus")["ElImageViewer"];
+ ElInput: typeof import("element-plus")["ElInput"];
+ ElInputNumber: typeof import("element-plus")["ElInputNumber"];
+ ElLink: typeof import("element-plus")["ElLink"];
+ ElMain: typeof import("element-plus")["ElMain"];
+ ElMenu: typeof import("element-plus")["ElMenu"];
+ ElMenuItem: typeof import("element-plus")["ElMenuItem"];
+ ElMenuItemGroup: typeof import("element-plus")["ElMenuItemGroup"];
+ ElOption: typeof import("element-plus")["ElOption"];
+ ElOptionGroup: typeof import("element-plus")["ElOptionGroup"];
+ ElPageHeader: typeof import("element-plus")["ElPageHeader"];
+ ElPagination: typeof import("element-plus")["ElPagination"];
+ ElPopconfirm: typeof import("element-plus")["ElPopconfirm"];
+ ElPopper: typeof import("element-plus")["ElPopper"];
+ ElPopover: typeof import("element-plus")["ElPopover"];
+ ElProgress: typeof import("element-plus")["ElProgress"];
+ ElRadio: typeof import("element-plus")["ElRadio"];
+ ElRadioButton: typeof import("element-plus")["ElRadioButton"];
+ ElRadioGroup: typeof import("element-plus")["ElRadioGroup"];
+ ElRate: typeof import("element-plus")["ElRate"];
+ ElRow: typeof import("element-plus")["ElRow"];
+ ElScrollbar: typeof import("element-plus")["ElScrollbar"];
+ ElSelect: typeof import("element-plus")["ElSelect"];
+ ElSlider: typeof import("element-plus")["ElSlider"];
+ ElStep: typeof import("element-plus")["ElStep"];
+ ElSteps: typeof import("element-plus")["ElSteps"];
+ ElSubMenu: typeof import("element-plus")["ElSubMenu"];
+ ElSwitch: typeof import("element-plus")["ElSwitch"];
+ ElTabPane: typeof import("element-plus")["ElTabPane"];
+ ElTable: typeof import("element-plus")["ElTable"];
+ ElTableColumn: typeof import("element-plus")["ElTableColumn"];
+ ElTabs: typeof import("element-plus")["ElTabs"];
+ ElTag: typeof import("element-plus")["ElTag"];
+ ElTimePicker: typeof import("element-plus")["ElTimePicker"];
+ ElTimeSelect: typeof import("element-plus")["ElTimeSelect"];
+ ElTimeline: typeof import("element-plus")["ElTimeline"];
+ ElTimelineItem: typeof import("element-plus")["ElTimelineItem"];
+ ElTooltip: typeof import("element-plus")["ElTooltip"];
+ ElTransfer: typeof import("element-plus")["ElTransfer"];
+ ElTree: typeof import("element-plus")["ElTree"];
+ ElTreeV2: typeof import("element-plus")["ElTreeV2"];
+ ElUpload: typeof import("element-plus")["ElUpload"];
+ ElSpace: typeof import("element-plus")["ElSpace"];
+ ElSkeleton: typeof import("element-plus")["ElSkeleton"];
+ ElSkeletonItem: typeof import("element-plus")["ElSkeletonItem"];
+ ElCheckTag: typeof import("element-plus")["ElCheckTag"];
+ ElDescriptions: typeof import("element-plus")["ElDescriptions"];
+ ElDescriptionsItem: typeof import("element-plus")["ElDescriptionsItem"];
+ ElResult: typeof import("element-plus")["ElResult"];
+ ElSelectV2: typeof import("element-plus")["ElSelectV2"];
+ }
+
+ interface ComponentCustomProperties {
+ $message: typeof import("element-plus")["ElMessage"];
+ $notify: typeof import("element-plus")["ElNotification"];
+ $msgbox: typeof import("element-plus")["ElMessageBox"];
+ $messageBox: typeof import("element-plus")["ElMessageBox"];
+ $alert: typeof import("element-plus")["ElMessageBox"]["alert"];
+ $confirm: typeof import("element-plus")["ElMessageBox"]["confirm"];
+ $prompt: typeof import("element-plus")["ElMessageBox"]["prompt"];
+ $loading: typeof import("element-plus")["ElLoadingService"];
+ }
+}
+
+export {};
diff --git a/types/global.d.ts b/types/global.d.ts
new file mode 100644
index 0000000..8bf1630
--- /dev/null
+++ b/types/global.d.ts
@@ -0,0 +1,161 @@
+import type {
+ VNode,
+ FunctionalComponent,
+ PropType as VuePropType,
+ ComponentPublicInstance
+} from "vue";
+import type { ECharts } from "echarts";
+import type { IconifyIcon } from "@iconify/vue";
+import type { TableColumns } from "@pureadmin/table";
+
+/**
+ * 全局类型声明，无需引入直接在 `.vue` 、`.ts` 、`.tsx` 文件使用即可获得类型提示
+ */
+declare global {
+ /**
+ * 平台的名称、版本、依赖、最后构建时间的类型提示
+ */
+ const __APP_INFO__: {
+ pkg: {
+ name: string;
+ version: string;
+ dependencies: Recordable