This commit is contained in:
syuilo 2021-08-06 22:29:19 +09:00
parent 48113f3afd
commit 46d5711071
62 changed files with 732 additions and 755 deletions

View file

@ -4,23 +4,23 @@
<div class="_card _gap">
<div class="_title">Dialog</div>
<div class="_content">
<MkInput v-model:value="dialogTitle">
<span>Title</span>
<MkInput v-model="dialogTitle">
<template #label>Title</template>
</MkInput>
<MkInput v-model:value="dialogBody">
<span>Body</span>
<MkInput v-model="dialogBody">
<template #label>Body</template>
</MkInput>
<MkRadio v-model="dialogType" value="info">Info</MkRadio>
<MkRadio v-model="dialogType" value="success">Success</MkRadio>
<MkRadio v-model="dialogType" value="warning">Warn</MkRadio>
<MkRadio v-model="dialogType" value="error">Error</MkRadio>
<MkSwitch v-model:value="dialogCancel">
<MkSwitch v-model="dialogCancel">
<span>With cancel button</span>
</MkSwitch>
<MkSwitch v-model:value="dialogCancelByBgClick">
<MkSwitch v-model="dialogCancelByBgClick">
<span>Can cancel by modal bg click</span>
</MkSwitch>
<MkSwitch v-model:value="dialogInput">
<MkSwitch v-model="dialogInput">
<span>With input field</span>
</MkSwitch>
<MkButton @click="showDialog()">Show</MkButton>
@ -33,11 +33,11 @@
<div class="_card _gap">
<div class="_title">Form</div>
<div class="_content">
<MkInput v-model:value="formTitle">
<span>Title</span>
<MkInput v-model="formTitle">
<template #label>Title</template>
</MkInput>
<MkTextarea v-model:value="formForm">
<span>Form</span>
<MkTextarea v-model="formForm">
<template #label>Form</template>
</MkTextarea>
<MkButton @click="form()">Show</MkButton>
</div>
@ -49,8 +49,8 @@
<div class="_card _gap">
<div class="_title">MFM</div>
<div class="_content">
<MkTextarea v-model:value="mfm">
<span>MFM</span>
<MkTextarea v-model="mfm">
<template #label>MFM</template>
</MkTextarea>
</div>
<div class="_content">
@ -61,7 +61,7 @@
<div class="_card _gap">
<div class="_title">selectDriveFile</div>
<div class="_content">
<MkSwitch v-model:value="selectDriveFileMultiple">
<MkSwitch v-model="selectDriveFileMultiple">
<span>Multiple</span>
</MkSwitch>
<MkButton @click="selectDriveFile()">selectDriveFile</MkButton>
@ -74,7 +74,7 @@
<div class="_card _gap">
<div class="_title">selectDriveFolder</div>
<div class="_content">
<MkSwitch v-model:value="selectDriveFolderMultiple">
<MkSwitch v-model="selectDriveFolderMultiple">
<span>Multiple</span>
</MkSwitch>
<MkButton @click="selectDriveFolder()">selectDriveFolder</MkButton>
@ -97,14 +97,14 @@
<div class="_card _gap">
<div class="_title">Notification</div>
<div class="_content">
<MkInput v-model:value="notificationIconUrl">
<span>Icon URL</span>
<MkInput v-model="notificationIconUrl">
<template #label>Icon URL</template>
</MkInput>
<MkInput v-model:value="notificationHeader">
<span>Header</span>
<MkInput v-model="notificationHeader">
<template #label>Header</template>
</MkInput>
<MkTextarea v-model:value="notificationBody">
<span>Body</span>
<MkTextarea v-model="notificationBody">
<template #label>Body</template>
</MkTextarea>
<MkButton @click="createNotification()">createNotification</MkButton>
</div>