From 9dd2ffd549ac6d8d8dab08f33339f333043fe978 Mon Sep 17 00:00:00 2001
From: Mouriya <mouriya@bu.edu>
Date: Fri, 13 Sep 2024 06:55:35 +0900
Subject: [PATCH] =?UTF-8?q?=E3=83=95=E3=82=A1=E3=82=A4=E3=83=AB=E5=90=8D?=
 =?UTF-8?q?=E3=81=AE=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...opDownBox.vue => CascadingDropDownBox.vue} |  2 +-
 ...ultiDropDown.vue => CascadingDropDown.vue} |  8 ++---
 .../src/components/right/PropertyList.vue     |  4 +--
 ...scss => cascading-dropdown-selectors.scss} |  0
 ...own.ts => cascading-dropdown-selectors.ts} | 35 ++++++++++---------
 .../src/types/action-process.ts               |  2 +-
 6 files changed, 27 insertions(+), 24 deletions(-)
 rename frontend/src/components/{MuiltDropDownBox.vue => CascadingDropDownBox.vue} (99%)
 rename frontend/src/components/right/{MultiDropDown.vue => CascadingDropDown.vue} (89%)
 rename plugin/kintone-addins/src/actions/{muilt-dropdown.scss => cascading-dropdown-selectors.scss} (100%)
 rename plugin/kintone-addins/src/actions/{muilt-dropdown.ts => cascading-dropdown-selectors.ts} (94%)

diff --git a/frontend/src/components/MuiltDropDownBox.vue b/frontend/src/components/CascadingDropDownBox.vue
similarity index 99%
rename from frontend/src/components/MuiltDropDownBox.vue
rename to frontend/src/components/CascadingDropDownBox.vue
index 4de11af..75346df 100644
--- a/frontend/src/components/MuiltDropDownBox.vue
+++ b/frontend/src/components/CascadingDropDownBox.vue
@@ -126,7 +126,7 @@ import { v4 as uuidv4 } from 'uuid';
 import { useQuasar } from 'quasar';
 
 export default defineComponent({
-  name: 'MuiltDropDownBox',
+  name: 'CascadingDropDownBox',
   inheritAttrs: false,
   components: { ShowDialog, AppSelectBox, FieldSelect },
   props: {
diff --git a/frontend/src/components/right/MultiDropDown.vue b/frontend/src/components/right/CascadingDropDown.vue
similarity index 89%
rename from frontend/src/components/right/MultiDropDown.vue
rename to frontend/src/components/right/CascadingDropDown.vue
index 2614ab7..f499cb8 100644
--- a/frontend/src/components/right/MultiDropDown.vue
+++ b/frontend/src/components/right/CascadingDropDown.vue
@@ -19,7 +19,7 @@
 
   <ShowDialog v-model:visible="dgIsShow" name="設定ドロップダウンメニュー" @close="closeDg" min-width="50vw" min-height="20vh" disableBtn>
     <div class="q-mb-md q-ml-md q-mr-md">
-      <MultiDropDownBox v-model:model-value="data" :finishDialogHandler="finishDialogHandler" />
+      <CascadingDropDownBox v-model:model-value="data" :finishDialogHandler="finishDialogHandler" />
     </div>
   </ShowDialog>
 </template>
@@ -27,14 +27,14 @@
 <script lang="ts">
 import { defineComponent, ref, watchEffect } from 'vue';
 import ShowDialog from '../ShowDialog.vue';
-import MultiDropDownBox from '../MuiltDropDownBox.vue';
+import CascadingDropDownBox from '../CascadingDropDownBox.vue';
 
 export default defineComponent({
   inheritAttrs: false,
-  name: 'MultiDropDown',
+  name: 'CascadingDropDown',
   components: {
     ShowDialog,
-    MultiDropDownBox
+    CascadingDropDownBox
   },
   props: {
     displayName: {
diff --git a/frontend/src/components/right/PropertyList.vue b/frontend/src/components/right/PropertyList.vue
index 5784000..02c2219 100644
--- a/frontend/src/components/right/PropertyList.vue
+++ b/frontend/src/components/right/PropertyList.vue
@@ -24,7 +24,7 @@ import NumInput from './NumInput.vue';
 import DataProcessing from './DataProcessing.vue';
 import DataMapping from './DataMapping.vue';
 import AppSelect from './AppSelect.vue';
-import MultiDropDown from './MultiDropDown.vue';
+import CascadingDropDown from './CascadingDropDown.vue';
 import { IActionNode,IActionProperty,IProp } from 'src/types/ActionTypes';
 
 export default defineComponent({
@@ -43,7 +43,7 @@ export default defineComponent({
     DataProcessing,
     DataMapping,
     AppSelect,
-    MultiDropDown
+    CascadingDropDown
   },
   props: {
     nodeProps: {
diff --git a/plugin/kintone-addins/src/actions/muilt-dropdown.scss b/plugin/kintone-addins/src/actions/cascading-dropdown-selectors.scss
similarity index 100%
rename from plugin/kintone-addins/src/actions/muilt-dropdown.scss
rename to plugin/kintone-addins/src/actions/cascading-dropdown-selectors.scss
diff --git a/plugin/kintone-addins/src/actions/muilt-dropdown.ts b/plugin/kintone-addins/src/actions/cascading-dropdown-selectors.ts
similarity index 94%
rename from plugin/kintone-addins/src/actions/muilt-dropdown.ts
rename to plugin/kintone-addins/src/actions/cascading-dropdown-selectors.ts
index de456e7..5820eef 100644
--- a/plugin/kintone-addins/src/actions/muilt-dropdown.ts
+++ b/plugin/kintone-addins/src/actions/cascading-dropdown-selectors.ts
@@ -8,17 +8,17 @@ import {
 import { actionAddins } from ".";
 import { KintoneRestAPIClient } from "@kintone/rest-api-client";
 import { getPageState } from "../util/url";
-import "./muilt-dropdown.scss";
+import "./cascading-dropdown-selectors.scss";
 import { Record as KTRecord } from "@kintone/rest-api-client/lib/src/client/types";
 
 // 多段ドロップダウンメニューのプロパティインターフェース
-interface IMuiltDropDownProps {
+interface ICascadingDropDownProps {
   displayName: string;
-  multiDropDown: IMultiDropDown;
+  cascadingDropDown: ICascadingDropDown;
 }
 
 // 多段ドロップダウンメニューの設定インターフェース
-interface IMultiDropDown {
+interface ICascadingDropDown {
   sourceApp: IApp;
   dropDownApp: IApp;
   fieldList: IFieldList[];
@@ -55,7 +55,7 @@ namespace DropDownConfig {
   let dictionary: DropdownDictionary;
 
   // ドロップダウンメニューの設定を初期化、必要な時のみ初期化
-  export const init = async (props: IMultiDropDown) => {
+  export const init = async (props: ICascadingDropDown) => {
     try {
       const client = new KintoneRestAPIClient();
       const sourceAppId = props.sourceApp.id;
@@ -173,15 +173,15 @@ namespace DropDownConfig {
   };
 }
 
-export class MuiltDropDownAction implements IAction {
+export class CascadingDropDownAction implements IAction {
   name: string;
   actionProps: IActionProperty[];
-  props: IMuiltDropDownProps;
+  props: ICascadingDropDownProps;
 
   constructor() {
     this.name = "TestDropDown";
     this.actionProps = [];
-    this.props = {} as IMuiltDropDownProps;
+    this.props = {} as ICascadingDropDownProps;
     this.register();
   }
 
@@ -191,20 +191,23 @@ export class MuiltDropDownAction implements IAction {
     context: IContext
   ): Promise<IActionResult> {
     this.actionProps = actionNode.actionProps;
-    this.props = actionNode.ActionValue as IMuiltDropDownProps;
+    this.props = actionNode.ActionValue as ICascadingDropDownProps;
 
+    console.log(this.actionProps);
+    console.log(this.props);
+    
     const result: IActionResult = { canNext: true, result: "" };
 
     try {
       if (!this.props) return result;
 
-      const appId = this.props.multiDropDown.dropDownApp.id;
+      const appId = this.props.cascadingDropDown.dropDownApp.id;
       await this.#handlePageState(appId);
 
       return result;
     } catch (error) {
       console.error(
-        "MuiltDropDownAction プロセス中にエラーが発生しました:",
+        "CascadingDropDownAction プロセス中にエラーが発生しました:",
         error
       );
       context.errors.handleError(error, actionNode);
@@ -223,14 +226,14 @@ export class MuiltDropDownAction implements IAction {
       case "edit":
       case "show":
         if (currentState.type === "show" && currentState.mode !== "edit") break;
-        await DropDownConfig.init(this.props.multiDropDown);
-        this.#setupMultiDropdown(currentState.type);
+        await DropDownConfig.init(this.props.cascadingDropDown);
+        this.#setupCascadingDropDown(currentState.type);
         break;
     }
   }
 
   // 多段ドロップダウンメニューを設定
-  #setupMultiDropdown(pageType: string): void {
+  #setupCascadingDropDown(pageType: string): void {
     const tableElement = document.getElementById(
       pageType === "app" ? "view-list-data-gaia" : "record-gaia"
     );
@@ -242,7 +245,7 @@ export class MuiltDropDownAction implements IAction {
     DropdownContainer.init(
       pageType,
       tableElement,
-      this.props.multiDropDown.fieldList
+      this.props.cascadingDropDown.fieldList
     );
     DropdownContainer.addSaveBtnEvent(
       pageType === "app"
@@ -257,7 +260,7 @@ export class MuiltDropDownAction implements IAction {
   }
 }
 
-new MuiltDropDownAction();
+new CascadingDropDownAction();
 
 // ドロップダウンメニューコンテナの名前空間
 namespace DropdownContainer {
diff --git a/plugin/kintone-addins/src/types/action-process.ts b/plugin/kintone-addins/src/types/action-process.ts
index b49460f..10968e0 100644
--- a/plugin/kintone-addins/src/types/action-process.ts
+++ b/plugin/kintone-addins/src/types/action-process.ts
@@ -22,7 +22,7 @@ import '../actions/half-full-conversion';
 import '../actions/login-user-getter';
 import '../actions/auto-lookup';
 import '../actions/field-disable';
-import '../actions/muilt-dropdown';
+import '../actions/cascading-dropdown-selectors';
 import { ActionFlow,ErrorManager,IActionFlow, IActionResult,IContext } from "./ActionTypes";
 const ShowErrorEvents:string[] = [
     "app.record.create.submit.success",