adspecs 0.1.12

package/references/web-ui/src/store/modules/theme/mutations.ts

@@ -0,0 +1,28 @@
+import _ from "lodash"
+
+const mutations = {
+  SET_THEME(state, theme) {
+    state.theme = theme;
+  },
+  SET_THEME_COLOR(state, color) {
+    state.themeColor = color
+  },
+  SET_NAVBAR_THEME(state, val) {
+    state.navbarTheme = _.cloneDeep(val)
+  },
+  SET_LAYOUT_CONFIG(state, config) {
+    state.layoutConfig = config
+  },
+  // 布局管理
+  SET_LAYOUT_MENU_CONFIG(state, config) {
+    state.layoutMenuConfig = config
+  },
+  SET_CONFIG_THEME_COLOR(state, color) {
+    state.configThemeColor = color
+  },
+  SET_HIDE_THEME_CONTROL(state, status) {
+    state.hideThemeControl = status
+  }
+}
+
+export default mutations

package/references/web-ui/src/store/modules/user/actions.ts

@@ -0,0 +1,243 @@
+// 水印
+import { setToken, removeToken, setUserInfo, cookieSet, getToken, removeVisitedViews } from '@/utils/auth'
+import Watermark from '@/utils/watermark'
+
+// api
+import { login, getInfo, logout, autoLogin, getValueByKey, getAiPermission } from '@/api/login';
+import { getBaseUserLoginSso, checkPwdLogin } from '@/api/app';
+import { unreadMessageTotal } from '@/api/letters'
+// axios
+import axios from 'axios'
+
+declare const window: any
+const actions = {
+  // 登录
+  Login({ commit }, userInfo) {
+    const account = userInfo.account.trim()
+    const password = userInfo.password.trim()
+    return new Promise((resolve, reject) => {
+      login(account, password)
+        .then((response) => {
+          const data = response
+          const userData = response.data
+          const token = response.data['authorization'] || response.token
+          setToken(token, data.data['refresh-authorization'])
+          commit('SET_TOKEN', token)
+          commit('SET_ISSUPERADMIN', userData.isSuperAdmin)
+          commit('SET_SUPERVISOR', userData.isAdmin)
+          commit('SET_USERID', userData.userId)
+          commit('SET_TENANTID', userData.tenantId)
+          commit('SET_USER_FULL_NAME', userData.userFullName)
+          resolve(data)
+        })
+        .catch((error) => {
+          console.warn(error)
+          reject(error)
+        })
+    })
+  },
+  // 根据token和systemCode自动获取用户信息和菜单
+  AutoLogin({ commit }, systemInfo) {
+    return new Promise<void>((resolve, reject) => {
+      let { token, systemCode, ps } = systemInfo
+      autoLogin(systemCode)
+        .then((response) => {
+          const data = response
+          const userData = data.data || {}
+          token = data.data['authorization'] || token
+          setToken(token, data.data['refresh-authorization'])
+          commit('SET_TOKEN', token)
+          commit('SET_ISSUPERADMIN', userData.isSuperAdmin)
+          commit('SET_SUPERVISOR', userData.isAdmin)
+          commit('SET_USERID', userData.userId)
+          commit('SET_TENANTID', userData.tenantId)
+          commit('SET_USER_FULL_NAME', userData.userFullName)
+          userData.ps = ps
+          resolve()
+        })
+        .catch((error) => {
+          console.warn(error)
+          reject(error)
+        })
+    })
+  },
+  // 获取用户信息
+  GetInfo({ commit, state }) {
+    return new Promise((resolve, reject) => {
+      getInfo(state.token)
+        .then(response => {
+          const data = response.data
+          if (typeof data.authority != 'undefined' && data.authority != null && data.authority !== '')
+            commit('SET_AUTHORITY', data.authority)
+          else
+            reject('getInfo: authority must be a non-null string!')
+
+          if (!data.avatar)
+            data.avatar = 'http://bpic.588ku.com/element_origin_min_pic/01/30/26/24573b0a9382ae2.jpg'
+
+          commit('SET_ID', data.id)
+          commit('SET_FIRSTNAME', data.firstName)
+          commit('SET_LASTNAME', data.lastName)
+          commit('SET_PHONE', data.phone)
+          commit('SET_EMAIL', data.email)
+          commit('SET_AVATAR', data.avatar)
+          commit('SET_AUTHORITY', data.authority)
+          commit('SET_CUSTOMERID', data.customerId)
+          commit('SET_TENANTID', data.tenantId)
+          commit('SET_ADDITIONALINFO', data.additionalInfo)
+          resolve(response)
+        })
+        .catch(error => {
+          reject(error)
+        })
+    })
+  },
+
+  // 前端 登出
+  FedLogOut({ commit }) {
+    return new Promise<void>(resolve => {
+      commit('SET_TOKEN', '')
+      removeToken()
+      resolve()
+    })
+  },
+
+  // 登出
+  LogOut() {
+    return new Promise<void>((resolve, reject) => {
+      logout()
+        .then(() => {
+          Watermark.out()
+          localStorage.removeItem('watermarkBean')
+          localStorage.removeItem('userInfo')
+          removeToken()
+          removeVisitedViews()
+          resolve()
+        })
+        .catch(error => {
+          reject(error)
+        })
+    })
+  },
+
+  // 获取用户信息
+  GetUserInfo({ commit }) {
+    return new Promise((resolve, reject) => {
+      getBaseUserLoginSso()
+        .then(response => { 
+          const { data } = response;
+          // 设置localStorage 中的用户信息;
+          setUserInfo(data);
+          // 在stroe中设置用户信息
+          commit('SET_USER_INFO', data)
+          resolve(data)
+        })
+        .catch(error => {
+          reject(error)
+        })
+    })
+  },
+
+  // 获取租户密码策略提示信息
+  GetPwdInfo({ commit }) {
+    return new Promise((resolve, reject) => {
+      checkPwdLogin()
+        .then((res) => {
+          commit('SET_PWD_INFO', res.data)
+          resolve(res.data)
+        })
+        .catch(error => {
+          reject(error)
+        })
+    })
+  },
+
+  // 获取灰度发布信息
+  GetGreyInfo({ commit }) {
+    return new Promise((resolve) => {
+      // 请求不走公共拦截
+      axios
+        .get('/api/grayscale/rule/myid', {
+          headers: {
+            'Access-Control-Allow-Origin': '*',
+            Authorization: getToken()
+          },
+          baseURL: window.VUE_APP_SERVERAPI
+        })
+        .then(res => {
+          const data = res.data || {}
+          if (data.code === 800) {
+            // 获取的数据存入cookie
+            const grayData = data.data
+            grayData.headers.forEach(element => {
+              cookieSet(element.header, element.value, null)
+            });
+            commit('SET_GREY_INFO', grayData.headers)
+          }
+          resolve(data)
+        }).catch(error => {
+          resolve(error)
+        })
+    })
+  },
+
+  //门户首页流程相关面板，帮助中心图标按钮，谷神系统大屏，可以根据配置加载是否显示
+  GetBPMInfo({ commit }) {
+    return new Promise((resolve, reject) => {
+      let requestList = [getValueByKey({ configKey: 'SHOW_BPM' }), getValueByKey({ configKey: 'SHOW_HELPCENTER' })]
+      Promise.all(requestList).then(res => {
+        let BPMInfo = res[0]
+        let helpInfo = res[1]
+        commit('SET_HELP_AND_BPM_INFO', {
+          showBPM: BPMInfo.data !== 'false',
+          showHelp: helpInfo.data !== 'false'
+        })
+        resolve(res)
+      }).catch(err => {
+        commit('SET_HELP_AND_BPM_INFO', {
+          showBPM: true,
+          showHelp: true
+        })
+        reject(err)
+      })
+    })
+  },
+
+  // 获取AI权限全局配置
+  getAiPermission() {
+    //eslint-disable-next-line no-async-promise-executor
+    return new Promise<void>(async (resolve) => {
+      let res = await getAiPermission()
+      if (res.code === 800) {
+        // 兼容旧版本的AI显示
+        let bool = String(res.data) === 'true'
+        window.VUE_GS_CHATGPT = bool
+        cookieSet("VUE_GS_CHATGPT", bool, null)
+      }
+      resolve()
+    })
+  },
+
+  // 获取站内消息数量
+  GetUnreadTotal({ commit }) {
+    const params = {
+      readStatus: 0,
+      systemCodes: [window._config.systemCode]
+    }
+    return new Promise((resolve, reject) => {
+      unreadMessageTotal({ params })
+        .then((res) => {
+          if (res.code === 800) {
+            commit('SET_UNREAD_TOTAL', res.data)
+            resolve(res.data)
+          }
+          reject(res.data)
+        })
+        .catch(error => {
+          reject(error)
+        })
+    })
+  },
+}
+
+export default actions

package/references/web-ui/src/store/modules/user/getters.ts

@@ -0,0 +1,10 @@
+const getters = {
+  isSuperAdmin: (state) => state.isSuperAdmin === 1,
+  isSupervisor: (state) => state.isSupervisor === 2,
+  lang: (state) => state.lang,
+  userId: (state) => state.userId,
+  tenantId: (state) => state.tenantId,
+  unread: (state) => state.unread,
+}
+
+export default getters

package/references/web-ui/src/store/modules/user/index.ts

@@ -0,0 +1,44 @@
+import Cookies from 'js-cookie'
+import { getToken, getLanguage } from '@/utils/auth'
+
+import getters from "@/store/modules/user/getters"
+import mutations from "@/store/modules/user/mutations"
+import actions from "@/store/modules/user/actions"
+
+const store = {
+  state: () => ({
+    token: getToken(),
+    email: '',
+    authority: '',
+    customerId: {},
+    additionalInfo: {},
+    userLimit: Cookies.get('USER_LIMIT'),
+
+    userState: 0,
+    isSuperAdmin: localStorage.isSuperAdmin || false,
+    tenantId: localStorage.tenantId || "",
+    tenantName: localStorage.tenantName,
+    isSupervisor: localStorage.isSupervisor || false,
+    userId: localStorage.userId || "",
+    userFullName: localStorage.userFullName || "",
+    // 即将废弃 userHeadImgUrl 2023-08-08
+    // userHeadImgUrl: localStorage.getItem('userHeadImgUrl'),
+    lang: getLanguage(),
+    langUpdata: false,
+    // 登录用户信息
+    userInfo: undefined,
+    // 用户密码规则信息
+    pwdInfo: undefined,
+    // 灰度发布信息
+    greyInfo: undefined,
+    // 门户首页流程相关面板，帮助中心图标按钮，谷神系统大屏，可以根据配置加载是否显示
+    help_and_BPM_info: undefined,
+    // 未读站内消息数量
+    unread: 0
+  }),
+  getters,
+  mutations,
+  actions
+}
+
+export default store

package/references/web-ui/src/store/modules/user/mutations.ts

@@ -0,0 +1,104 @@
+import Cookies from 'js-cookie'
+import config from '@/config'
+import { setLanguage } from '@/utils/auth'
+
+const mutations = {
+  SET_LANG: (state, lang) => {
+    state.langUpdata = !state.langUpdata
+    state.lang = lang
+    localStorage.setItem('lang', lang)
+    setLanguage(lang)
+    // 创建一个StorageEvent事件
+    // var newStorageEvent = document.createEvent('StorageEvent')
+    // // 初始化创建的事件
+    // newStorageEvent.initStorageEvent('setItem')
+    // // 派发对象
+    // window.dispatchEvent(newStorageEvent, lang)
+  },
+  SET_TOKEN: (state, token) => {
+    state.token = token
+  },
+  SET_ID: (state, id) => {
+    state.id = id
+  },
+  SET_FIRSTNAME: (state, firstName) => {
+    state.firstName = firstName
+  },
+  SET_LASTNAME: (state, lastName) => {
+    state.lastName = lastName
+  },
+  SET_PHONE: (state, phone) => {
+    state.phone = phone
+  },
+  SET_EMAIL: (state, email) => {
+    state.email = email
+  },
+  SET_AVATAR: (state, avatar) => {
+    state.avatar = avatar
+  },
+  SET_AUTHORITY: (state, authority) => {
+    state.authority = authority
+  },
+  SET_CUSTOMERID: (state, customerId) => {
+    state.customerId = customerId
+  },
+  SET_TENANTID: (state, tenantId) => {
+    state.tenantId = tenantId
+    localStorage.tenantId = tenantId
+  },
+  SET_USERLIMIT: (state, code) => {
+    state.userLimit = code
+    Cookies.set('USER_LIMIT', code, { expires: config.cookieExpires || 1 })
+  },
+  SET_ADDITIONALINFO: (state, additionalInfo) => {
+    state.additionalInfo = additionalInfo
+  },
+  SET_USERSTATE: (state, userState) => {
+    state.userState = userState
+  },
+  SET_ISSUPERADMIN: (state, isSuperAdmin) => {
+    state.isSuperAdmin = isSuperAdmin
+    localStorage.isSuperAdmin = isSuperAdmin
+  },
+  SET_TENANTNAME: (state, tenantName) => {
+    state.tenantName = tenantName
+    localStorage.tenantName = tenantName
+  },
+  SET_USERID: (state, userId) => {
+    state.userId = userId
+    localStorage.userId = userId
+  },
+  SET_USER_FULL_NAME: (state, userFullName) => {
+    state.userFullName = userFullName
+    localStorage.userFullName = userFullName
+  },
+  SET_SUPERVISOR: (state, isSupervisor) => {
+    localStorage.isSupervisor = isSupervisor
+  },
+  // 即将废弃 userHeadImgUrl 2023-08-08
+  // setUserHeadImgUrl(state, url) {
+  //   state.userHeadImgUrl = url
+  //   localStorage.setItem('userHeadImgUrl', url)
+  // },
+  SET_USER_INFO: (state, userInfo) => {
+    state.userInfo = userInfo
+    if (userInfo && userInfo.tenantId) {
+      state.tenantId = userInfo.tenantId
+      localStorage.tenantId = userInfo.tenantId
+    }
+  },
+  SET_PWD_INFO(state, pwdInfo) {
+    state.pwdInfo = pwdInfo
+  },
+  SET_GREY_INFO(state, greyInfo) {
+    state.greyInfo = greyInfo
+  },
+  SET_HELP_AND_BPM_INFO(state, help_and_BPM_info) {
+    state.help_and_BPM_info = help_and_BPM_info
+  },
+  SET_UNREAD_TOTAL(state, unread) {
+    state.unread = unread
+  },
+}
+
+export default mutations

package/references/web-ui/src/store/piniaToVuex/index.ts

@@ -0,0 +1,179 @@
+/* eslint-disable @typescript-eslint/no-unsafe-function-type */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/*
+ * @Author: liujing10 809002582@qq.com
+ * @Date: 2025-05-07 14:05:07
+ * @LastEditors: liujing10 809002582@qq.com
+ * @LastEditTime: 2025-05-14 11:46:04
+ * @Description:
+ *      通过自定义封装，将pinia转换成vuex的使用方式，并且可以挂在至vue全局上。
+ *      使用方式与vuex一样。
+ *      例如：this.$store.app.xxxx
+ *           this.$store.dispatch('xxxx',xxxx)
+ *           this.$store.commit('xxxx',xxxxx)
+ *
+ *
+ *      import { createPinia } from 'pinia'
+ *      import getStore from '@/store/piniaToVuex'
+ *
+ *      初始化 pinia
+ *      instance.use(createPinia())
+ *      挂在至 Vue 原型连上
+ *      Properties.$store = getStore();
+ */
+
+import { defineStore } from 'pinia';
+import app from '@/store/modules/app'
+import user from '@/store/modules/user'
+import theme from '@/store/modules/theme'
+import tagsView from '@/store/modules/tagsView'
+import permission from '@/store/modules/permission'
+
+const toStore = (name: string, storeInfo: any) => {
+    return defineStore(name, {
+        state: storeInfo.state,
+        getters: storeInfo.getters,
+        actions: storeInfo.actions
+    })
+}
+
+const storeMap = {
+    app,
+    user,
+    theme,
+    tagsView,
+    permission,
+} as const;
+
+const actionMap: any = Object.keys(storeMap).reduce((obj, key) => {
+    return { ...obj, [key]: (storeMap as any)[key].actions }
+}, {} as Record<keyof typeof storeMap, any>);
+
+const mutationMap: any  = Object.keys(storeMap).reduce((obj, key) => {
+    return { ...obj, [key]: (storeMap as any)[key].mutations }
+}, {} as Record<keyof typeof storeMap, any>);
+
+const getterMap: any  = Object.keys(storeMap).reduce((obj, key) => {
+    return { ...obj, [key]: (storeMap as any)[key].getters }
+}, {} as Record<keyof typeof storeMap, any>);
+
+let $STORE: any = null;
+
+export function mapState(obj: any) {
+    return Object.keys(obj).reduce((methods, key) => {
+        methods[key] = function () {
+            return obj[key]($STORE.state)
+        }
+        return methods
+    }, {} as Record<string, Function>)
+}
+
+export function mapGetters(list: string[]) {
+    return list.reduce((gettersMap, key) => {
+        gettersMap[key] = function () {
+            return $STORE.getters[key]
+        }
+        return gettersMap
+    }, {} as Record<string, Function>)
+}
+
+export function mapMutations(list: string[]) {
+    return list.reduce((mutations, key) => {
+        mutations[key] = function (...args) {
+            return $STORE.commit(key, ...args)
+        }
+        return mutations
+    }, {} as Record<string, (...args: any)=> any>)
+}
+
+export function mapActions(list: string[]) {
+    return list.reduce((mutations, key) => {
+        mutations[key] = function (...args) {
+            return $STORE.dispatch(key, ...args)
+        }
+        return mutations
+    }, {} as Record<string, (...args: any)=> any>)
+}
+
+const build = () => {
+    if ($STORE) return $STORE;
+    const storeObj = Object.keys(storeMap).reduce((obj, key) => { return { ...obj, [key]: toStore(key, (storeMap as any)[key]) } }, {});
+    const entityStore:any = {};
+    const state = new Proxy(storeObj, {
+        get(target: any, prop) {
+            if (prop in entityStore) {
+                return entityStore[prop].$state;
+            } else {
+                entityStore[prop] = target[prop]()
+            }
+            return entityStore[prop].$state;
+        }
+    })
+
+    const getters = new Proxy(storeObj, {
+        get(target:any, prop) {
+            const storeName = Object.keys(getterMap).find(key => prop in getterMap[key]);
+            if(!storeName){
+              return null
+            }
+            if (storeName in entityStore) {
+                return getterMap[storeName][prop](entityStore[storeName].$state)
+            } else {
+                entityStore[storeName] = target[storeName]()
+            }
+            return getterMap[storeName][prop](entityStore[storeName].$state)
+        },
+        set(target, key, value) {
+            if (key === 'age' && typeof value !== 'number') {
+                throw new Error('Age must be a number!');
+            }
+            return Reflect.set(target, key, value);
+        }
+    })
+
+    $STORE = {
+        state,
+        getters,
+        commit(name: string, ...args: any) {
+            if (name.includes('/')) {
+
+            } else {
+                const storeName = Object.keys(mutationMap).find(key => name in mutationMap[key]);
+
+                if (!storeName) return null;
+
+                const store = entityStore[storeName];
+                if (!store) return null;
+
+                const fun = mutationMap[storeName][name];
+                if (!fun) return null;
+
+                return fun(store.$state, ...args);
+            }
+        },
+        dispatch(name: string, ...args: any[]) {
+
+
+            if (name.includes('/')) {
+
+            } else {
+                const storeName = Object.keys(actionMap).find(key => name in actionMap[key]);
+
+                if (!storeName) return null;
+                const store = entityStore[storeName]
+                if (!store) return null;
+
+                const fun = store?.[name];
+                if (!fun) return null;
+                return fun({
+                    state: store.$state,
+                    commit: $STORE.commit,
+                    dispatch: $STORE.dispatch
+                }, ...args);
+            }
+        }
+    }
+    return $STORE
+}
+
+export default build

package/references/web-ui/src/stores/counter.ts

@@ -0,0 +1,12 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useCounterStore = defineStore('counter', () => {
+  const count = ref(0)
+  const doubleCount = computed(() => count.value * 2)
+  function increment() {
+    count.value++
+  }
+
+  return { count, doubleCount, increment }
+})