w-web-perm 1.0.0

package/src/plugins/mUI.mjs

@@ -0,0 +1,229 @@
+import Vue from 'vue'
+import min from 'lodash/min'
+import size from 'lodash/size'
+import take from 'lodash/take'
+import isEqual from 'lodash/isEqual'
+import uniq from 'lodash/uniq'
+import set from 'lodash/set'
+import get from 'lodash/get'
+import each from 'lodash/each'
+import map from 'lodash/map'
+import filter from 'lodash/filter'
+import last from 'lodash/last'
+import split from 'lodash/split'
+import join from 'lodash/join'
+import drop from 'lodash/drop'
+import dropRight from 'lodash/dropRight'
+import groupBy from 'lodash/groupBy'
+import sortBy from 'lodash/sortBy'
+import cloneDeep from 'lodash/cloneDeep'
+import cint from 'wsemi/src/cint.mjs'
+import delay from 'wsemi/src/delay.mjs'
+import isarr from 'wsemi/src/isarr.mjs'
+import isestr from 'wsemi/src/isestr.mjs'
+import isfun from 'wsemi/src/isfun.mjs'
+import iseobj from 'wsemi/src/iseobj.mjs'
+import isearr from 'wsemi/src/isearr.mjs'
+import isEle from 'wsemi/src/isEle.mjs'
+import strleft from 'wsemi/src/strleft.mjs'
+import strdelleft from 'wsemi/src/strdelleft.mjs'
+import sep from 'wsemi/src/sep.mjs'
+import aes2str from 'wsemi/src/aes2str.mjs'
+import str2aes from 'wsemi/src/str2aes.mjs'
+import haskey from 'wsemi/src/haskey.mjs'
+import genPm from 'wsemi/src/genPm.mjs'
+import pmSeries from 'wsemi/src/pmSeries.mjs'
+import waitFun from 'wsemi/src/waitFun.mjs'
+import browserView from 'wsemi/src/browserView.mjs'
+import arrHas from 'wsemi/src/arrHas.mjs'
+import arrSort from 'wsemi/src/arrSort.mjs'
+import arrInsert from 'wsemi/src/arrInsert.mjs'
+import replace from 'wsemi/src/replace.mjs'
+import timemsTZ2past from 'wsemi/src/timemsTZ2past.mjs'
+import convertToTree from 'wsemi/src/convertToTree.mjs'
+// import WUiDwload from 'w-ui-dwload/src/WUiDwload.mjs'
+
+
+let vo = Vue.prototype
+
+
+function setVo(vObj) {
+    vo = vObj
+}
+
+
+function updateConnState(connState) {
+    vo.$store.commit(vo.$store.types.UpdateConnState, connState)
+}
+
+
+function updateLoading(loading) {
+    vo.$store.commit(vo.$store.types.UpdateLoading, loading)
+}
+
+
+function updateViewState(viewState) {
+    vo.$store.commit(vo.$store.types.UpdateViewState, viewState)
+}
+
+
+function updateUserToken(userToken) {
+    vo.$store.commit(vo.$store.types.UpdateUserToken, userToken)
+}
+
+
+function updateUserSelf(userSelf) {
+    vo.$store.commit(vo.$store.types.UpdateUserSelf, userSelf)
+}
+
+
+function forceUpdate() {
+    // console.log('call forceUpdate')
+
+    function broadcast(chs) {
+        each(chs, (v) => {
+            // console.log(v.$el)
+            v.$forceUpdate()
+            if (v.$children) {
+                broadcast(v.$children)
+            }
+        })
+    }
+
+    //broadcast, 注意此處需使用更換ui內vo為mounted後的vo, 也就是含元素, 才能使用廣播技術
+    broadcast(vo.$children)
+
+}
+
+
+function setLang(lang = null) {
+    // console.log('call setLang')
+
+    //check lang, 若有輸入才commit
+    if (isestr(lang)) {
+        vo.$store.commit(vo.$store.types.UpdateLang, lang)
+    }
+
+    //getKpLang, 切換lang得調用getKpLang重算kpText
+    getKpLang()
+
+    //forceUpdate
+    forceUpdate()
+
+}
+
+
+function getKpLang() {
+    // console.log('call getKpLang')
+
+    //merge keyLangs
+    let keyLangs = get(vo, '$store.state.keyLangs')
+    let webName = get(vo, '$store.state.webInfor.webName')
+    let webDescription = get(vo, '$store.state.webInfor.webDescription')
+    let kls = {
+        ...keyLangs,
+        webName: {
+            ...webName,
+        },
+        webDescription: {
+            ...webDescription,
+        },
+    }
+
+    //lang
+    let lang = get(vo, '$store.state.lang')
+
+    //kpText
+    let kpText = {}
+    each(kls, (v, k) => {
+        kpText[k] = v[lang]
+    })
+
+    //commit
+    vo.$store.commit(vo.$store.types.UpdateKpText, kpText)
+
+    return kpText
+}
+
+
+function getKpText(key) {
+    // console.log('call getKpText')
+    let kpText = get(vo, '$store.state.kpText')
+    return get(kpText, key, '')
+}
+
+
+function gv(o, k, cv = null) {
+    let r = get(o, k, '')
+    if (!isestr(r)) {
+        let def = getKpText('empty')
+        return def
+    }
+    if (isfun(cv)) {
+        r = cv(r)
+    }
+    return r
+}
+
+
+function syncHeight() {
+
+    //heightToolbar
+    let heightToolbar = get(vo, '$store.state.heightToolbar')
+
+    //heightAppEff
+    let heightAppEff = window.innerHeight - heightToolbar
+
+    //commit
+    // vo.$store.commit(vo.$store.types.UpdateHeightToolbar, heightToolbar)
+    vo.$store.commit(vo.$store.types.UpdateHeightApp, window.innerHeight)
+    vo.$store.commit(vo.$store.types.UpdateHeightAppEff, heightAppEff)
+
+    return ''
+}
+
+
+async function waitData(t = 0) {
+
+    //delay
+    if (t > 0) {
+        await delay(t)
+    }
+
+    //waitFun, 等待dsrl模組掛載
+    await waitFun(() => {
+        return iseobj(get(vo, '$dsrl'))
+    })
+
+    //等待前端第一次同步完畢數據
+    await waitFun(() => {
+        return get(vo, '$store.state.syncState')
+    })
+
+}
+
+
+let mUI = {
+
+    setVo,
+
+    updateConnState,
+    updateLoading,
+    updateViewState,
+    updateUserToken,
+    updateUserSelf,
+    forceUpdate,
+
+    setLang,
+    getKpLang,
+    getKpText,
+
+    gv,
+    syncHeight,
+
+    waitData,
+
+}
+
+
+export default mUI

package/src/plugins/mVuetify.mjs

@@ -0,0 +1,12 @@
+import Vue from 'vue'
+import Vuetify from 'vuetify/lib'
+// import Vuetify from 'vuetify'
+// import 'vuetify/dist/vuetify.min.css'
+
+Vue.use(Vuetify)
+
+export default new Vuetify({
+    icons: {
+        iconfont: 'mdiSvg',
+    },
+})

package/src/schema/gi.mjs

@@ -0,0 +1,8 @@
+import genIndex from 'w-data-collector/src/genIndex.mjs'
+
+
+//genIndex
+genIndex('./src/schema/tables', './src/schema')
+
+
+//node --experimental-modules --es-module-specifier-resolution=node ./src/schema/gi.mjs

package/src/schema/index.mjs

@@ -0,0 +1,20 @@
+import ruleGroups from './tables/ruleGroups.mjs'
+import targets from './tables/targets.mjs'
+import users from './tables/users.mjs'
+import build from 'w-data-collector/src/build.mjs'
+
+
+let cs = {
+    ruleGroups,
+    targets,
+    users,
+}
+
+//ds
+let ds = {}
+for (let k in cs) {
+    ds[k] = build(cs[k], { useCreateStorage: false })
+}
+
+
+export default ds

package/src/schema/tables/ruleGroups.mjs

@@ -0,0 +1,100 @@
+import map from 'lodash/map'
+import keys from 'lodash/keys'
+import genID from 'wsemi/src/genID.mjs'
+import dtmapping from 'wsemi/src/dtmapping.mjs'
+import dtpick from 'wsemi/src/dtpick.mjs'
+import nowms2str from 'wsemi/src/nowms2str.mjs'
+import now2strp from 'wsemi/src/now2strp.mjs'
+
+
+let keyTable = 'ruleGroups'
+let tableNameCht = '權限群組'
+let tableNameEng = 'Rule groups'
+
+let settings = {
+    id: {
+        pk: true,
+        name: '主鍵',
+        type: 'STRING',
+    },
+    name: {
+        name: '名稱',
+        type: 'STRING',
+    },
+    order: {
+        name: '順序',
+        type: 'INTEGER',
+    },
+    // type: { //可依照type分組
+    //     name: '類別',
+    //     type: 'STRING',
+    // },
+    description: {
+        name: '說明',
+        type: 'TEXT',
+    },
+    crules: {
+        name: '規則', //為json字串, 例如{ '___all___': {show:'y',active:'n'}, '專案A.頁A': {show:'y',active:'y'}, '專案A.頁B': {show:'n',active:'n'} }
+        type: 'TEXT',
+    },
+    userId: {
+        name: '創建使用者主鍵',
+        type: 'STRING',
+    },
+    timeCreate: {
+        name: '創建時間',
+        type: 'STRING',
+    },
+    userIdUpdate: {
+        name: '最新變更使用者主鍵',
+        type: 'STRING',
+    },
+    timeUpdate: {
+        name: '更新時間',
+        type: 'STRING',
+    },
+}
+
+let funNew = (ndata = {}) => {
+    let o = dtmapping(ndata, keys(settings))
+    o.id = `${now2strp()}-${genID()}`
+    o.userIdUpdate = o.userId
+    o.timeCreate = nowms2str()
+    o.timeUpdate = o.timeCreate
+    o.isActive = 'y'
+    return o
+}
+
+let funTest = () => {
+    let rs = [
+        ['權限群組1', `{ "___all___": { "show": "y", "active": "n" }, "專案A.頁A": { "show": "y", "active": "y" }, "專案A.頁B": { "show": "n", "active": "n" } }`],
+        ['權限群組2', `{ "___all___": { "show": "y", "active": "n" } }`],
+        ['權限群組3', `{ "___all___": { "show": "y", "active": "y" } }`],
+        // ['L0權限群組', `{ "___all___": { "show": "n", "active": "n" }, "主題列表": { "show": "y", "active": "n" } }`],
+        // ['L1權限群組', `{ "___all___": { "show": "y", "active": "y" } }`],
+    ]
+    rs = map(rs, ([g, crules], k) => {
+        let v = funNew({ userId: 'id-for-admin', crules })
+        v.id = `id-for-${g}`
+        v.name = g
+        v.order = k
+        v.description = `${g}的說明`
+        v = dtpick(v, keys(settings))
+        return v
+    })
+    console.log(`已產生: ${keyTable} 測試資料`, rs)
+    return rs
+}
+
+let tab = {
+    keyTable,
+    tableNameCht,
+    tableNameEng,
+    settings,
+    funNew,
+    funTest,
+}
+
+
+export default tab
+

package/src/schema/tables/targets.mjs

@@ -0,0 +1,100 @@
+import map from 'lodash/map'
+import keys from 'lodash/keys'
+import genID from 'wsemi/src/genID.mjs'
+import dtmapping from 'wsemi/src/dtmapping.mjs'
+import dtpick from 'wsemi/src/dtpick.mjs'
+import nowms2str from 'wsemi/src/nowms2str.mjs'
+import now2strp from 'wsemi/src/now2strp.mjs'
+
+
+let keyTable = 'targets'
+let tableNameCht = '管控對象'
+let tableNameEng = 'Targets'
+
+let settings = {
+    id: {
+        pk: true,
+        name: '主鍵', //儲存對象路徑, 不同階層用句點「.」分開, 可用unicode
+        type: 'STRING',
+    },
+    order: {
+        name: '順序',
+        type: 'INTEGER',
+    },
+    // key: {
+    //     name: '所屬區塊識別鍊',
+    //     type: 'STRING',
+    // },
+    // name: {
+    //     name: '區塊名稱',
+    //     type: 'STRING',
+    // },
+    description: {
+        name: '說明',
+        type: 'TEXT',
+    },
+}
+
+let funNew = (ndata = {}) => {
+    let o = dtmapping(ndata, keys(settings))
+    o.id = `${now2strp()}-${genID()}`
+    o.timeCreate = nowms2str()
+    o.timeUpdate = o.timeCreate
+    o.isActive = 'y'
+    return o
+}
+
+let funTest = () => {
+    let rs = [
+        '專案A',
+        '專案A.頁A',
+        '專案A.頁A.區塊A',
+        '專案A.頁A.區塊A.執行按鈕',
+        '專案A.頁A.區塊A.分析按鈕',
+        '專案A.頁B',
+        '專案A.頁B.區塊A',
+        '專案A.頁B.區塊A.執行按鈕',
+        '專案A.頁B.區塊A.分析按鈕',
+        '專案A.頁B.區塊B',
+        '專案A.頁B.區塊B.展開按鈕',
+        '專案A.頁B.區塊B.下載按鈕',
+        '專案B',
+        '專案B.頁A',
+        '專案B.頁A.區塊A',
+        '專案B.頁A.區塊A.下載報表按鈕',
+        '專案B.頁A.區塊A.下載數據按鈕',
+        '專案B.頁B.區塊A',
+        '專案B.頁B.區塊B',
+        '專案B.頁B.區塊B.顯示後台按鈕',
+        '專案B.頁B.區塊B.轉跳主站按鈕',
+        // '主題列表',
+        // '主題列表.隱藏已刪除',
+        // '主題列表.新增主題',
+        // '主題列表.主題排序',
+        // '主題列表.編輯主題',
+        // '主題列表.刪除主題',
+        // '後台管理',
+        // '權限管理',
+    ]
+    rs = map(rs, (key, k) => {
+        let v = funNew({ userId: 'id-for-admin', description: key })
+        v.id = `id-for-${key}`
+        v = dtpick(v, keys(settings))
+        return v
+    })
+    console.log(`已產生: ${keyTable} 測試資料`, rs)
+    return rs
+}
+
+let tab = {
+    keyTable,
+    tableNameCht,
+    tableNameEng,
+    settings,
+    funNew,
+    funTest,
+}
+
+
+export default tab
+

package/src/schema/tables/users.mjs

@@ -0,0 +1,125 @@
+import map from 'lodash/map'
+import keys from 'lodash/keys'
+import genID from 'wsemi/src/genID.mjs'
+import dtmapping from 'wsemi/src/dtmapping.mjs'
+import dtpick from 'wsemi/src/dtpick.mjs'
+import nowms2str from 'wsemi/src/nowms2str.mjs'
+import now2strp from 'wsemi/src/now2strp.mjs'
+
+
+let keyTable = 'users'
+let tableNameCht = '使用者'
+let tableNameEng = 'Users'
+
+
+let settings = {
+    id: {
+        pk: true,
+        name: '主鍵',
+        type: 'STRING',
+    },
+    name: {
+        name: '姓名',
+        type: 'STRING',
+    },
+    email: {
+        name: '電子郵件',
+        type: 'STRING',
+    },
+    description: {
+        name: '描述',
+        type: 'TEXT',
+    },
+    from: {
+        name: '來源',
+        type: 'STRING',
+    },
+    ruleGroupsIds: {
+        name: '所屬權限群組主鍵', //多主鍵用分號區隔
+        type: 'STRING',
+    },
+    isVirtual: {
+        name: '是否為虛擬使用者', //代表由外部系統(如SSO或AD)提供之使用者
+        type: 'STRING',
+    },
+    isAdmin: {
+        name: '是否為系統管理員',
+        type: 'STRING',
+    },
+    userId: {
+        name: '創建使用者主鍵',
+        type: 'STRING',
+    },
+    timeCreate: {
+        name: '創建時間',
+        type: 'STRING',
+    },
+    userIdUpdate: {
+        name: '最新變更使用者主鍵',
+        type: 'STRING',
+    },
+    timeUpdate: {
+        name: '更新時間',
+        type: 'STRING',
+    },
+    isActive: {
+        name: '是否有效',
+        type: 'STRING',
+    },
+}
+
+let funNew = (ndata = {}) => {
+    let o = dtmapping(ndata, keys(settings))
+    o.id = `${now2strp()}-${genID()}`
+    o.isVirtual = 'n'
+    o.isAdmin = 'n'
+    o.userIdUpdate = o.userId
+    o.timeCreate = nowms2str()
+    o.timeUpdate = o.timeCreate
+    o.isActive = 'y'
+    return o
+}
+
+let funTest = () => {
+    let rs = [
+        '王小明',
+        'peter',
+        'mary',
+        'john',
+        'bill',
+        'admin',
+    ]
+    rs = map(rs, (name, k) => {
+        let v = funNew({ userId: 'id-for-admin', name })
+        v.id = `id-for-${name}`
+        v.email = `${name}@example.com`
+        v = dtpick(v, keys(settings))
+        return v
+    })
+    rs[0].ruleGroupsIds = `id-for-權限群組1;id-for-權限群組2`
+    rs[1].ruleGroupsIds = `id-for-權限群組1`
+    rs[0].from = 'teamA'
+    rs[1].from = 'teamA'
+    rs[2].from = 'teamA'
+    rs[3].from = 'teamB'
+    rs[4].from = 'teamB'
+    rs[4].isActive = 'n'
+    rs[5].ruleGroupsIds = `id-for-L1權限群組`
+    rs[5].description = '測試系統管理員描述說明'
+    rs[5].isAdmin = 'y' //admin
+    console.log(`已產生: ${keyTable} 測試資料`, rs)
+    return rs
+}
+
+let tab = {
+    keyTable,
+    tableNameCht,
+    tableNameEng,
+    settings,
+    funNew,
+    funTest,
+}
+
+
+export default tab
+

package/src/store/actions.mjs

@@ -0,0 +1 @@
+//非同步執行, 不需要

package/src/store/getters.mjs

@@ -0,0 +1 @@
+//不需要

package/src/store/index.mjs

@@ -0,0 +1,25 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+import { state, mutations } from './mutations.mjs'
+import * as getters from './getters.mjs'
+import * as actions from './actions.mjs'
+import * as types from './types.mjs'
+
+
+//use
+Vue.use(Vuex)
+
+let st = new Vuex.Store({
+    state,
+    mutations,
+    getters,
+    actions,
+    strict: true, //嚴格模式禁止修改state
+})
+
+//save to $store
+st.types = types
+Vue.prototype.$store = st
+// console.log('$store', st)
+
+export default st