This repository was archived by the owner on Jan 9, 2022. It is now read-only.

Commit 1cca48c

committed

feat(demo): update to gitart-vue-dialog@1.1.0

1 parent beea143 commit 1cca48cCopy full SHA for 1cca48c

File tree

+59

-1

lines changed

+59

-1

lines changed

Lines changed: 1 addition & 1 deletion

Lines changed: 6 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -25,6 +25,10 @@`
`25`	`25`	`<NestingDialogLayout />`
`26`	`26`	`</div>`
`27`	`27`
	`28`	`+ <div p="y-3">`
	`29`	`+ <ActivatorDialogLayout />`
	`30`	`+ </div>`
	`31`	`+`
`28`	`32`	`<TheFooter m="t-4" />`
`29`	`33`	`</div>`
`30`	`34`	`</div>`
`@@ -41,6 +45,7 @@ import TheFooter from '@/components/Interface/TheFooter.vue'`
`41`	`45`	`import DialogLayout from '@/components/Layout/DialogLayout.vue'`
`42`	`46`	`import ProgrammaticalDialogLayout from '@/components/Layout/ProgrammaticalDialogLayout.vue'`
`43`	`47`	`import NestingDialogLayout from '@/components/Layout/NestingDialogLayout.vue'`
	`48`	`+import ActivatorDialogLayout from '@/components/Layout/ActivatorDialogLayout.vue'`
`44`	`49`
`45`	`50`	`export default defineComponent({`
`46`	`51`	`name: 'App',`
`@@ -51,6 +56,7 @@ export default defineComponent({`
`51`	`56`	`DialogLayout,`
`52`	`57`	`ProgrammaticalDialogLayout,`
`53`	`58`	`NestingDialogLayout,`
	`59`	`+ ActivatorDialogLayout,`
`54`	`60`	`},`
`55`	`61`	`})`
`56`	`62`	`</script>`

Lines changed: 52 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,52 @@`
	`1`	`+<template>`
	`2`	`+ <div>`
	`3`	`+ <h3 m="b-3">`
	`4`	`+ Dialogs using #activator slot`
	`5`	`+ </h3>`
	`6`	`+`
	`7`	`+ <GDialog`
	`8`	`+ v-model="dialog"`
	`9`	`+ max-width="400"`
	`10`	`+ >`
	`11`	`+ <template #activator="attrs">`
	`12`	`+ <Btn v-bind="attrs" m="r-2">`
	`13`	`+ Activator`
	`14`	`+ </Btn>`
	`15`	`+ </template>`
	`16`	`+`
	`17`	`+ <DialogToolbar @close="dialog = false" />`
	`18`	`+`
	`19`	`+ <div p="x-5 y-4">`
	`20`	`+ <h3 m="b-4">`
	`21`	`+ Activator`
	`22`	`+ </h3>`
	`23`	`+ </div>`
	`24`	`+ </GDialog>`
	`25`	`+ </div>`
	`26`	`+</template>`
	`27`	`+`
	`28`	`+<script lang="ts">`
	`29`	`+import { ref, defineComponent } from 'vue'`
	`30`	`+import { GDialog } from 'gitart-vue-dialog'`
	`31`	`+`
	`32`	`+import DialogToolbar from '@/components/Dialog/DialogToolbar.vue'`
	`33`	`+`
	`34`	`+import Btn from '@/components/UI/Btn/Btn.vue'`
	`35`	`+`
	`36`	`+export default defineComponent({`
	`37`	`+ name: 'DialogLayout',`
	`38`	`+ components: {`
	`39`	`+ GDialog,`
	`40`	`+ DialogToolbar,`
	`41`	`+ Btn,`
	`42`	`+ },`
	`43`	`+`
	`44`	`+ setup() {`
	`45`	`+ const dialog = ref(false)`
	`46`	`+`
	`47`	`+ return {`
	`48`	`+ dialog,`
	`49`	`+ }`
	`50`	`+ },`
	`51`	`+})`
	`52`	`+</script>`

Comments

(0)