w-web-sso 1.0.0

package/src/main.js

@@ -0,0 +1,97 @@
+import Vue from 'vue'
+import get from 'lodash-es/get.js'
+import WServHapiClient from 'w-serv-hapi/src/WServHapiClient.mjs'
+import WAlert from 'w-component-vue/src/components/WAlert.mjs'
+import domMutation from 'w-component-vue/src/js/domMutation.mjs'
+import domResize from 'w-component-vue/src/js/domResize.mjs'
+import domDragDrop from 'w-component-vue/src/js/domDragDrop.mjs'
+import App from './App.vue'
+import store from './store/index.mjs'
+import ui from './plugins/mUI.mjs'
+import mDataSelectorSchema from './plugins/mDataSelectorSchema.mjs'
+// import mDataSupport from './plugins/mDataSupport.mjs'
+import * as s from './plugins/mShare.mjs'
+import ds from './schema/index.mjs'
+// console.log('ds', ds)
+
+
+//不提示vue產品
+Vue.config.productionTip = false
+
+//$alert
+Vue.prototype.$alert = function() {
+    let [msg, type] = arguments
+    console.log(msg, type)
+    if (msg !== 'close') {
+        WAlert(msg, type)
+    }
+}
+
+//dssm
+let dssm = mDataSelectorSchema(ds)
+
+// //dspt
+// let dspt = mDataSupport(Vue.prototype)
+
+//prototype
+Vue.prototype.$ui = ui
+Vue.prototype.$t = ui.getKpText
+Vue.prototype.$s = s
+Vue.prototype.$dssm = dssm
+// Vue.prototype.$dspt = dspt
+// Vue.prototype.$ds = ds
+Vue.prototype.$dg = {}
+
+//directive
+Vue.directive('domresize', domResize())
+Vue.directive('dommutation', domMutation())
+Vue.directive('domdragdrop', domDragDrop())
+
+//WServHapiClient
+let bFirstSync = false
+WServHapiClient({
+    showLog: false,
+    getUrl: () => {
+        return window.location.origin + window.location.pathname
+    },
+    useWaitToken: false,
+    getToken: () => {
+        // let token = get(Vue.prototype, `$store.state.userToken`, '')
+        // console.log('getToken', token)
+        // return token
+        return ''
+    },
+    getServerMethods: (_fapi) => {
+        console.log('$fapi', _fapi)
+        Vue.prototype.$fapi = _fapi
+        _fapi.getWebInfor() //已有fapi時優先取得web資訊
+            .then((wi) => {
+                console.log('$fapi getWebInfor', wi)
+                Vue.prototype.$store.commit(Vue.prototype.$store.types.UpdateWebInfor, wi)
+                ui.setLang() //因更新webInfor得要重刷語系才能依照語言取得顯示文字
+            })
+            .catch((err) => {
+                console.log(err)
+            })
+    },
+    recvData: (r) => {
+        console.log('sync data', r.tableName, r.data)
+        Vue.prototype.$store.commit(Vue.prototype.$store.types.UpdateTableData, r)
+    },
+    getAfterUpdateTableTags: (r) => {
+        // console.log('getAfterUpdateTableTags', r, 'needToRefresh', JSON.stringify(r.oldTableTags) !== JSON.stringify(r.newTableTags))
+        if (bFirstSync) {
+            return
+        }
+        bFirstSync = true
+        console.log('first-sync')
+        Vue.prototype.$store.commit(Vue.prototype.$store.types.UpdateSyncState, true)
+    },
+})
+
+//new
+new Vue({
+    store,
+    render: h => h(App)
+}).$mount('#app')
+

package/src/plugins/mDataSelectorSchema.mjs

@@ -0,0 +1,30 @@
+import get from 'lodash-es/get.js'
+import find from 'lodash-es/find.js'
+import isestr from 'wsemi/src/isestr.mjs'
+
+
+function mDataSelectorSchema(ds, opt = {}) {
+
+    function getTableInforBy(keyFind, valueFind, keyPick) {
+        let r = find(ds, { [keyFind]: valueFind })
+        if (!r) {
+            r = ''
+        }
+        if (isestr(keyPick)) {
+            r = get(r, keyPick, '')
+        }
+        return r
+    }
+
+    function getTableChtByKey(valueFind) {
+        return getTableInforBy('keyTable', valueFind, 'tableNameCht')
+    }
+
+    return {
+        getTableInforBy,
+        getTableChtByKey,
+    }
+}
+
+
+export default mDataSelectorSchema

package/src/plugins/mDataSupport.mjs

@@ -0,0 +1,23 @@
+// import get from 'lodash-es/get.js'
+// import each from 'lodash-es/each.js'
+// import map from 'lodash-es/map.js'
+// import cloneDeep from 'lodash-es/cloneDeep.js'
+// 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 cint from 'wsemi/src/cint.mjs'
+
+
+function mDataSupport(vo) {
+
+
+    return {
+
+        // fun,
+
+    }
+}
+
+
+export default mDataSupport

package/src/plugins/mShare.mjs

@@ -0,0 +1,229 @@
+//前後端共用函數區
+import JSON5 from 'json5'
+import get from 'lodash-es/get.js'
+import each from 'lodash-es/each.js'
+import map from 'lodash-es/map.js'
+import find from 'lodash-es/find.js'
+import join from 'lodash-es/join.js'
+import cloneDeep from 'lodash-es/cloneDeep.js'
+import takeRight from 'lodash-es/takeRight.js'
+import dropRight from 'lodash-es/dropRight.js'
+import sortBy from 'lodash-es/sortBy.js'
+import sep from 'wsemi/src/sep.mjs'
+import iseobj from 'wsemi/src/iseobj.mjs'
+import haskey from 'wsemi/src/haskey.mjs'
+import composeToTree from 'wsemi/src/composeToTree.mjs'
+
+
+//dlm
+let dlm = '/'
+
+
+function getAllBlocks(targets) {
+
+    //rs
+    let rs = map(targets, (v) => {
+
+        //text, parentId
+        let s = sep(v.id, dlm) //[tag:dlm]
+        let text = get(takeRight(s), 0) //取最後節點
+        s = dropRight(s, 1)
+        let parentId = join(s, dlm) //[tag:dlm] 取父節點
+
+        return {
+            ...v,
+            idTemp: v.id,
+            parentId,
+            text,
+        }
+    })
+    // console.log('rs', rs)
+
+    //sortBy
+    rs = sortBy(rs, 'order')
+    // console.log('rs sortBy', rs)
+
+    return rs
+}
+
+
+function getTreeBlocks(targets) {
+
+    //getAllBlocks
+    let blocks = getAllBlocks(targets)
+    // console.log('blocks', blocks)
+
+    //opt
+    let opt = {
+        bindKey: 'id',
+        bindParent: 'parentId',
+        bindChildren: 'children',
+        saveExtProps: true,
+    }
+
+    //composeToTree
+    let r
+    try {
+        r = composeToTree(blocks, opt)
+    }
+    catch (err) {
+        console.log(err)
+    }
+    // console.log('treeBlocks', cloneDeep(r))
+
+    return r
+}
+
+
+function getUserGroups(user, ruleGroups) {
+
+    //userGroups
+    let ruleGroupsIds = get(user, 'ruleGroupsIds', '')
+
+    //sep
+    let s = sep(ruleGroupsIds, ';')
+
+    //gs
+    let gs = []
+    each(s, (id) => {
+        let g = find(ruleGroups, { id })
+        if (iseobj(g)) {
+            gs.push(g)
+        }
+    })
+
+    //add rules
+    gs = map(gs, (g) => {
+        let rules = JSON5.parse(g.crules)
+        g.rules = rules
+        return g
+    })
+
+    return gs
+}
+
+
+function getTargetsByGroup(targets, group) {
+
+    //cloneDeep
+    targets = cloneDeep(targets)
+
+    //sortBy
+    targets = sortBy(targets, 'order')
+
+    //cloneDeep
+    group = cloneDeep(group)
+
+    //rules
+    let rules = JSON5.parse(group.crules)
+
+    //rulesDisplay
+    let rulesDisplay = {}
+    let ks = ['show', 'active']
+    each(ks, (k) => {
+
+        //___all___
+        let def = get(rules, `___all___.${k}`)
+        def = (def === 'y') ? 'y' : 'n'
+
+        //other props
+        each(targets, (v) => {
+
+            //krule
+            let krule = v.id
+
+            //check
+            if (!rulesDisplay[krule]) {
+                rulesDisplay[krule] = {}
+            }
+
+            //rule
+            let rule = rules[krule]
+
+            //r
+            let r = null
+
+            //b
+            let b = get(rule, `${k}`)
+            if (b === 'y' || b === 'n') {
+                r = b
+            }
+            else {
+                r = def
+            }
+
+            //save
+            rulesDisplay[krule][k] = r //因krule內含有「.」故不能用set
+
+        })
+
+    })
+    // console.log('rulesDisplay', rulesDisplay)
+
+    return rulesDisplay
+}
+
+
+function getUserRules(user, ruleGroups, targets) {
+    //依照使用者所允許之ruleGroups轉出對全部targets權限
+
+    //ruleGroupsIds
+    let ruleGroupsIds = get(user, 'ruleGroupsIds', '')
+
+    //getUserGroups
+    let gs = getUserGroups(user, ruleGroups)
+    // console.log('gs', gs)
+
+    //ruleGroupsNames
+    let ruleGroupsNames = map(gs, 'name')
+    ruleGroupsNames = join(ruleGroupsNames, ';')
+
+    //getTargetsByGroup
+    let rulesDisplay = {}
+    each(gs, (g) => {
+        let r = getTargetsByGroup(targets, g)
+        each(r, (v, k) => {
+
+            //check
+            if (!haskey(rulesDisplay, k)) {
+                rulesDisplay[k] = {}
+            }
+
+            //merge
+            let ks = ['show', 'active']
+            each(ks, (kk) => {
+                let bOld = rulesDisplay[k][kk]
+                let bNew = r[k][kk]
+                if (bOld === 'y') {
+                    //不用覆寫
+                }
+                else {
+                    //需覆寫
+                    if (bNew === 'y') {
+                        rulesDisplay[k][kk] = 'y'
+                    }
+                    else {
+                        rulesDisplay[k][kk] = 'n'
+                    }
+                }
+            })
+
+        })
+    })
+    // console.log('rulesDisplay', rulesDisplay)
+
+    return {
+        ruleGroupsIds,
+        ruleGroupsNames,
+        rules: rulesDisplay,
+    }
+}
+
+
+export {
+    getAllBlocks,
+    getTreeBlocks,
+    // getUserGroups,
+    // getTargetsByGroup,
+    getUserRules
+}

package/src/plugins/mUI.mjs

@@ -0,0 +1,229 @@
+import Vue from 'vue'
+import min from 'lodash-es/min.js'
+import size from 'lodash-es/size.js'
+import take from 'lodash-es/take.js'
+import isEqual from 'lodash-es/isEqual.js'
+import uniq from 'lodash-es/uniq.js'
+import set from 'lodash-es/set.js'
+import get from 'lodash-es/get.js'
+import each from 'lodash-es/each.js'
+import map from 'lodash-es/map.js'
+import filter from 'lodash-es/filter.js'
+import last from 'lodash-es/last.js'
+import split from 'lodash-es/split.js'
+import join from 'lodash-es/join.js'
+import drop from 'lodash-es/drop.js'
+import dropRight from 'lodash-es/dropRight.js'
+import groupBy from 'lodash-es/groupBy.js'
+import sortBy from 'lodash-es/sortBy.js'
+import cloneDeep from 'lodash-es/cloneDeep.js'
+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/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 ./src/schema/gi.mjs

package/src/schema/index.mjs

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

package/src/schema/tables/tokens.mjs

@@ -0,0 +1,70 @@
+import map from 'lodash-es/map.js'
+import keys from 'lodash-es/keys.js'
+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'
+import ot from 'dayjs'
+
+
+let keyTable = 'tokens'
+let tableNameCht = '金鑰'
+let tableNameEng = 'Tokens'
+
+
+let settings = {
+    id: {
+        pk: true,
+        name: '主鍵',
+        type: 'STRING',
+    },
+    token: {
+        name: '金鑰',
+        type: 'STRING',
+    },
+    userId: {
+        name: '使用者主鍵',
+        type: 'STRING',
+    },
+    timeCreate: {
+        name: '創建時間',
+        type: 'STRING',
+    },
+    timeEnd: {
+        name: '到期時間',
+        type: 'STRING',
+    },
+    timeUpdate: {
+        name: '更新時間',
+        type: 'STRING',
+    },
+}
+
+let funNew = (ndata = {}) => {
+    let o = dtmapping(ndata, keys(settings))
+    o.id = `${now2strp()}-${genID()}`
+    o.token = `${now2strp()}-${genID()}`
+    o.timeCreate = nowms2str()
+    o.timeEnd = ot().add(30, 'minute').format()
+    o.timeUpdate = o.timeCreate
+    return o
+}
+
+let funTest = () => {
+    let rs = []
+    return rs
+}
+
+let tab = {
+    keyTable,
+    tableNameCht,
+    tableNameEng,
+    settings,
+    funNew,
+    funTest,
+}
+
+
+export default tab
+