w-web-perm 1.1.12 → 1.1.13

package/src/components/VePemiBlngGrups.vue

@@ -126,6 +126,17 @@
 
                     </div>
 
+                    <!-- 資料已被更新提示(R-PRINCIPLE-00 原則 7): 開框後他人或外部同步改了群組表, 本視窗之草稿與基準維持開框時之版本、不重建, 存檔將被伺服端拒收; 以 v-for 渲染(無提示時不渲染任何節點) -->
+                    <div
+                        v-for="ks in (staleNotice ? 1 : 0)"
+                        :key="`stale-${ks}`"
+                        data-fmid="pemi-blng-grups-banner-stale"
+                        style="padding:5px 15px; border-top:1px solid #ddd; background:#FFE0B2; color:#444; font-size:0.8rem; overflow-wrap:anywhere;"
+                    >
+                        <img style="vertical-align:sub; width:16px; height:16px; margin-right:4px;" :src="$ui.getIcon('warning')" />
+                        <span>{{ $t('staleDraftNoticeDialog') }}</span>
+                    </div>
+
                 </div>
 
                 <template
@@ -140,16 +151,32 @@
                             :opt="opt"
                         >
                             <template v-slot:cell-render="props">
+                                <!-- 警告圖示: 該列群組之 cpemis 有衝突時於「所屬權限名稱」儲存格最左顯示, 理由與版面同 VeGrupBlngUsers 該處註解(無警告者與修前同一節點) -->
+                                <div
+                                    style="display:flex; align-items:center; height:100%;"
+                                    v-if="props.key==='pemisNames' && props.row.warnText"
+                                >
+                                    <span style="flex:0 0 auto; display:flex; align-items:center;" :title="props.row.warnText"><img style="vertical-align:sub; width:16px; height:16px; margin-right:4px;" :src="$ui.getIcon('warning')" /></span>
+                                    <RelationChips
+                                        style="flex:1 1 auto;"
+                                        :items="props.row.pemis"
+                                        :editable="isEditable"
+                                        :popupTitle="$t('belongPemisNames')"
+                                        :tooltipAll="$t('chipsShowAll')"
+                                        :labelContent="'modeSelect'"
+                                        @input="(item)=>{showVePemiBlngGrupsToggleItemModeByName(props.row.name, item, props.row.id)}"
+                                    ></RelationChips>
+                                </div>
                                 <RelationChips
-                                    v-if="props.key==='pemisNames'"
+                                    v-else-if="props.key==='pemisNames'"
                                     :items="props.row.pemis"
                                     :editable="isEditable"
                                     :popupTitle="$t('belongPemisNames')"
                                     :tooltipAll="$t('chipsShowAll')"
                                     :labelContent="'modeSelect'"
-                                    @input="(item)=>{showVePemiBlngGrupsToggleItemModeByName(props.row.name, item)}"
+                                    @input="(item)=>{showVePemiBlngGrupsToggleItemModeByName(props.row.name, item, props.row.id)}"
                                 ></RelationChips>
-                                <input v-else-if="props.key==='enable'" type="checkbox" :checked="props.value === 'y'" @click="showVePemiBlngGrupsToggleItemEnableByName(props.row.name)" :disabled="!isEditable" />
+                                <input v-else-if="props.key==='enable'" type="checkbox" :checked="props.value === 'y'" @click="showVePemiBlngGrupsToggleItemEnableByName(props.row.name, props.row.id)" :disabled="!isEditable" />
                                 <span v-else>{{ props.value }}</span>
                             </template>
                         </WAggridVue>
@@ -181,7 +208,6 @@ import size from 'lodash-es/size.js'
 import filter from 'lodash-es/filter.js'
 import join from 'lodash-es/join.js'
 import sortBy from 'lodash-es/sortBy.js'
-import isEqual from 'lodash-es/isEqual.js'
 import cloneDeep from 'lodash-es/cloneDeep.js'
 import genPm from 'wsemi/src/genPm.mjs'
 import haskey from 'wsemi/src/haskey.mjs'
@@ -192,8 +218,13 @@ import eachOwn from '../js/eachOwn.mjs'
 import getOwn from '../js/getOwn.mjs'
 import cvKpToObj from '../js/cvKpToObj.mjs'
 import getKpLossy from '../js/getKpLossy.mjs'
-import getKpWriteLost from '../js/getKpWriteLost.mjs'
 import fmtLossyMsg from '../js/fmtLossyMsg.mjs'
+import pairRowsToSnapshot from '../js/pairRowsToSnapshot.mjs'
+import { makeBaseline } from '../js/rowDigest.mjs'
+import { isDraftStale } from '../js/draftSync.mjs'
+import { makeRowStates, getChangedIdx, buildRowsSend } from '../js/relDialogSend.mjs'
+import { getRefState, getRawModeMap, putRefEntry } from '../js/editorRefRows.mjs'
+import { getRefWarns, getRefWarnText } 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'
@@ -233,9 +264,16 @@ export default {
             firstSetting: true,
             isEditable: false,
             isModified: false,
+            ownSaving: false, //本視窗自己之存檔已送出(成功後視窗隨即關閉): 自己之寫入所致之推播(grups 表更新)不是「他人更新」, watch 不得據以提示; 每次 show() 歸零, 存檔失敗時歸零
 
             pemi: null,
 
+            //baseline, rowStates: 開框(show)時綁定之草稿基準(F-26, R-BASELINE-01), 之後 store 推播變新不更新, 每次 show() 重新綁定;
+            //baseline 為草稿所依據之那份群組列之逐列內容指紋, 存檔隨 updateGrups 第 2 參送伺服端; rowStates 為開框時各列之歸屬狀態, 存檔時判定使用者有無變更該列
+            baseline: null,
+            rowStates: null,
+            staleNotice: false, //有未存編輯時收到推播、且群組表已異於本視窗載入時之基準(R-PRINCIPLE-00 原則 7): true 時顯示「資料已被更新」提示; 每次 show() 歸零
+
             items: [],
             itemsCheck: [],
             opt: null,
@@ -265,6 +303,17 @@ export default {
         }
 
     },
+    watch: {
+        //store 之群組表被推播更新(整表以新陣列取代): 本視窗不重建(草稿與基準維持開框時之版本, 見 show()). 此刻有未存編輯者, 若表已異於載入時之基準(任一列內容不同或列增刪; 僅 order／伺服器管理欄不同不算)
+        //即顯示「資料已被更新」提示, 存檔時由伺服端以表雜湊拒收(saveStale); 無未存編輯者維持原行為(靜默, 存檔時才由伺服端拒收). 唯讀檢視無存檔, 不提示
+        grups: function(rows) {
+            let vo = this
+            if (!vo.bShow || !vo.isEditable || !vo.isModified || vo.ownSaving || !Array.isArray(vo.baseline)) {
+                return
+            }
+            vo.staleNotice = isDraftStale({ keys: vo.$ds.grups.keys, rows, baseline: vo.baseline })
+        },
+    },
     computed: {
 
         syncState: function() {
@@ -548,6 +597,23 @@ export default {
             return rows
         },
 
+        getDisplayRows: function() {
+            let vo = this
+
+            //cmp
+            let cmp = get(vo, '$refs.rftable')
+            // console.log('cmp', cmp)
+
+            //getDisplayData 只回傳顯示中之欄位(name／enable／pemisNames), 不含 id; 批次勾選須以 id 定位列(群組表可有歷史同名), 故另以 ag-grid api 取篩選排序後之完整列(含 id), 同 VeGrupBlngUsers
+            let api = cmp.getApi()
+            let rows = []
+            api.forEachNodeAfterFilterAndSort((node) => {
+                rows.push(node.data)
+            })
+
+            return rows
+        },
+
         fltKpPemi: function(kp) {
             // console.log('fltKpPemi', kp)
 
@@ -579,8 +645,12 @@ export default {
             //items
             let items = map(grups, (g) => {
 
-                //kpPemi
-                let kpPemi = cvKpToObj(JSON5.parse(g.cpemis), { hasMode: true })
+                //kpPemi, 空字串(新增列之 funNew 預設值)與壞 JSON 視為空容器, 同 VeCpemis／清單頁／伺服端(R-REL-PARSE-01: 任一列解碼失敗不得使對話框打不開)
+                let kpPemi = Object.create(null)
+                try {
+                    kpPemi = cvKpToObj(JSON5.parse(g.cpemis), { hasMode: true })
+                }
+                catch (err) {}
                 // console.log(g.name, 'kpPemi', kpPemi)
 
                 //fltKpPemi
@@ -594,16 +664,12 @@ export default {
                 eachOwn(kpPemi, (v, k) => {
                     // console.log(k, 'v', v)
 
-                    //_isActive, 此為使用者cpemis內設定, 可為y或n, 僅提取y, 再判斷此使用者是否有使用此pemi
-                    let _isActive = get(v, 'isActive', '')
-                    if (_isActive !== 'y') {
+                    //st, 此為使用者cpemis內設定, 可為y或n, 僅提取y, 再判斷此使用者是否有使用此pemi; 與伺服端同解讀(getRefState, 理由同 VeGrupBlngUsers.genItems)
+                    let st = getRefState(v)
+                    if (st.enable !== 'y') {
                         return true //跳出換下一個
                     }
-                    // console.log(k, '_isActive', _isActive)
-
-                    //_mode
-                    let _mode = get(v, 'mode', '')
-                    // console.log(k, '_mode', _mode)
+                    // console.log(k, 'st', st)
 
                     //b, 使用者是否擁有指定權限群組
                     let b = k === pemi.name
@@ -612,14 +678,15 @@ export default {
                     //mode, isActive
                     if (b) {
                         enable = 'y'
-                        mode = _mode //使用使用者給予cpemis內指定權限群組之合併權限模式
+                        mode = st.mode //使用使用者給予cpemis內指定權限群組之合併權限模式
                         // console.log('使用使用者給予cpemis內指定權限群組之合併權限模式 pemi', pemi)
                     }
 
-                    //push
+                    //push, 僅供 RelationChips 顯示(name／mode／enable); 存檔不讀本陣列(doSave 以 putRefEntry 自快照字串只改本權限一項)
                     pemis.push({
                         name: k,
-                        ...v,
+                        mode: st.mode,
+                        isActive: 'y',
                         enable: b ? 'y' : 'n', //給render使用
                     })
 
@@ -631,13 +698,19 @@ export default {
                 pemisNames = join(pemisNames, ' ')
                 // console.log(g.name, 'pemisNames', pemisNames)
 
+                //warnText: 該群組 cpemis 之衝突提示(理由同 VeGrupBlngUsers.genItems; revRows 不回寫本欄, 警告反映開啟時之已儲存資料)
+                let resWarn = getRefWarns(g.cpemis, vo.pemis)
+                let warnText = resWarn.hasWarn ? getRefWarnText(resWarn, vo.$t, 'warnKindPemi') : ''
+
                 return {
+                    id: g.id, //列識別: 存檔時以 id(並驗 name)配對存檔當下之群組快照, 不以列索引(R-REL-PAIR-01)
                     name: g.name,
                     pemisNames,
                     mode,
                     enable,
                     // kpPemi,
                     pemis,
+                    warnText,
                 }
             })
             // console.log(g.name, 'items', items)
@@ -662,11 +735,20 @@ export default {
             let rows = get(vo, 'opt.rows', [])
             // console.log('rows', rows)
 
+            //以列身分(id)配對: 對話框之列 ↔ 目前 store 中同一個群組(R-REL-PAIR-01; 不得以列索引配對——store 於對話框開啟期間可被更新〔他人增刪、改 order〕而錯位), 並驗 name 相同(改名視為過期)
+            //krs, grupsRev: 對話框有列且 store 仍存在之群組(grupsRev[k] 即第 krs[k] 列所配到者; 配對不到者不更新其顯示, 存檔時由 doSave 整次拒存)
+            let { krs, matched: grupsRev } = pairRowsToSnapshot(rows, grups, { verifyKeys: ['name'] })
+
             //grups
-            grups = map(grups, (g, kg) => {
+            grups = map(grupsRev, (g, kg) => {
+                let row = get(rows, krs[kg], {})
 
-                //kpPemi
-                let kpPemi = cvKpToObj(JSON5.parse(g.cpemis), { hasMode: true })
+                //kpPemi, 空字串與壞 JSON 視為空容器(R-REL-PARSE-01)
+                let kpPemi = Object.create(null)
+                try {
+                    kpPemi = cvKpToObj(JSON5.parse(g.cpemis), { hasMode: true })
+                }
+                catch (err) {}
                 // console.log(g.name, 'kpPemi', kpPemi)
 
                 //fltKpPemi
@@ -674,7 +756,7 @@ export default {
                 // console.log(g.name, 'kpPemi(fltKpPemi)', kpPemi)
 
                 //mode
-                let mode = get(rows, `${kg}.mode`, '')
+                let mode = get(row, 'mode', '')
                 if (mode !== 'OR' && mode !== 'AND') {
                     console.log(`非預期: mode應該皆已指定不應觸發`, mode)
                     mode = 'OR'
@@ -682,7 +764,7 @@ export default {
                 // console.log(g.name, 'mode', mode)
 
                 //enable
-                let enable = get(rows, `${kg}.enable`, '')
+                let enable = get(row, 'enable', '')
                 if (enable !== 'y' && enable !== 'n') {
                     console.log(`非預期: enable應該皆已指定不應觸發`, enable)
                     enable = 'n'
@@ -715,8 +797,8 @@ export default {
             let items = vo.genItems(pemi, grups)
             // console.log('items', items)
 
-            //update pemisNames, pemis
-            each(items, (r, kr) => {
+            //update pemisNames, pemis, items 與 krs 同序(item k 對應對話框第 krs[k] 列)
+            each(items, (r, k) => {
                 // name: g.name,
                 // pemisNames,
                 // mode,
@@ -724,6 +806,7 @@ export default {
                 // pemis,
 
                 //set
+                let kr = krs[k]
                 set(vo, `opt.rows[${kr}].pemisNames`, r.pemisNames)
                 set(vo, `opt.rows[${kr}].pemis`, r.pemis)
                 // console.log('vo.opt.rows[kr]', cloneDeep(vo.opt.rows[kr]))
@@ -735,8 +818,8 @@ export default {
 
         },
 
-        showVePemiBlngGrupsToggleItemModeByName: function(name, mode) {
-            // console.log('showVePemiBlngGrupsToggleItemModeByName', name, mode)
+        showVePemiBlngGrupsToggleItemModeByName: function(name, mode, id) {
+            // console.log('showVePemiBlngGrupsToggleItemModeByName', name, mode, id)
 
             let vo = this
 
@@ -749,11 +832,11 @@ export default {
             //rows
             let rows = get(vo, 'opt.rows', [])
 
-            //find
+            //find, 有 id 以 id 找列(群組表可有歷史同名〔外部同步〕, 以 name 會改到第一個同名群組、存檔依 id 寫入錯列; 同 VeGrupBlngUsers); 未給 id 之既有 $dg 呼叫端維持以 name 找
             let r = null
             let kr = null
             each(rows, (v, k) => {
-                if (get(v, 'name', '') === name) {
+                if (isestr(id) ? get(v, 'id', '') === id : get(v, 'name', '') === name) {
                     r = v
                     kr = k
                     return false //跳出
@@ -782,8 +865,8 @@ export default {
 
         },
 
-        showVePemiBlngGrupsToggleItemEnableByName: function(name) {
-            // console.log('showVePemiBlngGrupsToggleItemEnableByName', name)
+        showVePemiBlngGrupsToggleItemEnableByName: function(name, id) {
+            // console.log('showVePemiBlngGrupsToggleItemEnableByName', name, id)
 
             let vo = this
 
@@ -796,11 +879,11 @@ export default {
             //rows
             let rows = get(vo, 'opt.rows', [])
 
-            //find
+            //find, 理由同 showVePemiBlngGrupsToggleItemModeByName: 有 id 以 id 找列
             let r = null
             let kr = null
             each(rows, (v, k) => {
-                if (get(v, 'name', '') === name) {
+                if (isestr(id) ? get(v, 'id', '') === id : get(v, 'name', '') === name) {
                     r = v
                     kr = k
                     return false //跳出
@@ -839,21 +922,21 @@ export default {
             let rows = get(vo, 'opt.rows', [])
             // console.log('rows', rows)
 
-            //kpRow
+            //kpRow, 以群組 id 為鍵(群組表可有歷史同名, 以 name 會使同名者互相錯位、存檔依 id 寫入錯列; 同 VeGrupBlngUsers)
             let kpRow = Object.create(null)
             each(rows, (r, kr) => {
-                kpRow[r.name] = kr
+                kpRow[r.id] = kr
             })
 
-            //rowsEff
-            let rowsEff = vo.getDisplayData()
+            //rowsEff, 篩選排序後之完整列(含 id; getDisplayData 不含 id)
+            let rowsEff = vo.getDisplayRows()
             // console.log('rowsEff', rowsEff)
 
             //toggle
             each(rowsEff, (r) => {
 
                 //kr
-                let kr = kpRow[r.name]
+                let kr = kpRow[r.id]
 
                 //set
                 set(vo, `opt.rows[${kr}].enable`, 'y')
@@ -878,21 +961,21 @@ export default {
             let rows = get(vo, 'opt.rows', [])
             // console.log('rows', rows)
 
-            //kpRow
+            //kpRow, 以群組 id 為鍵(群組表可有歷史同名, 以 name 會使同名者互相錯位、存檔依 id 寫入錯列; 同 VeGrupBlngUsers)
             let kpRow = Object.create(null)
             each(rows, (r, kr) => {
-                kpRow[r.name] = kr
+                kpRow[r.id] = kr
             })
 
-            //rowsEff
-            let rowsEff = vo.getDisplayData()
+            //rowsEff, 篩選排序後之完整列(含 id; getDisplayData 不含 id)
+            let rowsEff = vo.getDisplayRows()
             // console.log('rowsEff', rowsEff)
 
             //toggle
             each(rowsEff, (r) => {
 
                 //kr
-                let kr = kpRow[r.name]
+                let kr = kpRow[r.id]
 
                 //set
                 set(vo, `opt.rows[${kr}].enable`, 'n')
@@ -917,21 +1000,21 @@ export default {
             let rows = get(vo, 'opt.rows', [])
             // console.log('rows', rows)
 
-            //kpRow
+            //kpRow, 以群組 id 為鍵(群組表可有歷史同名, 以 name 會使同名者互相錯位、存檔依 id 寫入錯列; 同 VeGrupBlngUsers)
             let kpRow = Object.create(null)
             each(rows, (r, kr) => {
-                kpRow[r.name] = kr
+                kpRow[r.id] = kr
             })
 
-            //rowsEff
-            let rowsEff = vo.getDisplayData()
+            //rowsEff, 篩選排序後之完整列(含 id; getDisplayData 不含 id)
+            let rowsEff = vo.getDisplayRows()
             // console.log('rowsEff', rowsEff)
 
             //toggle
             each(rowsEff, (r) => {
 
                 //kr
-                let kr = kpRow[r.name]
+                let kr = kpRow[r.id]
 
                 //enable
                 let _enable = get(r, 'enable', 'n')
@@ -951,16 +1034,19 @@ export default {
 
         },
 
-        saveGrups: async function(rows) {
-            // console.log('method saveGrups', rows)
+        saveGrups: async function(rows, baseline) {
+            // console.log('method saveGrups', rows, baseline)
 
             let vo = this
 
             //3) updateGrups, 各自 catch + okX 旗標短路 (canonical 五段結構; 空清單檢查已上移至 doSave core())
+            //第 2 參 { baseline }: 開框時綁定之草稿基準(由 doSave 於流程開頭取得並傳入, 不於此讀 vo.baseline——存檔進行中若再次 show() 會換成新草稿之基準); 伺服端比對「本次將寫入之列」之庫內版本, 草稿之後被改過即整次拒收 saveStale(失敗路徑沿用下方 catch 顯示語系文字)
             let okSave = false
-            await vo.$fapi.updateGrups(rows)
+            vo.ownSaving = true //自己之寫入所致之推播不提示(成功路徑維持至視窗關閉; show() 歸零)
+            await vo.$fapi.updateGrups(rows, { baseline })
                 .then(() => { okSave = true })
                 .catch(async (err) => {
+                    vo.ownSaving = false //失敗(含 saveStale 被拒): 視窗仍開著, 恢復監看
                     vo.$ui.updateLoading(false) //showCheckYes 前關 loading（modal 阻斷期間避免 loading 疊在底下）
                     await vo.$dg.showCheckYes(`${vo.$t('grupSaveGrupsFail')}: ${vo.$tErr(err)}`)
                 })
@@ -1002,6 +1088,10 @@ export default {
 
             let vo = this
 
+            //pmDlg: 本次存檔流程所屬之對話框 promise(外審 sol R2): 存檔進行中(如 await delay)若再次 show() 開啟另一權限, vo.pm 會被換成新視窗之 promise,
+            //舊流程完成時只能 resolve 自己的 promise、且不得關閉新視窗(見下方 .then)
+            let pmDlg = vo.pm
+
             async function core(unlockBtn) {
 
                 //1) 事先檢測 (所有同步檢查在開 loading 之前, 空清單不應先閃 loading); 訊息框前以 unlockBtn() 釋放儲存鈕之 promiseUnlock 鎖:
@@ -1014,14 +1104,39 @@ export default {
                     return
                 }
 
+                //草稿基準與開框時各列之歸屬狀態(F-26, R-BASELINE-01): 於流程開頭(任何 await 之前)取得並以區域變數持有——存檔進行中若再次 show() 會把 vo.baseline／vo.rowStates 換成新草稿之值, 舊草稿之列不可配新草稿之基準
+                let baseline = cloneDeep(vo.baseline)
+                let rowStates = vo.rowStates
+
+                //pemiName: 被編輯之權限名稱, 同樣於流程開頭(任何 await 之前)取得——等待後才讀 vo.pemi.name 會讀到新開啟之實體, 把舊草稿之歸屬寫成指派新實體(外審 sol R2)
+                let pemiName = get(vo, 'pemi.name', '')
+
                 //1b) 無法無損表示之授權資料(R-AUTH-LOSSY-01, 主控複審 R4): 該列群組之 cpemis 含物件形式無法無損表示之格(getKpLossy)者, 本對話框不得改寫其字串——
                 //本對話框所管之歸屬／模式有變更 → 整次儲存拒絕並點名(原子, 其餘列亦不寫); 未變更 → 該列字串逐字元不動(見下方 kpLossyIdx)
                 //群組列之快照只取這一次: 有損檢查之值即下方寫入之值(外審 sol#2: 兩次讀取之間 store 可能被伺服器推送更新, 檢查與寫入看到不同資料)
                 let grups = cloneDeep(vo.grups)
+
+                //1a) 以列身分(id, 並驗 name)配對快照(R-REL-PAIR-01, 主控 run02 F-24): 修前以開框時的列索引取快照列, store 於對話框開啟期間被更新(他人增刪、改 order)時關聯寫到另一個群組;
+                //對話框有列所對應的群組已被刪除或改名者 → 整次拒存(原子, 不寫任何列)並提示重新整理, 不得退而配到其他列
+                let { pairs, missing } = pairRowsToSnapshot(rows, grups, { verifyKeys: ['name'] })
+                if (size(missing) > 0) {
+                    unlockBtn()
+                    await vo.$dg.showCheckYes(fmtLossyMsg(vo.$t('relationRowsStale'), map(missing, 'name')))
+                    return false
+                }
+
+                //1a2) 使用者於本次編輯相對「開框時」有變更之列(F-26, S4; 外審 B.1): 對話框之列是開框時之草稿值, 他人於開框後改過而使用者未碰之列, 不得以草稿值改寫(覆蓋他人之變更);
+                //故只有 kpChanged 之列才對存檔當下快照之字串套用變更(下方 putRefEntry), 其餘列(含開框後新增而不在對話框內者)一律原樣帶回存檔當下 store 之版本(逐字不動), 亦不納入下方有損檢查
+                let kpChanged = getChangedIdx(rows, rowStates)
+
                 let kpLossyIdx = Object.create(null)
+                let kpRawModes = Object.create(null) //列索引 → 該列快照字串之限制項原始 mode(getRawModeMap), 供下方 putRefEntry 寫回未改之限制項
                 let lossyNames = []
                 each(rows, (r, kr) => {
-                    let g = get(grups, kr, {})
+                    if (kpChanged[kr] !== true) {
+                        return true //使用者未變更: 原樣帶回, 不檢查有損亦不需 rawModeMap
+                    }
+                    let g = pairs[kr]
                     let kpRaw = null
                     try {
                         kpRaw = JSON5.parse(get(g, 'cpemis', ''))
@@ -1029,11 +1144,12 @@ export default {
                     catch (err) {
                         return true //無法解析者交由下方原流程處理
                     }
+                    kpRawModes[kr] = getRawModeMap(kpRaw)
                     if (size(getKpLossy(kpRaw)) === 0) {
                         return true //跳出換下一個
                     }
                     kpLossyIdx[kr] = true
-                    let p = getOwn(cvKpToObj(kpRaw, { hasMode: true }), get(vo, 'pemi.name', ''), null)
+                    let p = getOwn(cvKpToObj(kpRaw, { hasMode: true }), pemiName, null)
                     let was = get(p, 'isActive', '') === 'y'
                     let wasMode = was ? get(p, 'mode', '') : ''
                     let now = get(r, 'enable', '') === 'y'
@@ -1056,63 +1172,44 @@ export default {
 
                 //grups: 沿用 1b 之快照(見上)
 
-                //grupsNew, lostRows: 欲寫出之鍵序被 JS 屬性序改變而使有效 AND 項易位之群組(整次拒絕, 見下)
-                let lostRows = []
-                let grupsNew = map(rows, (r, kr) => {
-
-                    //g
-                    let g = get(grups, kr, {})
+                //kpNewCpemis: 列索引 → 該列新 cpemis 字串; 只收「使用者有變更(kpChanged)、非有損、且 putRefEntry 判定本項確有變更」者, 其餘一律不收(由 buildRowsSend 原樣帶回)
+                let kpNewCpemis = Object.create(null)
+                each(rows, (r, kr) => {
 
-                    //有損列(kpLossyIdx): 歸屬未變更, 字串逐字元不動(含 isEqual 判定為「不同」時之重寫)
-                    if (kpLossyIdx[kr] === true) {
-                        return g
+                    //使用者未變更之列(kpChanged)與有損列(kpLossyIdx): 歸屬未變更, 字串逐字元不動
+                    if (kpChanged[kr] !== true || kpLossyIdx[kr] === true) {
+                        return true //跳出換下一個
                     }
 
+                    //g, 以列身分配對之快照列(見 1a)
+                    let g = pairs[kr]
+
                     //cpemis
                     let cpemis = get(g, 'cpemis', '')
 
-                    //kpPemi
-                    let kpPemi = cvKpToObj(JSON5.parse(cpemis), { hasMode: true })
+                    //kpPemi, 空字串與壞 JSON 視為空容器(R-REL-PARSE-01)
+                    let kpPemi = Object.create(null)
+                    try {
+                        kpPemi = cvKpToObj(JSON5.parse(cpemis), { hasMode: true })
+                    }
+                    catch (err) {}
                     // console.log('kpGrup', kpGrup)
 
-                    //pemis
-                    let pemis = get(r, 'pemis', [])
-
-                    //kpPemiNew
+                    //kpPemiNew: 只改本權限對應之一項(依列之 enable／mode), 其餘引用項(含懸空、名稱 ''、mode 缺/非法、停用項、純量值)原樣保留, 授權效果不變(putRefEntry; 理由同 VeGrupBlngUsers.doSave)
+                    //本項未變更 → 回 false, 字串逐字元不動; 其餘項中之限制項寫回原始 mode(kpRawModes[kr]; 理由同 VeGrupBlngUsers.doSave)
                     let kpPemiNew = Object.create(null)
-                    if (true) {
-                        each(pemis, (p) => {
-                            if (p.isActive === 'y') {
-                                kpPemiNew[p.name] = {
-                                    mode: p.mode,
-                                    isActive: p.isActive,
-                                }
-                            }
-                        })
-                    }
-
-                    //check
-                    if (!isEqual(kpPemi, kpPemiNew)) {
-
-                        //欲寫出之鍵序被 JS 屬性序改變而使有效 AND 項易位(如新啟用整數式名稱之 AND 權限) → 授權會改變, 不寫出(外審 minimax#2)
-                        if (size(getKpWriteLost(kpPemi, kpPemiNew)) > 0) { //預期序由 kpPemi(解碼後之原資料)與 kpPemiNew 於函數內導出——不可用本處已套用 JS 屬性序之物件序(外審 minimax 第二輪#1)
-                            lostRows.push(get(g, 'name', ''))
-                            return g
-                        }
+                    if (putRefEntry(kpPemiNew, kpPemi, pemiName, get(r, 'enable', ''), get(r, 'mode', ''), kpRawModes[kr])) {
 
-                        //cpemis
-                        g.cpemis = JSON.stringify(kpPemiNew)
+                        //cpemis(鍵序無關授權, R-AUTH-MERGE-00 第 4 條: 不需保留原鍵序, 亦無整數式名稱易位之拒存)
+                        kpNewCpemis[kr] = JSON.stringify(kpPemiNew)
 
                     }
 
-                    return g
                 })
-                if (size(lostRows) > 0) {
-                    vo.$ui.updateLoading(false) //showCheckYes 前關 loading
-                    await vo.$dg.showCheckYes(fmtLossyMsg(vo.$t('authLossyBlocked'), lostRows))
-                    return false
-                }
-                console.log('grupsNew', grupsNew)
+
+                //grupsNew: 送出之整表＝存檔當下 store 快照(grups)之全部列、依其 order 序(F-26 c0, S4): 修前只送「對話框之列」, 開框後他人／外部同步新增之列被伺服端整表 diff 刪除;
+                //只有 kpNewCpemis 之列換其 cpemis 一欄, 其餘列(使用者未變更者、有損列、開框後新增而不在對話框內者)與快照同一物件、逐字不動(帶回存檔當下 store 版本以免誤刪／誤改他人之列; 但載入基準仍是開框時之版本, 伺服端表級比對〔R-BASELINE-01, run11〕會因開框後他人之任何變更而整次拒收 saveStale)
+                let grupsNew = buildRowsSend(grups, pairs, kpNewCpemis, 'cpemis')
 
                 // //check
                 // if (size(grupsNew) === 0) {
@@ -1120,7 +1217,7 @@ export default {
                 // }
 
                 //saveGrups, 失敗時回 false: 失敗提示已由 saveGrups 顯示, 此處不關閉對話框(保留未存變更供重按儲存)
-                let okSave = await vo.saveGrups(grupsNew)
+                let okSave = await vo.saveGrups(grupsNew, baseline)
                 if (!okSave) {
                     return false
                 }
@@ -1139,10 +1236,12 @@ export default {
                         }
 
                         //resolve
-                        vo.pm.resolve(rows)
+                        pmDlg.resolve(rows)
 
                         //hide
-                        vo.bShow = false
+                        if (vo.pm === pmDlg) { //期間若已 show() 開啟另一視窗, 舊流程不得關閉新視窗
+                            vo.bShow = false
+                        }
 
                     })
                     .catch((err) => {
@@ -1188,6 +1287,8 @@ export default {
 
             //default
             vo.isModified = false
+            vo.staleNotice = false
+            vo.ownSaving = false
 
             //isEditable, pemi
             let isEditable = get(msg, 'isEditable', false)
@@ -1199,13 +1300,22 @@ export default {
             //grups
             let grups = cloneDeep(vo.grups)
 
+            //baseline(F-26, R-BASELINE-01; 外審 B.1): 於生成 items 之同一處, 以 items 所依據之那份群組列(grups)計算並綁定為本次草稿之載入基準; 之後 store 推播變新不得更新它
+            //(存檔當下才由最新 store 取基準, 證明的是「store 新」而非「待存之編輯內容新」), 每次 show() 重新綁定. 欄位口徑與伺服端同一(vo.$ds.grups.keys 經 rowDigest.makeBaseline)
+            let baseline = makeBaseline(grups, vo.$ds.grups.keys)
+
             //items
             let items = vo.genItems(pemi, grups)
 
+            //rowStates: 開框時各列之歸屬狀態(須在任何切換操作前由 items 記下; opt.rows 與 items 為同一份陣列, 切換會就地改 enable／mode), 供存檔時判定使用者有無變更該列
+            let rowStates = makeRowStates(items)
+
             //save
             vo.isEditable = isEditable
             vo.pemi = pemi
             vo.items = items
+            vo.baseline = baseline
+            vo.rowStates = rowStates
 
             //genOpt
             vo.genOpt()