@morpheus/addon-popup
라이브러리에서 제공되는 모듈
Before M.pop.alert
확인용 팝업을 띄워 사용자 선택을 받습니다.
Parameters
options
Object
string
string
string[]
Return
Promise<number>
Usage
import { confirm } from '@morpheus/addon-popup'
confirm({
title: '확인',
message: '삭제하시겠습니까?',
buttons: ['취소', '확인']
}).then(index => {
if (index === 1) {
console.log('확인 선택됨');
}
})
Before M.pop.date
날짜를 선택하는 팝업을 표시합니다.
Parameters
options
Object
string
string
string
string
string
string
Return
Promise<Object>
"SUCCESS"
| "FAIL"
Record<string, any>
string
string
Usage
import { datePicker } from '@morpheus/addon-popup'
datePicker({
initDate: '2025-01-01',
minDate: '2020-01-01',
maxDate: '2030-12-31'
}).then(result => {
if (result.status === 'SUCCESS') {
console.log('선택된 날짜:', result);
}
})
Before M.pop.instance
간단한 알림 메시지를 화면에 표시합니다.
Parameters
message
string
time?
"SHORT"
| "LONG"
| number
Return
void
Usage
import { toast } from '@morpheus/addon-popup'
toast('저장되었습니다.', 'SHORT')
Before M.pop.list
리스트에서 항목을 선택하는 팝업을 표시합니다.
Parameters
options
Object
"SINGLE"
| "MULTI"
string
string
boolean
string[]
Array<{ title: string, value: string }>
number | number[]
Return
Promise<Object>
number
string
또는 string[]
)Usage
import { listPicker } from '@morpheus/addon-popup'
listPicker({
title: '리스트 선택',
message: '항목을 선택하세요.',
list: [
{ title: '항목 1', value: '1' },
{ title: '항목 2', value: '2' }
],
selected: 0
}).then(result => {
console.log('선택된 항목:', result.selected);
})