fred-admin 1.0.0__py3-none-any.whl

fred_admin/demo/modules/admin/frontend/src/stores/modules/auth.ts

@@ -0,0 +1,50 @@
+import { defineStore } from "pinia";
+import { AuthState } from "@/stores/interface";
+import { getAuthButtonListApi, getAuthMenuListApi } from "@/api/modules/login";
+import { getFlatMenuList, getShowMenuList, getAllBreadcrumbList } from "@/utils";
+
+export const useAuthStore = defineStore({
+  id: "geeker-auth",
+  state: (): AuthState => ({
+    // 按钮权限列表
+    authButtonList: {},
+    // 菜单权限列表
+    authMenuList: [],
+    // 当前页面的 router name，用来做按钮权限筛选
+    routeName: "",
+    // 当前页面的菜单名称，用来做按钮权限筛选
+    menuName: ""
+  }),
+  getters: {
+    // 按钮权限列表
+    authButtonListGet: state => state.authButtonList,
+    // 菜单权限列表 ==> 这里的菜单没有经过任何处理
+    authMenuListGet: state => state.authMenuList,
+    // 菜单权限列表 ==> 左侧菜单栏渲染，需要剔除 isHide == true
+    showMenuListGet: state => getShowMenuList(state.authMenuList),
+    // 菜单权限列表 ==> 扁平化之后的一维数组菜单，主要用来添加动态路由
+    flatMenuListGet: state => getFlatMenuList(state.authMenuList),
+    // 递归处理后的所有面包屑导航列表
+    breadcrumbListGet: state => getAllBreadcrumbList(state.authMenuList)
+  },
+  actions: {
+    // Get AuthButtonList
+    async getAuthButtonList() {
+      const { data } = await getAuthButtonListApi();
+      this.authButtonList = data;
+    },
+    // Get AuthMenuList
+    async getAuthMenuList() {
+      const { data } = await getAuthMenuListApi();
+      this.authMenuList = data;
+    },
+    // Set RouteName
+    async setRouteName(name: string) {
+      this.routeName = name;
+    },
+    // Set MenuName
+    async setMenuName(name: string) {
+      this.menuName = name;
+    }
+  }
+});

fred_admin/demo/modules/admin/frontend/src/stores/modules/global.ts

@@ -0,0 +1,55 @@
+import { defineStore } from "pinia";
+import { GlobalState } from "@/stores/interface";
+import { DEFAULT_PRIMARY } from "@/config";
+import piniaPersistConfig from "@/stores/helper/persist";
+
+export const useGlobalStore = defineStore({
+  id: "geeker-global",
+  // 修改默认值之后，需清除 localStorage 数据
+  state: (): GlobalState => ({
+    // 布局模式 (纵向：vertical | 经典：classic | 横向：transverse | 分栏：columns)
+    layout: "vertical",
+    // element 组件大小
+    assemblySize: "default",
+    // 当前系统语言
+    language: null,
+    // 当前页面是否全屏
+    maximize: false,
+    // 主题颜色
+    primary: DEFAULT_PRIMARY,
+    // 深色模式
+    isDark: false,
+    // 灰色模式
+    isGrey: false,
+    // 色弱模式
+    isWeak: false,
+    // 侧边栏反转
+    asideInverted: false,
+    // 头部反转
+    headerInverted: false,
+    // 折叠菜单
+    isCollapse: false,
+    // 菜单手风琴
+    accordion: true,
+    // 页面水印
+    watermark: false,
+    // 面包屑导航
+    breadcrumb: true,
+    // 面包屑导航图标
+    breadcrumbIcon: true,
+    // 标签页
+    tabs: true,
+    // 标签页图标
+    tabsIcon: true,
+    // 页脚
+    footer: true
+  }),
+  getters: {},
+  actions: {
+    // Set GlobalState
+    setGlobalState(...args: ObjToKeyValArray<GlobalState>) {
+      this.$patch({ [args[0]]: args[1] });
+    }
+  },
+  persist: piniaPersistConfig("geeker-global")
+});

fred_admin/demo/modules/admin/frontend/src/stores/modules/keepAlive.ts

@@ -0,0 +1,25 @@
+import { KeepAliveState } from "@/stores/interface";
+import { defineStore } from "pinia";
+
+export const useKeepAliveStore = defineStore({
+  id: "geeker-keepAlive",
+  state: (): KeepAliveState => ({
+    keepAliveName: []
+  }),
+  actions: {
+    // Add KeepAliveName
+    async addKeepAliveName(name: string) {
+      if (!this.keepAliveName.includes(name)) {
+        this.keepAliveName.push(name);
+      }
+    },
+    // Remove KeepAliveName
+    async removeKeepAliveName(name: string) {
+      this.keepAliveName = this.keepAliveName.filter(item => item !== name);
+    },
+    // Set KeepAliveName
+    async setKeepAliveName(keepAliveName: string[] = []) {
+      this.keepAliveName = keepAliveName;
+    }
+  }
+});

fred_admin/demo/modules/admin/frontend/src/stores/modules/tabs.ts

@@ -0,0 +1,78 @@
+import router from "@/routers";
+import piniaPersistConfig from "@/stores/helper/persist";
+import { TabsMenuProps, TabsState } from "@/stores/interface";
+import { getUrlWithParams } from "@/utils";
+import { defineStore } from "pinia";
+import { useKeepAliveStore } from "./keepAlive";
+
+const keepAliveStore = useKeepAliveStore();
+
+export const useTabsStore = defineStore({
+  id: "geeker-tabs",
+  state: (): TabsState => ({
+    tabsMenuList: []
+  }),
+  actions: {
+    // Add Tabs
+    async addTabs(tabItem: TabsMenuProps) {
+      if (this.tabsMenuList.every(item => item.path !== tabItem.path)) {
+        this.tabsMenuList.push(tabItem);
+      }
+      // add keepalive
+      if (!keepAliveStore.keepAliveName.includes(tabItem.name) && tabItem.isKeepAlive) {
+        keepAliveStore.addKeepAliveName(tabItem.path);
+      }
+    },
+    // Remove Tabs
+    async removeTabs(tabPath: string, isCurrent: boolean = true) {
+      if (isCurrent) {
+        this.tabsMenuList.forEach((item, index) => {
+          if (item.path !== tabPath) return;
+          const nextTab = this.tabsMenuList[index + 1] || this.tabsMenuList[index - 1];
+          if (!nextTab) return;
+          router.push(nextTab.path);
+        });
+      }
+      // remove keepalive
+      const tabItem = this.tabsMenuList.find(item => item.path === tabPath);
+      if (tabItem?.isKeepAlive) {
+        keepAliveStore.removeKeepAliveName(tabItem.path);
+      }
+      // set tabs
+      this.tabsMenuList = this.tabsMenuList.filter(item => item.path !== tabPath);
+    },
+    // Close Tabs On Side
+    async closeTabsOnSide(path: string, type: "left" | "right") {
+      const currentIndex = this.tabsMenuList.findIndex(item => item.path === path);
+      if (currentIndex !== -1) {
+        const range = type === "left" ? [0, currentIndex] : [currentIndex + 1, this.tabsMenuList.length];
+        this.tabsMenuList = this.tabsMenuList.filter((item, index) => {
+          return index < range[0] || index >= range[1] || !item.close;
+        });
+      }
+      // set keepalive
+      const KeepAliveList = this.tabsMenuList.filter(item => item.isKeepAlive);
+      keepAliveStore.setKeepAliveName(KeepAliveList.map(item => item.path));
+    },
+    // Close MultipleTab
+    async closeMultipleTab(tabsMenuValue?: string) {
+      this.tabsMenuList = this.tabsMenuList.filter(item => {
+        return item.path === tabsMenuValue || !item.close;
+      });
+      // set keepalive
+      const KeepAliveList = this.tabsMenuList.filter(item => item.isKeepAlive);
+      keepAliveStore.setKeepAliveName(KeepAliveList.map(item => item.path));
+    },
+    // Set Tabs
+    async setTabs(tabsMenuList: TabsMenuProps[]) {
+      this.tabsMenuList = tabsMenuList;
+    },
+    // Set Tabs Title
+    async setTabsTitle(title: string) {
+      this.tabsMenuList.forEach(item => {
+        if (item.path == getUrlWithParams()) item.title = title;
+      });
+    }
+  },
+  persist: piniaPersistConfig("geeker-tabs")
+});

fred_admin/demo/modules/admin/frontend/src/stores/modules/user.ts

@@ -0,0 +1,23 @@
+import { defineStore } from "pinia";
+import { UserState } from "@/stores/interface";
+import piniaPersistConfig from "@/stores/helper/persist";
+
+export const useUserStore = defineStore({
+  id: "fred-user",
+  state: (): UserState => ({
+    token: "",
+    userInfo: { name: "fred" }
+  }),
+  getters: {},
+  actions: {
+    // Set Token
+    setToken(token: string) {
+      this.token = token;
+    },
+    // Set setUserInfo
+    setUserInfo(userInfo: UserState["userInfo"]) {
+      this.userInfo = userInfo;
+    }
+  },
+  persist: piniaPersistConfig("fred-user")
+});

fred_admin/demo/modules/admin/frontend/src/styles/common.scss

@@ -0,0 +1,129 @@
+// 模块样式导入
+@use "./modules/annotation";
+@use "./modules/device-manager";
+@use "./modules/assembly";
+@use "./modules/directives";
+
+/* flex */
+.flx-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.flx-justify-between {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.flx-align-center {
+  display: flex;
+  align-items: center;
+}
+
+/* clearfix */
+.clearfix::after {
+  display: block;
+  height: 0;
+  overflow: hidden;
+  clear: both;
+  content: "";
+}
+
+/* 文字单行省略号 */
+.sle {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* 文字多行省略号 */
+.mle {
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+
+/* 文字多了自动換行 */
+.break-word {
+  word-break: break-all;
+  word-wrap: break-word;
+}
+
+/* fade-transform */
+.fade-transform-leave-active,
+.fade-transform-enter-active {
+  transition: all 0.2s;
+}
+.fade-transform-enter-from {
+  opacity: 0;
+  transition: all 0.2s;
+  transform: translateX(-30px);
+}
+.fade-transform-leave-to {
+  opacity: 0;
+  transition: all 0.2s;
+  transform: translateX(30px);
+}
+
+/* breadcrumb-transform */
+.breadcrumb-enter-active {
+  transition: all 0.2s;
+}
+.breadcrumb-enter-from,
+.breadcrumb-leave-active {
+  opacity: 0;
+  transform: translateX(10px);
+}
+
+/* scroll bar */
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+::-webkit-scrollbar-thumb {
+  background-color: var(--el-border-color-darker);
+  border-radius: 20px;
+}
+
+/* nprogress */
+#nprogress .bar {
+  background: var(--el-color-primary) !important;
+}
+#nprogress .spinner-icon {
+  border-top-color: var(--el-color-primary) !important;
+  border-left-color: var(--el-color-primary) !important;
+}
+#nprogress .peg {
+  box-shadow:
+    0 0 10px var(--el-color-primary),
+    0 0 5px var(--el-color-primary) !important;
+}
+
+/* 外边距、内边距全局样式 */
+@for $i from 0 through 100 {
+  .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;
+  }
+}

fred_admin/demo/modules/admin/frontend/src/styles/element-dark.scss

@@ -0,0 +1,28 @@
+/* 自定义 element 暗黑模式 */
+html.dark {
+  /* wangEditor */
+  --w-e-toolbar-color: #eeeeee;
+  --w-e-toolbar-bg-color: #141414;
+  --w-e-textarea-bg-color: #141414;
+  --w-e-textarea-color: #eeeeee;
+  --w-e-toolbar-active-bg-color: #464646;
+  --w-e-toolbar-border-color: var(--el-border-color-darker);
+  .w-e-bar-item button:hover,
+  .w-e-menu-tooltip-v5::before {
+    color: #eeeeee;
+  }
+
+  /* login */
+  .login-container {
+    background-color: #191919 !important;
+    .login-box {
+      background-color: rgb(0 0 0 / 80%) !important;
+      .login-form {
+        box-shadow: rgb(255 255 255 / 12%) 0 2px 10px 2px !important;
+        .logo-text {
+          color: var(--el-text-color-primary) !important;
+        }
+      }
+    }
+  }
+}

fred_admin/demo/modules/admin/frontend/src/styles/element.scss

@@ -0,0 +1,264 @@
+/* el-alert */
+.el-alert {
+  border: 1px solid;
+}
+
+/* 当前页面最大化 css */
+.main-maximize {
+  .aside-split,
+  .el-aside,
+  .el-header,
+  .el-footer,
+  .tabs-box {
+    display: none !important;
+  }
+}
+
+/* mask image */
+.mask-image {
+  padding-right: 50px;
+  mask-image: linear-gradient(90deg, #000000 0%, #000000 calc(100% - 50px), transparent);
+}
+
+/* custom card */
+.card {
+  box-sizing: border-box;
+  padding: 20px;
+  overflow-x: hidden;
+  background-color: var(--el-bg-color);
+  border: 1px solid var(--el-border-color-light);
+  border-radius: 6px;
+  box-shadow: 0 0 12px rgb(0 0 0 / 5%);
+}
+
+/* ProTable 不需要 card 样式（在组件内使用 ProTable 会使用到） */
+.no-card {
+  .card {
+    padding: 0;
+    background-color: transparent;
+    border: none;
+    border-radius: 0;
+    box-shadow: none;
+  }
+  .table-search {
+    padding: 18px 0 0 !important;
+    margin-bottom: 0 !important;
+  }
+}
+
+/* content-box (常用内容盒子) */
+.content-box {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: 100%;
+  .text {
+    margin: 20px 0 30px;
+    font-size: 23px;
+    font-weight: bold;
+    color: var(--el-text-color-regular);
+  }
+  .el-descriptions {
+    width: 100%;
+    padding: 40px 0 0;
+    .el-descriptions__title {
+      font-size: 18px;
+    }
+    .el-descriptions__label {
+      width: 200px;
+    }
+  }
+}
+
+/* main-box (树形表格 treeFilter 页面会使用，左右布局 flex) */
+.main-box {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  .table-box {
+    overflow: hidden;
+  }
+}
+
+/* proTable */
+.table-box,
+.table-main {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+
+  // table-search 表格搜索样式
+  .table-search {
+    padding: 18px 18px 0;
+    margin-bottom: 10px;
+    .el-form {
+      .el-form-item__content > * {
+        width: 100%;
+      }
+
+      // 去除时间选择器上下 padding
+      .el-range-editor.el-input__wrapper {
+        padding: 0 10px;
+      }
+    }
+    .operation {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      margin-bottom: 18px;
+    }
+  }
+
+  // 表格 header 样式
+  .table-header {
+    .header-button-lf,
+    .header-button-ri {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 15px 12px;
+      margin-bottom: 15px;
+      .el-button:not(.el-input .el-button) {
+        margin-left: 0;
+      }
+    }
+    .header-button-lf {
+      float: left;
+    }
+    .header-button-ri {
+      float: right;
+    }
+  }
+
+  // el-table 表格样式
+  .el-table {
+    flex: 1;
+
+    // 修复 safari 浏览器表格错位 https://github.com/HalseySpicy/Geeker-Admin/issues/83
+    table {
+      width: 100%;
+    }
+    .el-table__header th {
+      height: 45px;
+      font-size: 15px;
+      font-weight: bold;
+      color: var(--el-text-color-primary);
+      background: var(--el-fill-color-light);
+    }
+    .el-table__row {
+      height: 45px;
+      font-size: 14px;
+      .move {
+        cursor: move;
+        .el-icon {
+          cursor: move;
+        }
+      }
+    }
+
+    // 设置 el-table 中 header 文字不换行，并省略
+    .el-table__header .el-table__cell > .cell {
+      // white-space: nowrap;
+      white-space: wrap;
+    }
+
+    // 解决表格数据为空时样式不居中问题(仅在element-plus中)
+    .el-table__empty-block {
+      position: absolute;
+      .table-empty {
+        line-height: 30px;
+        img {
+          display: inline-flex;
+        }
+      }
+    }
+
+    // table 中 image 图片样式
+    .table-image {
+      width: 50px;
+      height: 50px;
+      border-radius: 50%;
+    }
+  }
+
+  // 表格 pagination 样式
+  .el-pagination {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 20px;
+  }
+}
+
+/* el-table 组件大小 */
+.el-table--small {
+  .el-table__header th {
+    height: 40px !important;
+    font-size: 14px !important;
+  }
+  .el-table__row {
+    height: 40px !important;
+    font-size: 13px !important;
+  }
+}
+.el-table--large {
+  .el-table__header th {
+    height: 50px !important;
+    font-size: 16px !important;
+  }
+  .el-table__row {
+    height: 50px !important;
+    font-size: 15px !important;
+  }
+}
+
+/* el-drawer */
+.el-drawer {
+  .el-drawer__header {
+    padding: 16px 20px;
+    margin-bottom: 0;
+    border-bottom: 1px solid var(--el-border-color-lighter);
+    span {
+      font-size: 17px;
+      line-height: 17px;
+      color: var(--el-text-color-primary) !important;
+    }
+  }
+  .el-drawer__footer {
+    border-top: 1px solid var(--el-border-color-lighter);
+  }
+
+  // select 样式
+  .el-select {
+    width: 100%;
+  }
+
+  // drawer-form 中存在两列 form-item 样式
+  .drawer-multiColumn-form {
+    display: flex;
+    flex-wrap: wrap;
+    .el-form-item {
+      width: 47%;
+      &:nth-child(2n-1) {
+        margin-right: 5%;
+      }
+    }
+  }
+}
+
+/* el-dialog */
+.el-dialog {
+  padding: 0;
+  .el-dialog__header {
+    padding: 15px 20px;
+    margin: 0;
+    border-bottom: 1px solid var(--el-border-color-lighter);
+    .el-dialog__title {
+      font-size: 17px;
+    }
+  }
+  .el-dialog__body,
+  .el-dialog__footer {
+    padding: 15px 20px;
+  }
+}