olp-table 5.3.1 → 5.3.4

package/src/directives/permission/hasPermi.js

@@ -0,0 +1,63 @@
+import {storePermi} from "@/store/permi";
+
+const store = storePermi();
+store.init()
+
+export function hasPermi(app) {
+    app.directive('hasPermi', (el, binding) => {
+        const {value} = binding
+        if (value && Array.isArray(value) && value.length > 0) {
+            doPermission(el, value)
+        } else if (value && typeof value === 'string' && value.length > 2 && value.indexOf('[') === 0) {
+            doPermission(el, eval(value))
+        } else {
+            throw new Error('permission.hasPermission') // 修改为普通字符串，去掉 `t()` 的国际化调用
+        }
+    })
+}
+
+export function doPermission(el, value) {
+    // const all_permission = '*:*:*'
+    // console.info('doPermission当前按钮权限：', value[0])
+    const storedUser = localStorage.getItem('user');
+    // console.info('缓存中的用户信息：', storedUser)
+    let allButpermissions = store.val // 所有按钮权限列表
+    let permissionFlag = value[0]//v-hasPermi指令的值
+    if (allButpermissions.length === 0) {
+        return true;
+    }
+
+    let hasPermissions = allButpermissions.includes(permissionFlag)
+    if (!hasPermissions) {//菜单里没配有这个按钮权限，就直接显示这个按钮，无需隐藏
+        // console.info(value[0]+'按钮无需权限，直接显示按钮')
+        return true;
+    }
+
+    if (hasPermissions) {//菜单中配有这个按钮权限，那看看用户是否有这个按钮权限
+        if (storedUser === null || storedUser === undefined) {
+            // console.info(value[0]+'按钮 缓存中没有用户信息，直接显示按钮')
+            return true;
+        }
+        //用户权限列表
+        const user = JSON.parse(JSON.parse(storedUser).v);
+
+        //角色
+        if(user.roles?.includes('super_admin')){
+            // console.info(value[0]+'按钮 管理员角色，直接显示按钮')
+            return true;
+        }
+
+        //权限
+        let userPermissions = user.permissions
+        hasPermissions = userPermissions.includes(permissionFlag)
+    }
+
+    if (!hasPermissions) {
+        // console.info(value[0]+'按钮 无权限！！！！！！')
+        if (el.parentNode) {
+            el.parentNode.removeChild(el)
+        }
+    }
+    console.info(value[0]+'按钮 有权限显示按钮')
+    return hasPermissions;
+}

package/src/directives/permission/hasRole.js

@@ -0,0 +1,30 @@
+// import { CACHE_KEY, useCache } from '@/hooks/web/useCache'
+
+export function hasRole(app) {
+  app.directive('hasRole', (el, binding) => {
+
+    const { value } = binding
+    const super_admin = 'admin'
+
+    // const { wsCache } = useCache()
+    // const roles = wsCache.get(CACHE_KEY.USER).roles
+
+    const roles = []
+
+    if (value && Array.isArray(value) && value.length > 0) {
+      const roleFlag = value
+
+      const hasRole = roles.some((role) => {
+        return super_admin === role || roleFlag.includes(role)
+      })
+
+      if (!hasRole) {
+        if (el.parentNode) {
+          el.parentNode.removeChild(el)
+        }
+      }
+    } else {
+      throw new Error('permission.hasRole') // 修改为普通字符串，去掉 `t()` 的国际化调用
+    }
+  })
+}

package/src/main.js

@@ -0,0 +1,55 @@
+import '@/styles/index.scss'
+import { createApp } from 'vue'
+import App from './App.vue'
+import CodemirrorTag from "@/components/codemirror-tag"
+import olDictTag from "@/components/ol-dict-tag.vue"
+import olSelectDom from "@/components/ol-select-dom.vue"
+import VXETable from 'vxe-table'
+import 'vxe-table/lib/style.css'
+import ElementPlus from 'element-plus'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+
+import zhCn from 'element-plus/es/locale/lang/zh-cn'
+import 'element-plus/dist/index.css'
+import Avue from '@smallwei/avue';
+import '@smallwei/avue/lib/index.css';
+import { createPinia } from "pinia";
+import olTable from "@/components/table/ol-table/index.vue";
+import olTableSearch from "@/components/table/ol-table-search/index.vue";
+//import olpRender from 'olp-render/designer.umd';
+//import 'olp-render/designer.style.css'
+import './assets/iconfont/iconfont.css'
+import './styles/common.scss'
+import modelIndex from "@/components/table/model/model-index";
+import 'default-passive-events'
+import { loadStyle } from './utils/loadStyle.js'
+// 权限
+import {hasPermi} from './directives/permission/hasPermi';
+import {hasRole} from './directives/permission/hasRole';
+
+loadStyle()
+VXETable.setup({
+    version:0,
+    zIndex:9999
+})
+const app = createApp(App)
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+    app.component(key, component)
+}
+const pinia = createPinia();
+app.use(pinia);
+app.use(Avue)
+app.use(VXETable)
+//app.use(olpRender)
+app.use(ElementPlus,{locale:zhCn})
+// 权限指令
+hasPermi(app);
+// hasRole(app);
+// 全局组件挂载
+app.component('olDictTag', olDictTag)
+app.component('olSelectDom', olSelectDom)
+app.component('olTable', olTable)
+app.component('olTableSearch', olTableSearch)
+app.component('OTable', modelIndex)
+app.component("olCodemirrorTag",CodemirrorTag)
+app.mount('#app')