w-web-api 1.0.0

package/src/components/MdPanel.vue

@@ -0,0 +1,152 @@
+<template>
+    <div>
+        <div class="md" v-html="mdh"></div>
+    </div>
+</template>
+
+<script>
+// import get from 'lodash/get'
+// import find from 'lodash/find'
+// import each from 'lodash/each'
+// import map from 'lodash/map'
+// import size from 'lodash/size'
+// import sortBy from 'lodash/sortBy'
+// import isNumber from 'lodash/isNumber'
+// import cloneDeep from 'lodash/cloneDeep'
+// import sep from 'wsemi/src/sep.mjs'
+// import isobj from 'wsemi/src/isobj.mjs'
+// import iseobj from 'wsemi/src/iseobj.mjs'
+// import isestr from 'wsemi/src/isestr.mjs'
+// import isearr from 'wsemi/src/isearr.mjs'
+// import pmSeries from 'wsemi/src/pmSeries.mjs'
+// import waitFun from 'wsemi/src/waitFun.mjs'
+// import strleft from 'wsemi/src/strleft.mjs'
+// import strdelleft from 'wsemi/src/strdelleft.mjs'
+// import str2aes from 'wsemi/src/str2aes.mjs'
+// import timeTZ2past from 'wsemi/src/timeTZ2past.mjs'
+import Showdown from 'showdown'
+// import MarkdownIt from 'markdown-it'
+
+
+export default {
+    components: {
+    },
+    props: {
+        md: {
+            type: String,
+            default: '',
+        },
+    },
+    data: function() {
+        return {
+        }
+    },
+    computed: {
+
+        mdh: function() {
+            let vo = this
+
+            // md = `| 參數 | 型別 | 範例 |
+            // | -- | -- | -- |
+            // | token | STRING | key-for-token |
+            // | id | STRING | id-for-test |
+            // | paramA | INTEGER | 123 |
+            // | paramB | DOUBLE | 123.456 |
+            // `
+
+            let cv = new Showdown.Converter()
+            cv.setOption('tables', true)
+            let html = cv.makeHtml(vo.md)
+
+            // let cv = new MarkdownIt()
+            // let html = cv.render(vo.md)
+
+            // console.log('md', md)
+            // console.log('html', html)
+            return html
+        },
+
+    },
+    methods: {
+    }
+}
+</script>
+
+<style scoped>
+
+.md >>> table {
+    border-collapse: collapse;
+    margin: 0;
+    padding: 0;
+    word-break: initial;
+}
+
+.md >>> tr {
+    margin: 0;
+    padding: 0;
+}
+
+.md >>> table tr th {
+    font-weight: bold;
+    background: #eee;
+    border: 1px solid #ddd;
+    border-bottom: 0;
+    margin: 0;
+    padding: 6px 13px;
+}
+
+.md >>> table tr td {
+    border: 1px solid #ddd;
+    margin: 0;
+    padding: 6px 13px;
+}
+
+.md >>> h1 {
+    font-weight: bold;
+    font-size: 1.2rem;
+    line-height: 1.2rem;
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+}
+
+.md >>> h2 {
+    font-weight: bold;
+    font-size: 1.1rem;
+    line-height: 1.1rem;
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+}
+
+.md >>> h3 {
+    font-weight: bold;
+    font-size: 1rem;
+    line-height: 1rem;
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+}
+
+.md >>> h4 {
+    font-weight: bold;
+    font-size: 1rem;
+    line-height: 1rem;
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+}
+
+.md >>> h5 {
+    font-weight: bold;
+    font-size: 1rem;
+    line-height: 1rem;
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+}
+
+.md >>> h6 {
+    font-weight: bold;
+    font-size: 1rem;
+    line-height: 1rem;
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+}
+
+</style>

package/src/main.js

@@ -0,0 +1,98 @@
+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.$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({
+    getUrl: () => {
+        return window.location.origin + window.location.pathname
+    },
+    useWaitToken: false,
+    getToken: () => {
+        return get(Vue.prototype, `$store.state.userToken`, '')
+    },
+    getServerMethods: (_fapi) => {
+        console.log('$fapi', _fapi)
+        Vue.prototype.$fapi = _fapi
+        _fapi.getWebInfor() //已有fapi時優先取得web資訊
+            .then((wi) => {
+                // console.log('$fapi wi', wi)
+                Vue.prototype.$store.commit(Vue.prototype.$store.types.UpdateWebInfor, wi)
+            })
+            .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/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,78 @@
+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 {
+
+        // getMetadataByTablenameAndId,
+
+        // getProjectBasic,
+        // getProjectsBasic,
+
+        // treeMds,
+        // treeProjectsBasicAndMds,
+
+        // mdCheckKeyInd,
+        // mdGetTItemsByKeyInd,
+        // mdGetSizeByKeyInd,
+        // mdGetTItemsLast,
+        // mdGetTableChtByKeyInd,
+        // mdGetTextByKey,
+        // mdGetTextByKeyIndAndKey,
+
+    }
+}
+
+
+export default mDataSupport

package/src/plugins/mShare.mjs

@@ -0,0 +1,235 @@
+//前後端共用函數區
+// import min from 'lodash/min'
+import max from 'lodash/max'
+import trim from 'lodash/trim'
+// import isEqual from 'lodash/isEqual'
+import uniq from 'lodash/uniq'
+import set from 'lodash/set'
+import get from 'lodash/get'
+import map from 'lodash/map'
+import each from 'lodash/each'
+import isNumber from 'lodash/isNumber'
+import sortBy from 'lodash/sortBy'
+import find from 'lodash/find'
+import size from 'lodash/size'
+import filter from 'lodash/filter'
+import last from 'lodash/last'
+import split from 'lodash/split'
+import join from 'lodash/join'
+import cloneDeep from 'lodash/cloneDeep'
+import cstr from 'wsemi/src/cstr.mjs'
+import sep from 'wsemi/src/sep.mjs'
+import isarr from 'wsemi/src/isarr.mjs'
+import isearr from 'wsemi/src/isearr.mjs'
+import isstr from 'wsemi/src/isstr.mjs'
+import isestr from 'wsemi/src/isestr.mjs'
+import isbol from 'wsemi/src/isbol.mjs'
+import iseobj from 'wsemi/src/iseobj.mjs'
+import ispint from 'wsemi/src/ispint.mjs'
+import isnum from 'wsemi/src/isnum.mjs'
+import ispnum from 'wsemi/src/ispnum.mjs'
+import isfun from 'wsemi/src/isfun.mjs'
+import cdbl from 'wsemi/src/cdbl.mjs'
+import cint from 'wsemi/src/cint.mjs'
+import strleft from 'wsemi/src/strleft.mjs'
+import strmid from 'wsemi/src/strmid.mjs'
+import haskey from 'wsemi/src/haskey.mjs'
+import timemsTZ2past from 'wsemi/src/timemsTZ2past.mjs'
+import getFileAccept from 'wsemi/src/getFileAccept.mjs'
+import at from 'wsemi/src/attstr.mjs'
+
+
+function dtAddAndLtdtFind(dt, keyDtSrc, keyDtSave, ltdt, keyLtdt = 'id') {
+
+    //id
+    let id = get(dt, keyDtSrc, '')
+    // console.log('id', id)
+
+    //check
+    if (!isestr(id)) {
+        return {}
+    }
+
+    //find
+    let r = find(ltdt, { [keyLtdt]: id })
+    // console.log('find r', r)
+
+    //check
+    if (!iseobj(r)) {
+        return {}
+    }
+
+    //join
+    dt[keyDtSave] = r
+    // console.log('dt', dt)
+
+    return dt
+}
+
+
+function gv(o, k, def = '無') {
+    let r = get(o, k, '')
+    if (!isestr(r)) {
+        return def
+    }
+    return r
+}
+
+
+function parseNameByVersion(name) {
+
+    //check
+    if (name.indexOf('R') < 0) {
+        return {
+            name,
+            version: null,
+        }
+    }
+
+    let s = sep(name, 'R')
+    let s0 = get(s, 0, '')
+    let s1 = get(s, 1, '')
+    let nv = size(s1)
+
+    //check
+    if (nv < 5) { //版本號為R00.00, 不包括R需為5位
+        return {
+            name,
+            version: null,
+        }
+    }
+    else if (nv > 5) { //版本號為R00.00-1091019, 後面可能有其他文字數字
+        s1 = strleft(s1, 5)
+    }
+
+    //check, 提取出版本號為00.00, 需針對各字元檢查
+    let c0 = strmid(s1, 0, 1)
+    let c1 = strmid(s1, 1, 1)
+    let c2 = strmid(s1, 2, 1)
+    let c3 = strmid(s1, 3, 1)
+    let c4 = strmid(s1, 4, 1)
+    if (!isnum(c0) || !isnum(c1) || !isnum(c3) || !isnum(c4) || (c2 !== '.')) {
+        return {
+            name,
+            version: null,
+        }
+    }
+
+    //version
+    let version = `R${s1}`
+
+    return {
+        name: s0,
+        version,
+    }
+}
+
+
+function timeFormaterPast(t) {
+    let c = timemsTZ2past(t)
+    c = get(c, 'msg', '無')
+    return c
+}
+
+
+// function parseSerialNumberByVersion(serialNumber) {
+
+//     //check
+//     if (serialNumber.indexOf('R') < 0) {
+//         return {
+//             serialNumber,
+//             serialNumberBase: serialNumber,
+//             version: null,
+//         }
+//     }
+
+//     let s = sep(serialNumber, 'R')
+//     let s0 = get(s, 0, '')
+//     let s1 = get(s, 1, '')
+//     let nv = size(s1)
+
+//     //check
+//     if (nv !== 5) { //版本號為R00.00, 不包括R需為5位
+//         return {
+//             serialNumber,
+//             serialNumberBase: serialNumber,
+//             version: null,
+//         }
+//     }
+
+//     //version
+//     let version = `R${s1}`
+
+//     return {
+//         serialNumber,
+//         serialNumberBase: s0,
+//         version,
+//     }
+// }
+
+
+// function isNumOrEng(str) {
+//     let regExp = /^[\d|a-zA-Z]+$/
+//     if (regExp.test(str)) {
+//         return true
+//     }
+//     else {
+//         return false
+//     }
+// }
+
+
+// function getKpTableData(rows) {
+//     rows = filter(rows, (v) => {
+//         return v.isActive === 'y'
+//     })
+//     let kp = {}
+//     each(rows, (v) => {
+//         kp[v.id] = v
+//     })
+//     return kp
+// }
+
+
+// function getItemsByIds(ids, kp) {
+//     let ts = atParse(ids)
+//     let rs = []
+//     each(ts, (v) => {
+//         let r = get(kp, v.id)
+//         if (iseobj(r)) {
+//             rs.push(r)
+//         }
+//     })
+//     return rs
+// }
+
+
+// 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
+// }
+
+
+export {
+    at,
+    gv,
+    parseNameByVersion,
+    // parseSerialNumberByVersion,
+    dtAddAndLtdtFind,
+    timeFormaterPast
+}