w-web-perm 1.1.12 → 1.1.13

package/src/components/VeCgrups.vue

@@ -25,6 +25,16 @@
                     @domresize="resizeHead"
                 >
 
+                    <!-- 無法掛在任何一列之警告(R-PRINCIPLE-00 f: 啟用而名稱非字串之項目, 物件形式無法保留, 存檔被拒): 僅有此類項目時才渲染, 無則與修前同(不預留空間); 字級與內距沿用下方 waitingData 提示 -->
+                    <div
+                        style="padding:10px 15px; font-size:0.8rem; color:#F57C00; display:flex; align-items:center;"
+                        :title="lossyHintTitle"
+                        v-if="lossyHint"
+                    >
+                        <img style="flex:0 0 auto; width:16px; height:16px; margin-right:4px;" :src="$ui.getIcon('warning')" />
+                        <span>{{ lossyHint }}</span>
+                    </div>
+
                     <!-- 功能區 -->
                     <div
                         style="padding:5px; background:#fff; display:flex; align-items:center;"
@@ -127,7 +137,11 @@
                             :opt="opt"
                         >
                             <template v-slot:cell-render="props">
-                                <span v-if="props.key==='name'">{{ props.value }}</span>
+                                <template v-if="props.key==='name'">
+                                    <!-- 警告圖示(R-PRINCIPLE-00 原則 3「提示」): 僅該列之引用有衝突(warnText, show 時由 getRefWarns 取得)時才渲染於名稱左側; 無警告者與修前同一節點(不預留空間) -->
+                                    <span :title="props.row.warnText" v-if="props.row.warnText"><img style="vertical-align:sub; width:16px; height:16px; margin-right:4px;" :src="$ui.getIcon('warning')" />{{ props.value }}</span>
+                                    <span v-else>{{ props.value }}</span>
+                                </template>
                                 <!-- flex 置中容器: 22px 控制項以行內排版放入 27px 儲存格會偏下(上 4.77／下 0.23), 包一層 height:100% 之 flex 容器即上下各 2.5(同 w-aggrid-vue 範例 AppSlotCellRenderAlign.vue) -->
                                 <div
                                     style="display:flex; align-items:center; height:100%;"
@@ -175,14 +189,13 @@ import isEqual from 'lodash-es/isEqual.js'
 import cloneDeep from 'lodash-es/cloneDeep.js'
 import genPm from 'wsemi/src/genPm.mjs'
 import delay from 'wsemi/src/delay.mjs'
-import iseobj from 'wsemi/src/iseobj.mjs'
 import isestr from 'wsemi/src/isestr.mjs'
 import getOwn from '../js/getOwn.mjs'
 import cvKpToObj from '../js/cvKpToObj.mjs'
-import keepKeyOrder from '../js/keepKeyOrder.mjs'
 import getKpLossy from '../js/getKpLossy.mjs'
-import getKpWriteLost from '../js/getKpWriteLost.mjs'
 import fmtLossyMsg from '../js/fmtLossyMsg.mjs'
+import { getRefState, getRefRowsExtra, getDupRowsInconsistent, getRawModeMap, putRowsToKp, getRowIdxs } from '../js/editorRefRows.mjs'
+import { getRefWarns, getItemWarnText, fmtWarn } from '../js/getAuthWarn.mjs'
 import WDialog from 'w-component-vue/src/components/WDialog.vue'
 import WButtonCircle from 'w-component-vue/src/components/WButtonCircle.vue'
 import WAggridVue from 'w-aggrid-vue/src/components/WAggridVue.vue'
@@ -229,6 +242,9 @@ export default {
             itemsCheck: [],
             opt: null,
 
+            lossyHint: '', //無法掛在任何一列之警告文字(啟用而名稱非字串之項目), 無則 ''
+            lossyHintTitle: '',
+
         }
     },
     mounted: function() {
@@ -539,8 +555,8 @@ export default {
 
             let vo = this
 
-            //check
-            if (!isestr(name)) {
+            //check, 名稱 '' 為合法名稱(R-PRINCIPLE-00 f: 懸空之額外列可為 '', 須可改 mode／停用), 僅非字串者拒絕
+            if (typeof name !== 'string') {
                 vo.$alert(`${vo.$t('cgrupEditNoName')}`, { type: 'error' })
                 return
             }
@@ -548,30 +564,20 @@ export default {
             //rows
             let rows = get(vo, 'opt.rows', [])
 
-            //find
-            let r = null
-            let kr = null
-            each(rows, (v, k) => {
-                if (get(v, 'name', '') === name) {
-                    r = v
-                    kr = k
-                    return false //跳出
-                }
-            })
+            //krs, 精確同名之全部列(getRowIdxs): 同名多列代表同一個引用, 一併套用使其恆一致(warnDupRowsInconsistent 僅作防呆);
+            //精確 ===, 表列無 name 欄(undefined)不再搶先命中名稱 '' 之額外列(修前 get(v, 'name', '') 找第一列)
+            let krs = getRowIdxs(rows, 'name', name)
 
             //check
-            if (!iseobj(r)) {
+            if (size(krs) === 0) {
                 vo.$alert(`${vo.$t('cgrupEditNoPemi')}`, { type: 'error' })
                 return
             }
 
-            //mode
-            // let mode = th.value
-            // console.log('mode', mode)
-
             //set
-            set(vo, `opt.rows[${kr}].mode`, mode)
-            // console.log('vo.opt.rows[kr]', cloneDeep(vo.opt.rows[kr]))
+            each(krs, (kr) => {
+                set(vo, `opt.rows[${kr}].mode`, mode)
+            })
 
             //refresh
             vo.refresh()
@@ -586,8 +592,8 @@ export default {
 
             let vo = this
 
-            //check
-            if (!isestr(name)) {
+            //check, 名稱 '' 為合法名稱(同 showVeCgrupsToggleItemModeByName)
+            if (typeof name !== 'string') {
                 vo.$alert(`${vo.$t('cgrupEditNoName')}`, { type: 'error' })
                 return
             }
@@ -595,31 +601,24 @@ export default {
             //rows
             let rows = get(vo, 'opt.rows', [])
 
-            //find
-            let r = null
-            let kr = null
-            each(rows, (v, k) => {
-                if (get(v, 'name', '') === name) {
-                    r = v
-                    kr = k
-                    return false //跳出
-                }
-            })
+            //krs, 精確同名之全部列(理由同 showVeCgrupsToggleItemModeByName)
+            let krs = getRowIdxs(rows, 'name', name)
 
             //check
-            if (!iseobj(r)) {
+            if (size(krs) === 0) {
                 vo.$alert(`${vo.$t('cgrupEditNoPemi')}`, { type: 'error' })
                 return
             }
 
-            //enable
-            let _enable = get(r, 'enable', 'n')
+            //enable, 同名列狀態恆一致, 取第一列切換後套用全部
+            let _enable = get(rows[krs[0]], 'enable', 'n')
             let enable = _enable === 'y' ? 'n' : 'y'
             // console.log('enable', enable)
 
             //set
-            set(vo, `opt.rows[${kr}].enable`, enable)
-            // console.log('vo.opt.rows[kr]', cloneDeep(vo.opt.rows[kr]))
+            each(krs, (kr) => {
+                set(vo, `opt.rows[${kr}].enable`, enable)
+            })
 
             //refresh
             vo.refresh()
@@ -638,26 +637,15 @@ export default {
             let rows = get(vo, 'opt.rows', [])
             // console.log('rows', rows)
 
-            //kpRow
-            let kpRow = Object.create(null) //無原型: 鍵為使用者資料, 不得命中 constructor 等原型鍵(規則帳本 R-KEY-01)
-            each(rows, (r, kr) => {
-                kpRow[r.name] = kr
-            })
-
             //rowsEff
             let rowsEff = vo.getDisplayData()
             // console.log('rowsEff', rowsEff)
 
-            //toggle
+            //toggle, 每個顯示中之列對其精確同名之全部列一併套用(getRowIdxs; 修前 kpRow[r.name] 只命中最後一個同名列, 全選後同名列不一致而被拒存)
             each(rowsEff, (r) => {
-
-                //kr
-                let kr = kpRow[r.name]
-
-                //set
-                set(vo, `opt.rows[${kr}].enable`, 'y')
-                // console.log('vo.opt.rows[kr]', cloneDeep(vo.opt.rows[kr]))
-
+                each(getRowIdxs(rows, 'name', r.name), (kr) => {
+                    set(vo, `opt.rows[${kr}].enable`, 'y')
+                })
             })
 
             //refresh
@@ -677,26 +665,15 @@ export default {
             let rows = get(vo, 'opt.rows', [])
             // console.log('rows', rows)
 
-            //kpRow
-            let kpRow = Object.create(null)
-            each(rows, (r, kr) => {
-                kpRow[r.name] = kr
-            })
-
             //rowsEff
             let rowsEff = vo.getDisplayData()
             // console.log('rowsEff', rowsEff)
 
-            //toggle
+            //toggle, 對精確同名之全部列一併套用(理由同 showVeCgrupsToggleItemsEnableAllYes)
             each(rowsEff, (r) => {
-
-                //kr
-                let kr = kpRow[r.name]
-
-                //set
-                set(vo, `opt.rows[${kr}].enable`, 'n')
-                // console.log('vo.opt.rows[kr]', cloneDeep(vo.opt.rows[kr]))
-
+                each(getRowIdxs(rows, 'name', r.name), (kr) => {
+                    set(vo, `opt.rows[${kr}].enable`, 'n')
+                })
             })
 
             //refresh
@@ -716,29 +693,21 @@ export default {
             let rows = get(vo, 'opt.rows', [])
             // console.log('rows', rows)
 
-            //kpRow
-            let kpRow = Object.create(null)
-            each(rows, (r, kr) => {
-                kpRow[r.name] = kr
-            })
-
             //rowsEff
             let rowsEff = vo.getDisplayData()
             // console.log('rowsEff', rowsEff)
 
-            //toggle
+            //toggle, 對精確同名之全部列一併套用(理由同 showVeCgrupsToggleItemsEnableAllYes; 同名列狀態一致, 各顯示列算出之反向值相同)
             each(rowsEff, (r) => {
 
-                //kr
-                let kr = kpRow[r.name]
-
                 //enable
                 let _enable = get(r, 'enable', 'n')
                 let enable = _enable === 'y' ? 'n' : 'y'
 
                 //set
-                set(vo, `opt.rows[${kr}].enable`, enable)
-                // console.log('vo.opt.rows[kr]', cloneDeep(vo.opt.rows[kr]))
+                each(getRowIdxs(rows, 'name', r.name), (kr) => {
+                    set(vo, `opt.rows[${kr}].enable`, enable)
+                })
 
             })
 
@@ -807,43 +776,21 @@ export default {
                     return false
                 }
 
-                //kpGrup
+                //同名多列(群組表之歷史同名, R-PRINCIPLE-00 d): 各列之 (mode, enable) 不全相同者無法以物件形式寫出(寫出任一列即靜默捨棄其他列之設定), 拒存並點名(對話框保持開啟); 全相同則寫出一次
+                let namesDupBad = getDupRowsInconsistent(rows)
+                if (size(namesDupBad) > 0) {
+                    vo.$ui.updateLoading(false) //showCheckYes 前關 loading（modal 阻斷期間避免 loading 疊在底下）
+                    await vo.$dg.showCheckYes(fmtWarn(vo.$t('warnDupRowsInconsistent'), { names: namesDupBad }))
+                    return false
+                }
+
+                //kpGrup: 名稱為字串之列(含名稱 '' 與懸空之額外列)皆寫出, 不得丟棄啟用中之引用(R-PRINCIPLE-00 c／f; 修前以 isestr(name) 略過 '', 懸空引用則根本無列); 共用 putRowsToKp(unit-editorRows 往返不變式)
+                //限制項(mode 缺或非法之啟用引用)仍為開啟時之「AND、啟用」者寫回原始 mode(vo.rawModeMap), 不寫成可當基底之合法 AND(否則停用該層唯一合法項後多給, R-PRINCIPLE-00 e)
                 let kpGrup = Object.create(null)
-                each(rows, (r) => {
-                    let name = get(r, 'name', '')
-                    let mode = get(r, 'mode', '')
-                    let enable = get(r, 'enable', '')
-                    if (!isestr(name)) {
-                        console.log(`invalid name`)
-                        return true //跳出換下一個
-                    }
-                    if (mode !== 'OR' && mode !== 'AND') {
-                        console.log(`invalid mode[${mode}]`)
-                        return true //跳出換下一個
-                    }
-                    if (!isestr(enable)) {
-                        console.log(`invalid enable`)
-                        return true //跳出換下一個
-                    }
-                    kpGrup[name] = {
-                        mode,
-                        isActive: enable,
-                    }
-                })
+                putRowsToKp(kpGrup, rows, vo.rawModeMap)
                 // console.log('kpGrup', kpGrup)
 
-                //保留原鍵序(R-AUTH-ORDER-01, 主控複審 R3): 對話框為群組表序, 原字串已有之群組維持原相對順序、新增者附加於後;
-                //伺服端 mergeRules 在沒有有效 OR 項時以第一個 AND 項為起始, 鍵序改變即改變授權
-                let lostNames = getKpWriteLost(vo.kpOrig, kpGrup) //預期序由參考(解碼後之原資料)與欲寫出之物件於函數內導出
-                kpGrup = keepKeyOrder(vo.kpOrig, kpGrup)
-
-                //欲寫出之鍵序若被 JS 屬性序(整數式鍵恆先排)改變而使有效 AND 項之相對順序易位(如新啟用整數式名稱之 AND 群組)
-                //→ 授權會改變, 編輯器無法在不改變授權下寫出, 拒存並顯示固定訊息(同無法無損表示, R-AUTH-LOSSY-01; 外審 minimax#2)
-                if (size(lostNames) > 0) {
-                    vo.$ui.updateLoading(false) //showCheckYes 前關 loading
-                    await vo.$dg.showCheckYes(fmtLossyMsg(vo.$t('authLossyBlocked'), lostNames))
-                    return false
-                }
+                //鍵序無關授權(R-AUTH-MERGE-00 第 4 條: 結果與項目之儲存順序、物件鍵序、陣列元素序無關), 故不需保留原鍵序, 亦無整數式名稱易位之拒存
 
                 //cgrups
                 let cgrups = JSON.stringify(kpGrup)
@@ -925,11 +872,13 @@ export default {
             //kpGrup, lossyNames(物件形式無法無損表示者, R-AUTH-LOSSY-01)
             let kpGrup = Object.create(null)
             let lossyNames = []
+            let rawModeMap = Object.create(null) //限制項之原始 mode(getRawModeMap), 存檔時未改者原樣寫回
             if (isestr(cgrups)) {
                 try {
                     let kpRaw = JSON5.parse(cgrups)
                     kpGrup = cvKpToObj(kpRaw, { hasMode: true })
                     lossyNames = getKpLossy(kpRaw)
+                    rawModeMap = getRawModeMap(kpRaw)
                 }
                 catch (err) {
                     console.log('cgrups', cgrups)
@@ -950,17 +899,9 @@ export default {
                 let name = v.name
                 // console.log('name', name)
 
-                //mode
-                let mode = get(p, 'mode', '')
-                if (mode !== 'OR' && mode !== 'AND') {
-                    mode = 'OR'
-                }
-                // console.log('mode', mode)
-
-                //enable
-                let _enable = get(p, 'isActive', '')
-                let enable = _enable === 'y' ? 'y' : 'n'
-                // console.log('isActive', enable)
+                //mode, enable: 與伺服端同解讀(getRefState: 啟用者 mode 取有效值〔缺/非法 → AND〕, 純量值 { "G1": "y" } 亦為啟用 AND; 停用者 mode 缺/非法顯示 OR)
+                let { mode, enable } = getRefState(p)
+                // console.log('mode', mode, 'enable', enable)
 
                 //r
                 let r = {
@@ -972,17 +913,35 @@ export default {
 
                 return r
             })
+
+            //額外列: 啟用中而群組表查無列之引用(懸空, 含名稱 '')各一列附於表列之後, 名稱唯讀、mode／enable 可改(可改為停用以解除); 伺服端仍以其 mode 參與(內容全 n),
+            //存檔若丟棄即放寬(R-PRINCIPLE-00 c／f). 停用之懸空引用無授權影響, 不產生額外列(存檔時照舊丟棄)
+            items = [...items, ...getRefRowsExtra(kpGrup, vo.grups)]
+
+            //warnText: 各列引用之衝突提示(R-PRINCIPLE-00 原則 3; 偵測同伺服端判準, getRefWarns 以原字串), 名稱儲存格左側之警告圖示與 tooltip; 同名多列各列皆出(ambiguous)
+            let resWarn = getRefWarns(cgrups, vo.grups)
+            each(items, (r) => {
+                let codes = getOwn(resWarn.kpWarns, r.name, null)
+                if (codes !== null) {
+                    r.warnText = getItemWarnText(codes, r.name, vo.$t, 'warnKindGrup')
+                }
+            })
             // console.log('items', items)
 
+            //lossyHint: 啟用而名稱非字串之項目(noName)無列可掛, 於內容區最上方提示(存檔被拒, 見 doSave 之 lossyNames)
+            let namesNoName = resWarn.byCode.noName
+            vo.lossyHint = size(namesNoName) > 0 ? fmtWarn(vo.$t('warnRefNoName'), { names: namesNoName }) : ''
+            vo.lossyHintTitle = size(namesNoName) > 0 ? fmtLossyMsg(vo.$t('authLossyBlocked'), lossyNames) : ''
+
             //save
             vo.isEditable = isEditable
             vo.user = user
             vo.items = items
 
-            //存檔依據(非響應式): 解碼後之原資料(保序參考)、原字串、有損名稱、開啟時之列內容
-            vo.kpOrig = kpGrup
+            //存檔依據(非響應式): 原字串、有損名稱、開啟時之列內容(含額外列)
             vo.cgrupsOrig = cgrups
             vo.lossyNames = lossyNames
+            vo.rawModeMap = rawModeMap
             vo.itemsInit = map(items, (r) => ({ name: r.name, mode: r.mode, enable: r.enable }))
 
             //genOpt