gnui 1.1.8 → 1.2.0

package/@types/gnui.d.ts

@@ -5,144 +5,166 @@ declare module 'gnui' {
   export function create(type: string, options?: GNUIOptionsInterface): GNCoreInstanceInterface;
 
   interface Utils {
-    slideup(element: Node, duration: number): void
-    fadeout(element: Node, duration: number): void
-    attr(element: any, name: any, value?: any): any
-    hasAttr(element: any, name: string): any
-    removeAttr(element: any, name: string): any
-    data(element: any, attribute: string): any
-    addClass(element: any, ...args: any[]): any
-    removeClass(element: any, ...args: any[]): any
-    removeClasses(element: any, cls: string): any
-    replaceClass(element: any, ...args: any[]): any
-    hasClass(element: any, cls: string): any
-    toggleClass(element: any, ...args: any[]): any
-    hslToRgb([h, s, l]: Array<number>): Array<number>
-    hslToHex([h, s, l]: Array<number>): string
-    hexToHsl(color: string): Array<number>
-    rgbToHsl(color: string): Array<number>
-    rgbToHex(color: Array<number>): string
-    hexToRgb(color: string): Array<number>
-    hexPrefix(hexCode: number): string
-    contrastColor(hex: string): string
-    offset(element: any, coordinates?: any): any
-    position(element: any, parent?: any): any
-    $(selector: any, context?: any): any
-    $$(selector: any, context?: any): any
-    fragment(html: any): any
-    empty(element: any): any
-    html(parent: any, html: any): any
-    text(parent: any, text?: any): any
-    val(parent: any, text?: any): any
-    prepend(parent: any, element: any): any
-    append(parent: any, element: any): any
-    before(ref: any, element: any): any
-    after(ref: any, element: any): any
-    remove(element: any): any
-    on(...args: any[]): Function
-    off(targets: Array<any>|any, type: string, listener: any, useCapture: boolean): void
-    once(...args: any[]): any
-    trigger(targets: any[]|Node, event: string|Event, detail?: any): any
-    createEvent(e: string|Event, bubbles: boolean, cancelable: boolean, detail: any): any
-    toEventTargets(target: any): any
-    isTouch(e: any): any
-    getEventPos(e: any, prop: string): any
-    isVoidElement(element: any): any
-    isVisible(element: any): any
-    isInput(element: any): any
-    filter(element: any, selector: any): any
-    within(element: any, selector: any): any
-    hyphenate(str: string): any
-    camelize(str: string): any
-    trim(str: string): string
-    hasOwn(obj: any, key: any): any
-    isFunction(obj: any): boolean
-    isObject(obj: any): boolean
-    isArray(obj: any): boolean
-    isPlainObject(obj: any): boolean
-    isWindow(obj: any): boolean
-    isDocument(obj: any): boolean
-    isNode(obj: any): boolean
-    isElement(obj: any): boolean
-    isNodeCollection(obj: any): boolean
-    isString(value: any): boolean
-    isBoolean(value: any): boolean
-    isNumber(value: any): boolean
-    isNumeric(value: any): boolean
-    isEmpty(obj: any): boolean|number
-    isUndefined(value: any): boolean
-    isHtml(str: string): boolean|string[]
-    isDate(value: any): boolean
-    toBoolean(value: any): boolean|any
-    toFinite(value: any): number
-    toInteger(value: any): number
-    toNumber(value: any): number
-    getNumber(value: any): number
-    toFloat(value: any): number
-    toNode(element: any): HTMLElement
-    toNodes(element: any): any[]
-    toWindow(element: any): any
-    toList(value: any): any
-    toMs(time: any): any
-    toDate(value: any): Date
-    isEqual(value: any, other: any): any
-    normalizeMacFormat(mac: string): string
-    isMAC(macStr: string, sep?: string): boolean
-    isIpAddressPattern(ipPattern: string): boolean
-    isIpAddress(ipStr: string): boolean
-    startsWith(str: string, search: string): any
-    endsWith(str: string, search: string): any
-    includes(obj: any, search: any): boolean
-    each(obj: any, cb: any): boolean
-    last(array: Array<any>): any
-    clamp(number: number, min: number, max: number): any
-    extend(defaults: any, options: any): any
-    objExtends(...args: any[]): any
-    sortBy(array: Array<any>, prop: string): Array<any>
-    removeBy(array: Array<any>, predicate: Function): Array<any>
-    uniqBy(array: Array<any>, prop: string): Array<any>
-    sumBy(array: Array<any>, prop?: string): Number
-    random(min: number, max: number): number
-    drag(element: HTMLElement): void
-    dragLayout(element: HTMLElement, boundary: Array<number>, events: { drag?: Function, dragStart?: Function, dragEnd?: Function}): void
-    query(selector: any, context: any): any
-    queryAll(selector: any, context: any): any
-    find(selector: any, context: any): any
-    findAll(selector: any, context: any): any
-    matches(element: any, selector: any): any
-    closest(element: any, selector: any): any
-    parent(element: any): any
-    parents(element: any, selector?: any): any
-    children(element: any, selector?: any): any
-    next(element: any): any
-    prev(element: any): any
-    nextUntil(element: any, selector?: any): any
-    siblings(element: any, selector?: any): any
-    escape(css: any): string
-    isEquals(compareFrom: any, compareTo: any): boolean
-    style(element: any, name: keyof CSSStyleDeclaration, value?: any): any
-    styles(element: any, styles: {[key:string]: string|number}): void|any
-    removeStyle(element: any, name: string|Array<string>): any
-    css(element: any, property: any, value?: any): any
-    getUnit(property: string, value: any): any
-    getStyles(element: any, pseudoElt?: any): any
-    getStyle(element: any, property: any, pseudoElt?: any): any
-    propName(name: string): any
-    scrollTop(element: any, top: number): void
-    scrollIntoView(element: any, offsetBy: number): any
-    scrollParents(element: any, overflowRe: 'auto'|'scroll'): any
-    getViewport(scrollElement: any): any
-    getCenterX(): number
-    getCenterY(): number
-    getPositionX(element: HTMLElement): number
-    getPositionY(element: HTMLElement): number
-    isIE: boolean
-    assign(target: any, ...args: Array<any>): any
-    selInput: string
-    dayOfMonth(year: number, month: number) : number
-    dateDiff (date1: string|number|Date, date2: string|number|Date): number
-    byteSize(orgValue: number): string|number
-    commaNum(num: number): string
+    slideup(element: Node, duration: number): void;
+    fadeout(element: Node, duration: number): void;
+    attr(element: any, name: any, value?: any): any;
+    hasAttr(element: any, name: string): any;
+    removeAttr(element: any, name: string): any;
+    data(element: any, attribute: string): any;
+    addClass(element: any, ...args: any[]): any;
+    removeClass(element: any, ...args: any[]): any;
+    removeClasses(element: any, cls: string): any;
+    replaceClass(element: any, ...args: any[]): any;
+    hasClass(element: any, cls: string): any;
+    toggleClass(element: any, ...args: any[]): any;
+    hslToRgb([h, s, l]: Array<number>): Array<number>;
+    hslToHex([h, s, l]: Array<number>): string;
+    hexToHsl(color: string): Array<number>;
+    rgbToHsl(color: string): Array<number>;
+    rgbToHex(color: Array<number>): string;
+    hexToRgb(color: string): Array<number>;
+    hexPrefix(hexCode: number): string;
+    isHexPattern(color: string): boolean;
+    contrastColor(hex: string): string;
+    offset(element: any, coordinates?: any): any;
+    position(element: any, parent?: any): any;
+    $(selector: any, context?: any): any;
+    $$(selector: any, context?: any): any;
+    fragment(html: any): any;
+    empty(element: any): any;
+    html(parent: any, html?: any): any;
+    text(parent: any, text?: any): any;
+    val(parent: any, text?: any): any;
+    prepend(parent: any, element: any): any;
+    append(parent: any, element: any): any;
+    before(ref: any, element: any): any;
+    after(ref: any, element: any): any;
+    remove(element: any): any;
+    on(...args: any[]): Function;
+    off(targets: Array<any> | any, type: string, listener: any, useCapture: boolean): void;
+    once(...args: any[]): any;
+    trigger(targets: any[] | Node, event: string | Event, detail?: any): any;
+    createEvent(e: string | Event, bubbles: boolean, cancelable: boolean, detail: any): any;
+    toEventTargets(target: any): any;
+    isTouch(e: any): any;
+    getEventPos(e: any, prop: string): any;
+    isVoidElement(element: any): any;
+    isVisible(element: any): any;
+    isInput(element: any): any;
+    filter(element: any, selector: any): any;
+    within(element: any, selector: any): any;
+    hyphenate(str: string): any;
+    camelize(str: string): any;
+    trim(str: string): string;
+    hasOwn(obj: any, key: any): any;
+    isFunction(obj: any): boolean;
+    isObject(obj: any): boolean;
+    isArray(obj: any): boolean;
+    isPlainObject(obj: any): boolean;
+    isWindow(obj: any): boolean;
+    isDocument(obj: any): boolean;
+    isNode(obj: any): boolean;
+    isElement(obj: any): boolean;
+    isNodeCollection(obj: any): boolean;
+    isString(value: any): boolean;
+    isBoolean(value: any): boolean;
+    isNumber(value: any): boolean;
+    isNumeric(value: any): boolean;
+    isEmpty(obj: any): boolean | number;
+    isUndefined(value: any): boolean;
+    isHtml(str: string): boolean | string[];
+    isDate(value: any): boolean;
+    toBoolean(value: any): boolean | any;
+    toFinite(value: any): number;
+    toInteger(value: any): number;
+    toNumber(value: any): number;
+    getNumber(value: any): number;
+    toFloat(value: any): number;
+    toNode(element: any): HTMLElement;
+    toNodes(element: any): any[];
+    toWindow(element: any): any;
+    toList(value: any): any;
+    toMs(time: any): any;
+    toDate(value: any): Date;
+    toJson(str: string): any;
+    isEqual(value: any, other: any): any;
+    normalizeMacFormat(mac: string): string;
+    isMAC(macStr: string, sep?: string): boolean;
+    isNetworkAndBroadcastAddr(ipStr: string): boolean;
+    isIP(ipStr: string, version?: string, ipPattern?: string): boolean;
+    isIPv4Pattern(ipStr: string, ipPattern?: string, isSubnetMask?: boolean): boolean;
+    isIPv6Pattern(ipStr: string, ipPattern?: string): boolean;
+    isIPv4(ipStr: string): boolean;
+    isIPv4Exclusive(ipStr: string): boolean;
+    isIPv6(ipStr: string): boolean;
+    isCidrIPv4(ipStr: string): boolean;
+    isCidrIPv6(ipStr: string): boolean;
+    isRangeIPv4(ipStr: string): boolean;
+    isRangeIPv6(ipStr: string): boolean;
+    isLongRangeIPv4(ipStr: string): boolean;
+    isLongRangeIPv6(ipStr: string): boolean;
+    startsWith(str: string, search: string): any;
+    endsWith(str: string, search: string): any;
+    includes(obj: any, search: any): boolean;
+    each(obj: any, cb: any): boolean;
+    last(array: Array<any>): any;
+    clamp(number: number, min: number, max: number): any;
+    extend(defaults: any, options: any): any;
+    objExtends(...args: any[]): any;
+    objClone(obj: any): any;
+    sortBy(array: Array<any>, prop: string): Array<any>;
+    removeBy(array: Array<any>, predicate: Function): Array<any>;
+    uniqBy(array: Array<any>, prop: string): Array<any>;
+    sumBy(array: Array<any>, prop?: string): Number;
+    random(min: number, max: number): number;
+    drag(element: HTMLElement): void;
+    dragLayout(element: HTMLElement, boundary: Array<number>, events: { drag?: Function; dragStart?: Function; dragEnd?: Function }): void;
+    query(selector: any, context: any): any;
+    queryAll(selector: any, context: any): any;
+    find(selector: any, context: any): any;
+    findAll(selector: any, context: any): any;
+    matches(element: any, selector: any): any;
+    closest(element: any, selector: any): any;
+    parent(element: any): any;
+    parents(element: any, selector?: any): any;
+    children(element: any, selector?: any): any;
+    next(element: any): any;
+    prev(element: any): any;
+    nextUntil(element: any, selector?: any): any;
+    siblings(element: any, selector?: any): any;
+    escape(css: any): string;
+    isEquals(compareFrom: any, compareTo: any): boolean;
+    style(element: any, name: keyof CSSStyleDeclaration, value?: any): any;
+    styles(element: any, styles: { [key: string]: string | number }): void | any;
+    removeStyle(element: any, name: string | Array<string>): any;
+    css(element: any, property: any, value?: any): any;
+    getUnit(property: string, value: any): any;
+    getStyles(element: any, pseudoElt?: any): any;
+    getStyle(element: any, property: any, pseudoElt?: any): any;
+    propName(name: string): any;
+    scrollTop(element: any, top: number): void;
+    scrollIntoView(element: any, offsetBy: number): any;
+    scrollParents(element: any, overflowRe?: RegExp): any;
+    getViewport(scrollElement: any): any;
+    getCenterX(): number;
+    getCenterY(): number;
+    getPositionX(element: HTMLElement): number;
+    getPositionY(element: HTMLElement): number;
+    isIE: boolean;
+    getBrowser(): string;
+    getOS(): string;
+    assign(target: any, ...args: Array<any>): any;
+    selInput: string;
+    dayOfMonth(year: number, month: number): number;
+    dateDiff(date1: string | number | Date, date2: string | number | Date): number;
+    byteSize(orgValue: number): string | number;
+    commaNum(num: number): string;
+    parseBundle(text: string, locale: string): string;
+    textToMultiLangs(text: string): { [key: string]: string };
+    formatString(str: string, args: string[]): string;
+    copyToClipboard(text: string): void;
+    generateUUID(): string;
+    getByteSize(str: string): number;
   }
 
   interface GNCoreInstanceInterface {
@@ -167,21 +189,25 @@ declare module 'gnui' {
   }
 
   interface GNUIConfigInterface {
-    target?: string|HTMLElement;
+    target?: string | HTMLElement;
     name?: string;
     animation?: GNUIAnimation;
-    align?: GNUIAlign;
+    align?: GNUIAlign | GNUIOrientation;
     color?: GNUIColor;
     data?: any;
+    headers?: any[];
+    tipField?: string;
+    childField?: string;
     size?: GNUISize;
     state?: GNUIState;
     style?: GNUIStyle;
     border?: GNUIBorder;
-    width?: number|string;
-    height?: number;
-    scrollHeight?: number|string;
+    width?: number | string;
+    height?: number | string;
+    bodyHeight?: string;
+    scrollHeight?: number | string;
     icon?: string;
-    orientation?: 'horizontal'|'vertical';
+    orientation?: GNUIOrientation;
     space?: number;
     panel?: Array<any>;
     timer?: any;
@@ -195,6 +221,12 @@ declare module 'gnui' {
     hasClose?: boolean;
     hasFigure?: boolean;
     hasSearch?: boolean;
+    hasCheck?: boolean;
+    hasOrder?: boolean;
+    hasDelete?: boolean;
+    checkCapturing?: boolean;
+    isEllipsis?: boolean;
+    fixHeader?: boolean;
     indeterminate?: boolean;
     isModal?: boolean;
     direction?: string;
@@ -212,8 +244,17 @@ declare module 'gnui' {
     value?: any;
     position?: number;
     parent?: GNCoreInstanceInterface;
-    textSets?: {[key: string]: string};
-    delegates?: {[key: string]: string};
+    onClick?: Function;
+    onConfirm?: Function;
+    onSort?: Function;
+    onSelect?: Function;
+    onToggle?: Function;
+    onCheckAll?: Function;
+    onCheck?: Function;
+    onDragEnd?: Function;
+    onChange?: Function;
+    textSets?: { [key: string]: string };
+    delegates?: { [key: string]: string };
     [propName: string]: any; // 임의의 프로퍼티 정의
   }
 
@@ -221,12 +262,12 @@ declare module 'gnui' {
     onChange?: Function;
   }
 
-  type GNUIAnimation = 'slideup'|'fadeout';
-  type GNUIAlign = 'full'|'left'|'center'|'right';
-  type GNUIStyle = 'inline-block'|'full'|'round';
-  type GNUIBorder = 'outline'|'border'|'stripe'|'borderless';
-  type GNUIColor = ''|'success'|'warning'|'danger'|'info'|'dark'|'cancel'|'link'|'trans'|'secondary'|'mono';
-  type GNUISize = ''|'small'|'normal'|'medium'|'large';
-  type GNUIState = ''|'hover'|'focus'|'active';
-
+  type GNUIAnimation = 'slideup' | 'fadeout';
+  type GNUIAlign = 'full' | 'left' | 'center' | 'right';
+  type GNUIOrientation = 'horizontal' | 'vertical';
+  type GNUIStyle = 'inline-block' | 'full' | 'round';
+  type GNUIBorder = 'outline' | 'border' | 'stripe' | 'borderless';
+  type GNUIColor = '' | 'success' | 'warning' | 'danger' | 'info' | 'dark' | 'cancel' | 'link' | 'trans' | 'secondary' | 'mono' | 'guide';
+  type GNUISize = '' | 'small' | 'normal' | 'medium' | 'large';
+  type GNUIState = '' | 'hover' | 'focus' | 'active';
 }

package/README.md

@@ -1,15 +1,19 @@
 ## 개발환경 설정
+
 1. 터미널에서 `npm install`하여 필요한 패키지를 설치한다.
 2. `npm run dev` 스크립트를 수행한다.
 3. 브라우저에서 **styleguide/index.html** 파일을 확인한다.
 4. 수정 테스트
 
 ## 테마 추가방법
+
 - theme 폴더에 scss 파일을 생성한 후, 템플릿에 맞게 테마에서 사용될 값을 재정의 한다. (default.scss 참조)
   > aigis_config.yml 파일 내 color_theme 항목에 신규 추가한 테마명(파일명과 동일)을 추가하면 가이드화면에서 테마 전환 후 확인 가능하다.
 
 ## Coding Conventions
+
 ### CSS
+
 1. 들여쓰기는 공백 2문자를 사용한다.
 1. 클래스, 아이디명은 케밥 케이스(kebab-case)를 사용한다.
 1. 가독성을 위해 선언 블록을 여는 중괄호 앞에는 1문자를 공백으로 넣고, 닫는 중괄호는 새로운 행에 배치한다.
@@ -25,17 +29,19 @@
 1. padding, margin, font, background, border, border-radius 등 축약형 사용이 가능한 프로퍼티는 가능한 한 축약형을 사용한다.
 
 ### Sass
+
 1. scss 문법을 사용한다.
 1. 속성, @include, 중첩 선택자 순으로 선언한다. @include 선언 이후에는 개행을 한다.
 1. 변수명은 케밥 케이스를 사용한다.
-1. private 변수인 경우 밑줄(_)을 접두사로 사용한다. (e.g $_sub-color)
+1. private 변수인 경우 밑줄(\_)을 접두사로 사용한다. (e.g $\_sub-color)
 1. Extend 지시자는 사용하지 않는다.
 1. 선택자 중첩은 최대 3단계까지만 사용한다.
-1. 통일성이 있어야 하는 속성 (border-width, font-size, background-color, font-weight, color 등)은 init에 정의하고 variables에 참조하여 사용한다.  
+1. 통일성이 있어야 하는 속성 (border-width, font-size, background-color, font-weight, color 등)은 init에 정의하고 variables에 참조하여 사용한다.
 
 ### ts
+
 1. 들여쓰기는 공백 2문자를 사용한다.
-2. 함수명, 변수명은 알파벳으로 시작하며,  첫글자가 소문자인 카멜케이스(lowerCamelCase)를 사용한다.
+2. 함수명, 변수명은 알파벳으로 시작하며, 첫글자가 소문자인 카멜케이스(lowerCamelCase)를 사용한다.
 3. 가독성을 위해 선언 블록을 여는 중괄호 앞에는 1문자를 공백으로 넣고, 닫는 중괄호는 새로운 행에 배치한다.
 4. 연산자와 쉼표 뒤에는 공백을 둔다.
 5. 생성자는 대문자로 시작한다.