feat(WIP): processing, 몰수

- 초성에서 Windows 겹받침, Mac 된소리 자음(automata 초성)
- 장수 선택에에서 검은색 테마
- 양 선택기에 숫자 추가

hwe/ts/processing/Nation/che_몰수.vue

@@ -0,0 +1,125 @@
+<template>
+  <TopBackBar :title="commandName" type="chief" />
+  <div class="bg0">
+    <div>
+      장수의 자금이나 군량을 몰수합니다.<br />
+      몰수한것은 국가재산으로 귀속됩니다.<br />
+    </div>
+    <div class="row">
+      <div class="col-12 col-md-5">
+        <GeneralSelect
+          :cities="citiesMap"
+          :generals="generalList"
+          :troops="troops"
+          v-model="selectedGeneralID"
+          :textHelper="textHelpGeneral"
+        />
+      </div>
+      <AmountSelect
+        :amountGuide="amountGuide"
+        v-model="amount"
+        :maxAmount="maxAmount"
+        :minAmount="minAmount"
+      />
+      <div class="col-12 col-md-2 d-grid">
+        <b-button variant="primary" @click="submit">{{ commandName }}</b-button>
+      </div>
+    </div>
+  </div>
+  <BottomBar :title="commandName" />
+</template>
+
+<script lang="ts">
+import GeneralSelect from "@/processing/GeneralSelect.vue";
+import AmountSelect from "@/processing/AmountSelect.vue";
+import { defineComponent, ref } from "vue";
+import { unwrap } from "@/util/unwrap";
+import { Args } from "@/processing/args";
+import TopBackBar from "@/components/TopBackBar.vue";
+import BottomBar from "@/components/BottomBar.vue";
+import {
+  convertGeneralList,
+  procGeneralItem,
+  procGeneralKeyList,
+  procGeneralRawItemList,
+  procTroopList,
+} from "../processingRes";
+import { getNpcColor } from "@/common_legacy";
+declare const commandName: string;
+
+declare const procRes: {
+  distanceList: Record<number, number[]>;
+  cities: [number, string][];
+  generals: procGeneralRawItemList;
+  generalsKey: procGeneralKeyList;
+  minAmount: number;
+  maxAmount: number;
+  amountGuide: number[];
+};
+
+export default defineComponent({
+  components: {
+    GeneralSelect,
+    AmountSelect,
+    TopBackBar,
+    BottomBar,
+  },
+  setup() {
+    const citiesMap = new Map<
+      number,
+      {
+        name: string;
+        info?: string;
+      }
+    >();
+    for (const [id, name] of procRes.cities) {
+      citiesMap.set(id, { name });
+    }
+
+    const generalList = convertGeneralList(
+      procRes.generalsKey,
+      procRes.generals
+    );
+    const amount = ref(1000);
+    const isGold = ref(true);
+
+    const selectedGeneralID = ref(generalList[0].no);
+
+    function textHelpGeneral(gen: procGeneralItem): string {
+      const nameColor = getNpcColor(gen.npc);
+      const name = nameColor
+        ? `<span style="color:${nameColor}">${gen.name}</span>`
+        : gen.name;
+      return `${name} (금${gen.gold.toLocaleString()}/쌀${gen.rice.toLocaleString()}) (${
+        gen.leadership
+      }/${gen.leadership}/${gen.intel})`;
+    }
+
+    async function submit(e: Event) {
+      const event = new CustomEvent<Args>("customSubmit", {
+        detail: {
+          amount: amount.value,
+          isGold: isGold.value,
+          destGeneralID: selectedGeneralID.value,
+        },
+      });
+      unwrap(e.target).dispatchEvent(event);
+    }
+
+    return {
+      amount,
+      isGold,
+      selectedGeneralID,
+      citiesMap: ref(citiesMap),
+      distanceList: procRes.distanceList,
+      minAmount: ref(procRes.minAmount),
+      maxAmount: ref(procRes.maxAmount),
+      amountGuide: procRes.amountGuide,
+      generalList,
+      commandName,
+      textHelpGeneral,
+      submit,
+    };
+  },
+});
+</script>

hwe/ts/processing/Nation/che_발령.vue

@@ -16,18 +16,19 @@
       목록을 선택하거나 도시를 클릭하세요.<br />
     </div>
     <div class="row">
-      <div class="col-12 col-md-4">
+      <div class="col-12 col-md-6">
         <GeneralSelect
           :cities="citiesMap"
           :generals="generalList"
           :troops="troops"
+          :textHelper="textHelpGeneral"
           v-model="selectedGeneralID"
         />
       </div>
       <div class="col-12 col-md-4">
         <CitySelect :cities="citiesMap" v-model="selectedCityID" />
       </div>
-      <div class="col-12 col-md-4">
+      <div class="col-12 col-md-2 d-grid">
         <b-button @click="submit">{{ commandName }}</b-button>
       </div>
     </div>
@@ -48,10 +49,12 @@ import TopBackBar from "@/components/TopBackBar.vue";
 import BottomBar from "@/components/BottomBar.vue";
 import {
   convertGeneralList,
+  procGeneralItem,
   procGeneralKeyList,
   procGeneralRawItemList,
   procTroopList,
 } from "../processingRes";
+import { convertDictById, getNpcColor } from "@/common_legacy";
 declare const mapTheme: string;
 declare const currentCity: number;
 declare const commandName: string;
@@ -101,6 +104,13 @@ export default defineComponent({
 
     const selectedGeneralID = ref(generalList[0].no);
 
+    function textHelpGeneral(gen: procGeneralItem): string{
+      const troops = (!gen.troopID)?'':`,${procRes.troops[gen.troopID].name}`;
+      const nameColor = getNpcColor(gen.npc);
+      const name = nameColor?`<span style="color:${nameColor}">${gen.name}</span>`:gen.name;
+      return `${name} [${citiesMap.get(gen.cityID)?.name}${troops}] (${gen.leadership}/${gen.leadership}/${gen.intel}) <병${gen.crew.toLocaleString()}/훈${gen.train}/사${gen.atmos}>`;
+    }
+
     async function submit(e: Event) {
       const event = new CustomEvent<Args>("customSubmit", {
         detail: {
@@ -109,6 +119,9 @@ export default defineComponent({
         },
       });
       unwrap(e.target).dispatchEvent(event);
+
+      //        title: `${gen.name}[${this.cities.get(gen.cityID)?.name}] (${gen.leadership}/${gen.leadership}/${gen.intel}) <병${gen.crew.toLocaleString()}/훈${gen.train}/사${gen.atmos}`,
+
     }
 
     return {
@@ -122,6 +135,7 @@ export default defineComponent({
       generalList,
       commandName,
       selectedCity,
+      textHelpGeneral,
       submit,
     };
   },

hwe/ts/processing/Nation/che_포상.vue

@@ -1,7 +0,0 @@
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-});
-
-</script>

hwe/ts/processing/Nation/index.ts

@@ -1,5 +1,5 @@
 export { default as che_국기변경 } from "./che_국기변경.vue";
 export { default as che_국호변경 } from "./che_국호변경.vue";
 export { default as che_급습 } from "./che_급습.vue";
+export { default as che_몰수 } from "./che_몰수.vue";
 export { default as che_발령 } from "./che_발령.vue";
-export { default as che_포상 } from "./che_포상.vue";