refactor!: remove main files

Author: zzhenryquezz

package-lock.json

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { dialogItems } from '../composables/useQuickDialog'
+</script>
+
+<template>
+    <v-dialog v-for="d in dialogItems" :key="d.id" :model-value="d.show">
+        <div>
+            {{ d.title }}
+        </div>
+    </v-dialog>
+</template>

packages/app/components/VQuickDialog.vue

@@ -0,0 +1,53 @@
+import uuid from 'uuid-random'
+
+interface DialogItem {
+    id: string
+    title: string
+    show: boolean
+    message?: string
+    result?: any
+}
+
+export const dialogItems = [] as DialogItem[]
+
+export default function useQuickDialog() {
+    function mount(args: Pick<DialogItem, 'title' | 'message'>) {
+        const id = uuid()
+
+        return {
+            id,
+            show: false,
+            ...args,
+        } as DialogItem
+    }
+
+    function open(args: Pick<DialogItem, 'title' | 'message'>) {
+        const item = mount(args)
+
+        return new Promise<any>((resolve) => {
+            dialogItems.push(item)
+
+            const interval = setInterval(() => {
+                if (!item.show) return
+
+                clearInterval(interval)
+
+                resolve(item.result)
+            }, 100)
+        })
+    }
+
+    function close(id: string) {
+        const item = dialogItems.find((i) => i.id === id)
+
+        if (!item) return
+
+        item.show = false
+    }
+
+    return {
+        open,
+        close,
+        dialogItems,
+    }
+}

packages/app/composables/useQuickDialog.ts

@@ -1,10 +1,16 @@
 import type CoreApp from '@index-san/core/app'
 
+interface OpenResult {
+    displayName: string
+    path: string
+    metadata: Record<string, any>
+}
+
 export interface ClientAppConfig {
     useCase: CoreApp['useCase']
     open: {
         url: (href: string) => Promise<void>
-        directory: () => Promise<string>
+        directory: () => Promise<OpenResult>
     }
 }
 

packages/app/config.ts

@@ -62,9 +62,11 @@ async function submit() {
 const config = useConfig()
 
 async function pickFolder() {
-    const path = await config.open.directory()
+    const result = await config.open.directory()
 
-    payload.value.config.path = path
+    console.log(result)
+
+    payload.value.config = result
 }
 
 // set edited item
@@ -107,10 +109,13 @@ watch(
                     value-key="id"
                     card:color="b-primary"
                     menu:offset-y
-                    disabled
                 />
 
-                <v-input v-model="payload.config.path" :label="$t('path')" :disabled="!!editedItem">
+                <v-input
+                    v-model="payload.config.displayName"
+                    :label="$t('path')"
+                    :disabled="!!editedItem"
+                >
                     <template #append>
                         <v-btn
                             size="sm"

packages/app/modules/workspace/components/WForm.vue

@@ -44,6 +44,7 @@ declare module '@vue/runtime-core' {
     VTd: typeof import('./../components/VTd.vue')['default']
     VTextarea: typeof import('./../components/VTextarea.vue')['default']
     VTh: typeof import('./../components/VTh.vue')['default']
+    VToolbar: typeof import('./../components/VToolbar.vue')['default']
     VTooltip: typeof import('./../components/VTooltip.vue')['default']
     VTr: typeof import('./../components/VTr.vue')['default']
   }