alicorn-dev/KintoneAppBuilder
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ファイル名とコンポーネント名を変更し、コンポーネントとして使用できるようにする。

Browse Source
This commit is contained in:
Mouriya
2024-05-27 18:44:36 +09:00
parent 78bba2502f
commit 484ab9fdae
4 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/AppFieldSelectBox.vue
View File

@@ -50,8 +50,8 @@
</q-input> </q-input>
</template> </template>
<AppSelect ref="appDlg" name="アプリ" type="single" :filter="filter" <AppSelectBox ref="appDlg" name="アプリ" type="single" :filter="filter"
:updateExternalSelectAppInfo="updateExternalSelectAppInfo"></AppSelect> :updateExternalSelectAppInfo="updateExternalSelectAppInfo"></AppSelectBox>
</show-dialog> </show-dialog>
</template> </template>
@@ -60,7 +60,7 @@ import { defineComponent, ref, watchEffect, computed } from 'vue';
import ShowDialog from './ShowDialog.vue'; import ShowDialog from './ShowDialog.vue';
import FieldSelect from './FieldSelect.vue'; import FieldSelect from './FieldSelect.vue';
import { useFlowEditorStore } from 'stores/flowEditor'; import { useFlowEditorStore } from 'stores/flowEditor';
import AppSelect from './AppSelect.vue'; import AppSelectBox from './AppSelectBox.vue';
interface IApp { interface IApp {
id: string, id: string,
name: string name: string
@@ -82,7 +82,7 @@ export default defineComponent({
components: { components: {
ShowDialog, ShowDialog,
FieldSelect, FieldSelect,
AppSelect, AppSelectBox,
}, },
props: { props: {
selectedField: { selectedField: {

2
frontend/src/components/AppSelect.vue → frontend/src/components/AppSelectBox.vue
View File

@@ -21,7 +21,7 @@ import { ref, onMounted, reactive, watchEffect } from 'vue'
import { api } from 'boot/axios'; import { api } from 'boot/axios';
export default { export default {
name: 'AppSelect', name: 'AppSelectBox',
props: { props: {
name: String, name: String,
type: String, type: String,

6
frontend/src/components/left/AppSelector.vue
View File

@@ -30,7 +30,7 @@
</template> </template>
</q-input> </q-input>
</template> </template>
<AppSelect ref="appDg" name="アプリ" type="single" :filter="filter"></AppSelect> <AppSelectBox ref="appDg" name="アプリ" type="single" :filter="filter"></AppSelectBox>
</ShowDialog> </ShowDialog>
</template> </template>
@@ -38,7 +38,7 @@
import { defineComponent,ref } from 'vue'; import { defineComponent,ref } from 'vue';
import {AppInfo} from '../../types/ActionTypes' import {AppInfo} from '../../types/ActionTypes'
import ShowDialog from '../../components/ShowDialog.vue'; import ShowDialog from '../../components/ShowDialog.vue';
import AppSelect from '../../components/AppSelect.vue'; import AppSelectBox from '../../components/AppSelectBox.vue';
import { useFlowEditorStore } from 'stores/flowEditor'; import { useFlowEditorStore } from 'stores/flowEditor';
import { useAuthStore } from 'src/stores/useAuthStore'; import { useAuthStore } from 'src/stores/useAuthStore';
export default defineComponent({ export default defineComponent({
@@ -47,7 +47,7 @@ export default defineComponent({
"appSelected" "appSelected"
], ],
components:{ components:{
AppSelect, AppSelectBox,
ShowDialog ShowDialog
}, },
setup(props, context) { setup(props, context) {

4
frontend/src/pages/RuleEditor.vue
View File

@@ -24,7 +24,7 @@
<q-btn :label="model+'選択'" color="primary" @click="showDg()" /> <q-btn :label="model+'選択'" color="primary" @click="showDg()" />
<show-dialog v-model:visible="show" :name="model" @close="closeDg" width="400px"> <show-dialog v-model:visible="show" :name="model" @close="closeDg" width="400px">
<template v-if="model=='アプリ'"> <template v-if="model=='アプリ'">
<app-select ref="appDg" :name="model" type="single"></app-select> <app-select-box ref="appDg" :name="model" type="single"></app-select-box>
</template> </template>
<template v-if="model=='フィールド'"> <template v-if="model=='フィールド'">
<field-select ref="appDg" :name="model" type="multiple" :appId="1"></field-select> <field-select ref="appDg" :name="model" type="multiple" :appId="1"></field-select>
@@ -42,7 +42,7 @@
<script setup lang="ts"> <script setup lang="ts">
import ShowDialog from 'components/ShowDialog.vue'; import ShowDialog from 'components/ShowDialog.vue';
import AppSelect from 'components/AppSelect.vue'; import AppSelectBox from 'components/AppSelectBox.vue';
import FieldSelect from 'components/FieldSelect.vue'; import FieldSelect from 'components/FieldSelect.vue';
import ActionSelect from 'components/ActionSelect.vue'; import ActionSelect from 'components/ActionSelect.vue';
import { ref } from 'vue' import { ref } from 'vue'