w-web-perm 1.0.0

package/src/main.js

@@ -0,0 +1,103 @@
+import get from 'lodash/get'
+// import '@babel/polyfill' //需提供Vuetify的Symbol等API
+// import 'core-js/stable' //需提供Vuetify的Symbol等API, 官網說使用transpileDependencies但不夠, 改用之前提到的@babel/polyfill會被提示已廢棄, 改使用給webpack的polyfill方式才行
+// import 'regenerator-runtime/runtime'
+// import 'intersection-observer' //需供Vuetify的Intersection Observer, 專案內有使用v-intersect才需引入, 而w-component-vue沒用v-intersect
+import Vue from 'vue'
+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 mVuetify from './plugins/mVuetify.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('globalState', globalState)
+// 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: true,
+    getToken: () => {
+        let token = get(Vue.prototype, `$store.state.userToken`, '')
+        // console.log('getToken', token)
+        return token
+    },
+    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({
+    vuetify: mVuetify,
+    store,
+    render: h => h(App)
+}).$mount('#app')
+

package/src/perm.mjs

@@ -0,0 +1,61 @@
+import axios from 'axios'
+import isestr from 'wsemi/src/isestr.mjs'
+import genPm from 'wsemi/src/genPm.mjs'
+
+
+let _url = ''
+
+
+function iniPerm(url) {
+    _url = url
+}
+
+
+async function getPerm(token) {
+
+    //check
+    if (!isestr(_url)) {
+        throw new Error(`invalid url, need to use iniPerm to set url`)
+    }
+
+    //pm
+    let pm = genPm()
+
+    //url
+    let url = `${_url}?token=${token}`
+
+    //axios
+    await axios({
+        method: 'get',
+        url,
+        // headers: { 'Content-Type': 'application/json; charset=utf-8' },
+        // data: rin,
+    })
+        .then((res) => {
+            // console.log(res)
+            let r = {
+                msg: '成功取得使用者權限',
+                res,
+            }
+            pm.resolve(r)
+        })
+        .catch((err) => {
+            // console.log(err)
+            let r = {
+                msg: '取得使用者權限發生錯誤',
+                res: err,
+            }
+            pm.reject(r)
+        })
+
+    return pm
+}
+
+
+let perm = {
+    iniPerm,
+    getPerm,
+}
+
+
+export default perm

package/src/plugins/mDataSelectorSchema.mjs

@@ -0,0 +1,30 @@
+import get from 'lodash/get'
+import find from 'lodash/find'
+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,66 @@
+// 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 html2picDyn from 'wsemi/src/html2picDyn.mjs'
+// import urlParse from 'wsemi/src/urlParse.mjs'
+// import domConvertToPicDyn from 'wsemi/src/domConvertToPicDyn.mjs'
+// import ltdtkeysheads2mat from 'wsemi/src/ltdtkeysheads2mat.mjs'
+// import downloadFileFromB64 from 'wsemi/src/downloadFileFromB64.mjs'
+// import downloadExcelFileFromDataDyn from 'wsemi/src/downloadExcelFileFromDataDyn.mjs'
+// import getFileAccept from 'wsemi/src/getFileAccept.mjs'
+// import downloadFileFromU8Arr from 'wsemi/src/downloadFileFromU8Arr.mjs'
+
+
+function mDataSupport(vo, opt = {}) {
+
+
+    return {
+
+        // mdCheckKeyInd,
+        // mdGetTextByKey,
+        // mdGetTextByKeyIndAndKey,
+
+    }
+}
+
+
+export default mDataSupport

package/src/plugins/mShare.mjs

@@ -0,0 +1,366 @@
+//前後端共用函數區
+// 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 find from 'lodash/find'
+import filter from 'lodash/filter'
+// import last from 'lodash/last'
+// import size from 'lodash/size'
+import split from 'lodash/split'
+import join from 'lodash/join'
+import cloneDeep from 'lodash/cloneDeep'
+import takeRight from 'lodash/takeRight'
+import dropRight from 'lodash/dropRight'
+import sortBy from 'lodash/sortBy'
+import sep from 'wsemi/src/sep.mjs'
+import isarr from 'wsemi/src/isarr.mjs'
+import isstr from 'wsemi/src/isstr.mjs'
+import iseobj from 'wsemi/src/iseobj.mjs'
+import haskey from 'wsemi/src/haskey.mjs'
+import composeToTree from 'wsemi/src/composeToTree.mjs'
+// import getFileAccept from 'wsemi/src/getFileAccept.mjs'
+
+
+// function atSep(attachmentsIds) {
+
+//     //ts
+//     let ts = sep(attachmentsIds, ';')
+
+//     return ts
+// }
+
+
+// function atJoin(ts) {
+
+//     //uniq
+//     ts = uniq(ts)
+
+//     //str
+//     let str = join(ts, ';')
+
+//     return str
+// }
+
+
+// function atParse(attachmentsIds) {
+
+//     //ts
+//     let ts = atSep(attachmentsIds)
+
+//     //ids
+//     let ids = map(ts, (v) => {
+//         let s = sep(v, '@')
+//         let table = get(s, 0, '')
+//         let id = get(s, 1, '')
+//         if (table === '') {
+//             console.log('atParse: invalid table in attachmentsIds', attachmentsIds)
+//         }
+//         if (id === '') {
+//             console.log('atParse: invalid id in attachmentsIds', attachmentsIds)
+//         }
+//         return {
+//             table,
+//             id,
+//         }
+//     })
+
+//     return ids
+// }
+
+
+// function atRemove(inp, removeId, opt = {}) {
+
+//     //removeId
+//     if (!isstr(removeId)) {
+//         removeId = ''
+//     }
+//     if (removeId.indexOf('@') >= 0) {
+//         removeId = split(removeId, '@')[1] //取後面id
+//     }
+
+//     //ids
+//     let ids = []
+//     let returnTypeTemp = ''
+//     if (isarr(inp)) {
+//         ids = inp
+//         returnTypeTemp = 'array'
+//     }
+//     else if (isstr(inp)) {
+//         ids = atParse(inp)
+//         returnTypeTemp = 'string'
+//     }
+
+//     //returnType
+//     let returnType = get(opt, 'returnType', null)
+//     if (returnType !== 'array' && returnType !== 'string') {
+//         returnType = returnTypeTemp
+//     }
+
+
+//     //filter
+//     ids = filter(ids, (v) => {
+//         return v.id !== removeId
+//     })
+
+//     if (returnType === 'array') {
+//         return ids
+//     }
+//     return atMerge(ids)
+// }
+
+
+// function atMerge(ids) {
+
+//     //ts
+//     let ts = map(ids, (v) => {
+//         let table = get(v, 'table', '')
+//         let id = get(v, 'id', '')
+//         if (table === '') {
+//             console.log('atMerge: invalid table in ids', ids)
+//         }
+//         if (id === '') {
+//             console.log('atMerge: invalid id in ids', ids)
+//         }
+//         return `${table}@${id}`
+//     })
+
+//     return atJoin(ts)
+// }
+
+
+// function isNumOrEng(str) {
+//     let regExp = /^[\d|a-zA-Z]+$/
+//     if (regExp.test(str)) {
+//         return true
+//     }
+//     else {
+//         return false
+//     }
+// }
+
+
+// function extractFileType(fileName, fileType) {
+//     let r = ''
+
+//     //find
+//     let ar = getFileAccept()
+//     for (let i = 0; i < ar.length; i++) {
+//         if (ar[i].acp === fileType) {
+//             return ar[i].name
+//         }
+//     }
+
+//     //from name ext
+//     let s = split(fileName, '.')
+//     if (size(s) > 1) {
+//         return last(s)
+//     }
+
+//     return r
+// }
+
+
+function getAllBlocks(targets) {
+
+    //rs
+    let rs = map(targets, (v) => {
+
+        //text, parentId
+        let s = sep(v.id, '.')
+        let text = get(takeRight(s), 0) //取最後節點
+        s = dropRight(s, 1)
+        let parentId = join(s, '.') //取父節點
+
+        return {
+            ...v,
+            idTemp: v.id,
+            parentId,
+            text,
+        }
+    })
+
+    //sortBy
+    rs = sortBy(rs, 'order')
+
+    return rs
+}
+
+
+function getTreeBlocks(targets) {
+
+    //getAllBlocks
+    let blocks = getAllBlocks(targets)
+
+    //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 = JSON.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 = JSON.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) {
+
+    //getUserGroups
+    let gs = getUserGroups(user, ruleGroups)
+    // console.log('gs', gs)
+
+    //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 rulesDisplay
+}
+
+
+export {
+    // atSep,
+    // atJoin,
+    // atParse,
+    // atMerge,
+    // atRemove,
+    // getAllBlocks,
+    getTreeBlocks,
+    // getUserGroups,
+    // getTargetsByGroup,
+    getUserRules
+}