ax6ui
ES6 Javascript UI Component
ax6ui
는 ES6표준 문법으로 사용하는 Javascript UI 콤포넌트 입니다.
React, Vue 등의 프로젝트와 함께 사용할 수 있습니다.
Install
npm install ax6ui -S
Usage
UI Component List
AX6Info
;
AX6Util
;
AX6UIMask
; let mask = ;mask;mask;
AX6UIFormatter
; let formatter = ; formatter;
AX6UICalendar
;; // css let myCalendar_0 = target: document;
AX6UIPalette
;; let palette = target: document;
AX6UIPicker
;;;; let picker = ; picker;
AX6UIDialog
;; let dialog = ; dialog;dialog;dialog;dialogprompt title: "prompt" msg: 'Input Here!!' input: data1: label: "passwd" type: "password" data2: label: "text" { console;};
AX6UIToast
;; let toast = ; toast;toast;
AX6UIModal
;; let modal = ;modal;
AX6UISelect
;; let select = ;select;
AX6UIMenu
;; let menu = iconWidth: 20 acceleratorWidth: 100 itemClickAndClose: false icons: 'arrow': '<i class="tiny material-icons">chevron_right</i>' columnKeys: label: 'name' items: 'chidren' items: icon: '<i class="tiny material-icons">class</i>' name: "Menu Parent 0" chidren: name: "Menu Z" accelerator: "CmdOrCtrl+Z" ; window;
AX6UIUploader
;; let uploader = //debug: true, target: $body form: action: "http://api-demo.ax5.io/api/v1/ax5uploader" fileName: "file" multiple: true manualUpload: false progressBox: true progressBoxDirection: "left" dropZone: target: $body uploadedBox: target: $body icon: "download": '<i class="material-icons">file_download</i>' "delete": '<i class="material-icons">delete</i>' columnKeys: name: "fileName" type: "ext" size: "fileSize" uploadedName: "saveName" uploadedPath: "" downloadPath: "" previewPath: "" thumbnail: "" lang: supportedHTML5_emptyListMsg: 'Drop files here or click to upload.' emptyListMsg: 'Empty of List.' { } { } { if thisuploadedFileslength + thisselectedFileslength > 10 ; return false; return true; } { } { } { } { };
AX6UIGrid
;; target: document columns: key: 'a' label: 'field A' key: 'b' label: 'field B' formatter: 'capital' key: 'c' label: 'number C' formatter: 'money' // 그리드에 내장된 formatter ;
ax6ui의 모든 컴포넌트를 사용한다면 개별 컴포넌트의 style.scss를 별도로 import하는 대신에
import "ax6ui/style.scss";
을 이용하여 모든 style을 사용할 수 있습니다.