@daracl/form 0.0.1

package/dist/renderer/ButtonRender.d.ts

@@ -0,0 +1,14 @@
+import { FormField } from "@t/FormField";
+import Render from "./Render";
+import DaraForm from "src/DaraForm";
+export default class ButtonRender extends Render {
+    constructor(field: FormField, rowElement: HTMLElement, daraForm: DaraForm);
+    mounted(): void;
+    static isDataRender(): boolean;
+    createField(): void;
+    getValue(): string;
+    setValue(value: any): void;
+    reset(): void;
+    getElement(): null;
+    valid(): any;
+}

package/dist/renderer/CheckboxRender.d.ts

@@ -0,0 +1,18 @@
+import { FormField } from "@t/FormField";
+import Render from "./Render";
+import DaraForm from "src/DaraForm";
+export default class CheckboxRender extends Render {
+    private defaultCheckValue;
+    constructor(field: FormField, rowElement: HTMLElement, daraForm: DaraForm);
+    mounted(): void;
+    initEvent(): void;
+    getSelector(): string;
+    createField(): void;
+    setValueItems(items: any): void;
+    getValue(): string | boolean | any[];
+    setValue(value: any, changeCheckFlag?: boolean): void;
+    reset(): void;
+    getElement(): any;
+    focus(): void;
+    valid(): any;
+}

package/dist/renderer/CustomRender.d.ts

@@ -0,0 +1,19 @@
+import { FormField } from "@t/FormField";
+import Render from "./Render";
+import DaraForm from "src/DaraForm";
+export default class CustomRender extends Render {
+    private customFunction;
+    constructor(field: FormField, rowElement: HTMLElement, daraForm: DaraForm);
+    mounted(): void;
+    static isDataRender(): boolean;
+    createField(): void;
+    getValue(): any;
+    setValue(value: any, changeCheckFlag?: boolean): void;
+    reset(): void;
+    getElement(): any;
+    valid(): any;
+    /**
+     * focus
+     */
+    focus(): void;
+}

package/dist/renderer/DateRender.d.ts

@@ -0,0 +1,15 @@
+import { FormField } from "@t/FormField";
+import Render from "./Render";
+import DaraForm from "src/DaraForm";
+export default class DateRender extends Render {
+    private element;
+    private dateObj;
+    constructor(field: FormField, rowElement: HTMLElement, daraForm: DaraForm);
+    mounted(): void;
+    createField(): void;
+    getValue(): string;
+    setValue(value: any, changeCheckFlag?: boolean): void;
+    reset(): void;
+    getElement(): HTMLInputElement;
+    valid(): any;
+}

package/dist/renderer/DropdownRender.d.ts

@@ -0,0 +1,17 @@
+import { FormField } from "@t/FormField";
+import Render from "./Render";
+import DaraForm from "src/DaraForm";
+export default class DropdownRender extends Render {
+    private element;
+    private defaultSelected;
+    constructor(field: FormField, rowElement: HTMLElement, daraForm: DaraForm);
+    mounted(): void;
+    createField(): void;
+    setValueItems(items: any): void;
+    getValue(): string;
+    setValue(value: any, changeCheckFlag?: boolean): void;
+    reset(): void;
+    getElement(): HTMLElement;
+    valid(): any;
+    dropdownValuesTemplate(field: FormField): string;
+}

package/dist/renderer/FileRender.d.ts

@@ -0,0 +1,38 @@
+import { FormField } from "@t/FormField";
+import Render from "./Render";
+import DaraForm from "src/DaraForm";
+export default class FileRender extends Render {
+    private element;
+    private removeIds;
+    private uploadFiles;
+    private fileList;
+    private fileSeq;
+    constructor(field: FormField, rowElement: HTMLElement, daraForm: DaraForm);
+    mounted(): void;
+    createField(): void;
+    addFiles(files: any[]): void;
+    private setFileList;
+    /**
+     * 파일 다운로드 이벤트 처리.
+     *
+     * @param item
+     * @param fileListElement
+     */
+    private downloadFileEvent;
+    /**
+     * 파일 삭제  처리.
+     *
+     * @param item
+     * @param fileListElement
+     */
+    private removeFileEvent;
+    getValue(): {
+        uploadFile: unknown[];
+        removeIds: any[];
+    };
+    setValueItems(value: any): void;
+    setValue(value: any): void;
+    reset(): void;
+    getElement(): HTMLInputElement;
+    valid(): any;
+}

package/dist/renderer/GridRender.d.ts

@@ -0,0 +1,35 @@
+import { FormField } from "@t/FormField";
+import Render from "./Render";
+import DaraForm from "src/DaraForm";
+export default class GridRender extends Render {
+    private customFunction;
+    private gridForm;
+    private allAddRowInfo;
+    constructor(field: FormField, rowElement: HTMLElement, daraForm: DaraForm);
+    mounted(): void;
+    static isDataRender(): boolean;
+    static isChildrenCreate(): boolean;
+    createField(): void;
+    /**
+     * add row
+     */
+    addRow(valueItem?: any): void;
+    /**
+     * remove row
+     *
+     * @param evt event
+     */
+    removeRow(evt: Event): void;
+    /**
+     *
+     * @param rowIdx row index
+     */
+    removeFieldInfo(rowIdx?: string): void;
+    allRemoveRow(): void;
+    getValue(): any;
+    setValue(value: any): void;
+    reset(): void;
+    getElement(): any;
+    valid(): any;
+    focus(): void;
+}

package/dist/renderer/GroupRender.d.ts

@@ -0,0 +1,16 @@
+import { FormField } from "@t/FormField";
+import Render from "./Render";
+import DaraForm from "src/DaraForm";
+export default class GroupRender extends Render {
+    constructor(field: FormField, rowElement: HTMLElement, daraForm: DaraForm);
+    mounted(): void;
+    static isDataRender(): boolean;
+    createField(): string;
+    getValue(): null;
+    setValue(value: any): void;
+    reset(): void;
+    getElement(): HTMLElement;
+    valid(): any;
+    addChildField(element: Element): void;
+    focus(): void;
+}

package/dist/renderer/HiddenRender.d.ts

@@ -0,0 +1,13 @@
+import { FormField } from "@t/FormField";
+import Render from "./Render";
+import DaraForm from "src/DaraForm";
+export default class HiddenRender extends Render {
+    constructor(field: FormField, rowElement: HTMLElement, daraForm: DaraForm);
+    mounted(): void;
+    createField(): string;
+    getValue(): string;
+    setValue(value: any): void;
+    reset(): void;
+    getElement(): void;
+    valid(): any;
+}

package/dist/renderer/NumberRender.d.ts

@@ -0,0 +1,14 @@
+import { FormField } from "@t/FormField";
+import Render from "./Render";
+import DaraForm from "src/DaraForm";
+export default class NumberRender extends Render {
+    private element;
+    constructor(field: FormField, rowElement: HTMLElement, daraForm: DaraForm);
+    mounted(): void;
+    createField(): void;
+    getValue(): string;
+    setValue(value: any, changeCheckFlag?: boolean): void;
+    reset(): void;
+    getElement(): HTMLElement;
+    valid(): any;
+}

package/dist/renderer/PasswordRender.d.ts

@@ -0,0 +1,14 @@
+import { FormField } from "@t/FormField";
+import Render from "./Render";
+import DaraForm from "src/DaraForm";
+export default class PasswordRender extends Render {
+    private element;
+    constructor(field: FormField, rowElement: HTMLElement, daraForm: DaraForm);
+    mounted(): void;
+    createField(): void;
+    getValue(): string;
+    setValue(value: any, changeCheckFlag?: boolean): void;
+    reset(): void;
+    getElement(): HTMLElement;
+    valid(): any;
+}

package/dist/renderer/RadioRender.d.ts

@@ -0,0 +1,18 @@
+import { FormField } from "@t/FormField";
+import Render from "./Render";
+import DaraForm from "src/DaraForm";
+export default class RadioRender extends Render {
+    private defaultCheckValue;
+    constructor(field: FormField, rowElement: HTMLElement, daraForm: DaraForm);
+    mounted(): void;
+    initEvent(): void;
+    getSelector(): string;
+    createField(): void;
+    setValueItems(items: any): void;
+    getValue(): string;
+    setValue(value: any, changeCheckFlag?: boolean): void;
+    reset(): void;
+    getElement(): any;
+    focus(): void;
+    valid(): any;
+}

package/dist/renderer/RangeRender.d.ts

@@ -0,0 +1,15 @@
+import { FormField } from "@t/FormField";
+import Render from "./Render";
+import DaraForm from "src/DaraForm";
+export default class RangeRender extends Render {
+    private element;
+    private rangeNumElement;
+    constructor(field: FormField, rowElement: HTMLElement, daraForm: DaraForm);
+    mounted(): void;
+    createField(): void;
+    getValue(): string;
+    setValue(value: any, changeCheckFlag?: boolean): void;
+    reset(): void;
+    getElement(): HTMLElement;
+    valid(): any;
+}

package/dist/renderer/Render.d.ts

@@ -0,0 +1,43 @@
+import { FormField } from "@t/FormField";
+import { ValidResult } from "@t/ValidResult";
+import DaraForm from "src/DaraForm";
+export default abstract class Render {
+    protected daraForm: DaraForm;
+    protected rowElement: HTMLElement;
+    protected field: FormField;
+    private enableView;
+    constructor(form: DaraForm, field: FormField, rowElement: HTMLElement);
+    setDefaultInfo(): void;
+    setDefaultOption(): void;
+    addChildField(element: Element): void;
+    static isDataRender(): boolean;
+    static isChildrenCreate(): boolean;
+    getForm(): DaraForm;
+    abstract mounted(): void;
+    abstract getValue(): any;
+    abstract setValue(value: any, changeCheckFlag?: boolean): void;
+    abstract reset(): void;
+    abstract getElement(): any;
+    abstract valid(): ValidResult | boolean;
+    abstract createField(): void;
+    setValueItems(value: any): void;
+    static getDescriptionTemplate(field: FormField): string;
+    changeEventCall(field: FormField, e: Event | null, rederInfo: Render, fieldValue: any): boolean | undefined;
+    focus(): void;
+    isEnableView(): boolean;
+    show(): void;
+    hide(): void;
+    /**
+     * 설명 추가
+     *
+     * @public
+     * @param {string} desc
+     */
+    setDescription(desc: string): void;
+    setActive(id: string): void;
+    setDisabled(flag: boolean): void;
+    commonValidator(): void;
+    static valuesValueKey(field: FormField): string;
+    static valuesLabelKey(field: FormField): string;
+    static valuesLabelValue(label: string, val: any): any;
+}

package/dist/renderer/TabRender.d.ts

@@ -0,0 +1,34 @@
+import { FormField } from "@t/FormField";
+import Render from "./Render";
+import DaraForm from "src/DaraForm";
+export default class TabRender extends Render {
+    private customFunction;
+    private tabContainerElement;
+    constructor(field: FormField, rowElement: HTMLElement, daraForm: DaraForm);
+    mounted(): void;
+    /**
+     * tab item click
+     *
+     * @param {Element} tabItem
+     * @param {*} evt
+     */
+    private clickEventHandler;
+    setActive(tabId: string): void;
+    static isDataRender(): boolean;
+    static isChildrenCreate(): boolean;
+    /**
+     * tab template
+     *
+     * @param {FormField} field
+     * @param {FormTemplate} formTemplate
+     * @param {FormOptions} options
+     * @returns {string} template string
+     */
+    createField(): void;
+    getValue(): any;
+    setValue(value: any): void;
+    reset(): void;
+    getElement(): Element;
+    valid(): any;
+    focus(): void;
+}

package/dist/renderer/TextAreaRender.d.ts

@@ -0,0 +1,14 @@
+import { FormField } from "@t/FormField";
+import Render from "./Render";
+import DaraForm from "src/DaraForm";
+export default class TextAreaRender extends Render {
+    private element;
+    constructor(field: FormField, rowElement: HTMLElement, daraForm: DaraForm);
+    mounted(): void;
+    createField(): void;
+    getValue(): string;
+    setValue(value: any, changeCheckFlag?: boolean): void;
+    reset(): void;
+    getElement(): HTMLElement;
+    valid(): any;
+}

package/dist/renderer/TextRender.d.ts

@@ -0,0 +1,14 @@
+import { FormField } from "@t/FormField";
+import Render from "./Render";
+import DaraForm from "src/DaraForm";
+export default class TextRender extends Render {
+    private element;
+    constructor(field: FormField, rowElement: HTMLElement, daraForm: DaraForm);
+    mounted(): void;
+    createField(): void;
+    getValue(): string;
+    setValue(value: any, changeCheckFlag?: boolean): void;
+    reset(): void;
+    getElement(): HTMLInputElement;
+    valid(): any;
+}

package/dist/rule/fileValidator.d.ts

@@ -0,0 +1,11 @@
+import { FileInfo, FormField } from "@t/FormField";
+import { ValidResult } from "@t/ValidResult";
+/**
+ * file validator
+ *
+ * @param {HTMLInputElement} element
+ * @param {FormField} field
+ * @param {FileInfo[]} fileList
+ * @returns {(ValidResult | boolean)}
+ */
+export declare const fileValidator: (element: HTMLInputElement, field: FormField, fileList: FileInfo[]) => ValidResult | boolean;

package/dist/rule/numberValidator.d.ts

@@ -0,0 +1,10 @@
+import { FormField } from "@t/FormField";
+import { ValidResult } from "@t/ValidResult";
+/**
+ * 숫자 유효성 체크
+ *
+ * @param {string} value
+ * @param {FormField} field
+ * @returns {(ValidResult | boolean)}
+ */
+export declare const numberValidator: (value: string, field: FormField) => ValidResult | boolean;

package/dist/rule/regexpValidator.d.ts

@@ -0,0 +1,11 @@
+import { FormField } from "@t/FormField";
+import { ValidResult } from "@t/ValidResult";
+/**
+ * 정규식 유효성 체크.
+ *
+ * @param {string} value
+ * @param {FormField} field
+ * @param {(ValidResult | undefined)} result
+ * @returns {ValidResult}
+ */
+export declare const regexpValidator: (value: string, field: FormField, result: ValidResult) => ValidResult;

package/dist/rule/stringValidator.d.ts

@@ -0,0 +1,10 @@
+import { FormField } from "@t/FormField";
+import { ValidResult } from "@t/ValidResult";
+/**
+ * string validator
+ *
+ * @param {string} value
+ * @param {FormField} field
+ * @returns {(ValidResult | boolean)}
+ */
+export declare const stringValidator: (value: string, field: FormField) => ValidResult | boolean;

package/dist/rule/validator.d.ts

@@ -0,0 +1,11 @@
+import { FormField } from "@t/FormField";
+import { ValidResult } from "@t/ValidResult";
+/**
+ *  validator  ,  regexp 체크 .
+ *
+ * @param {string} value field value
+ * @param {FormField} field field 정보
+ * @param {ValidResult} result
+ * @returns {(ValidResult | boolean)}
+ */
+export declare const validator: (value: string, field: FormField, result: ValidResult) => ValidResult | boolean;

package/dist/types/DataMap.d.ts

@@ -0,0 +1,17 @@
+/**
+ *
+ * @interface StringKeyMap
+ * @typedef {StringKeyMap}
+ */
+export interface StringKeyMap {
+  [key: string]: any;
+}
+
+/**
+ *
+ * @interface NumberKeyMap
+ * @typedef {NumberKeyMap}
+ */
+export interface NumberKeyMap {
+  [key: number]: any;
+}

package/dist/types/FormField.d.ts

@@ -0,0 +1,129 @@
+import DaraForm from "src/DaraForm";
+import { RENDER_TYPE, REGEXP_TYPE, TEXT_ALIGN_TYPE, FIELD_POSITION, ORIENTATION_TYPE } from "src/constants";
+import Render from "src/renderer/Render";
+
+export interface OptionCallback {
+  (...params: any[]): any;
+}
+
+export interface ValuesInfo {
+  labelField: string;
+  valueField: string;
+  list: any[];
+  orientation: ORIENTATION_TYPE;
+}
+
+/**
+ * 첨부 파일 정보
+ *
+ * @export
+ * @interface FileInfo
+ * @typedef {FileInfo}
+ */
+export interface FileInfo {
+  fileId: string;
+  fileName: string;
+  fileSize: number;
+  $seq: number;
+  lastModified?: any;
+}
+
+/**
+ * 상태 체크 정보
+ *
+ * @export
+ * @interface ConditionInfo
+ * @typedef {ConditionInfo}
+ */
+export interface ConditionInfo {
+  show: boolean;
+  field: string;
+  eq: any;
+  custom?: OptionCallback;
+}
+
+export interface FieldStyle {
+  rowStyleClass?: string;
+  fieldClass?: string;
+  fieldStyle?: string;
+  labelClass?: string;
+  labelStyle?: string;
+  labelAlignClass?: string;
+  valueClass?: string;
+  valueStyle?: string;
+  tabAlignClass?: string;
+}
+
+/**
+ * form field
+ *
+ * @export
+ * @interface FormField
+ * @typedef {FormField}
+ */
+export interface FormField {
+  name: string; // 'name'
+  renderType?: RENDER_TYPE | string;
+  customOptions: any;
+  label: string; // '아이디'
+  style: {
+    width: string | number;
+    labelHide: boolean;
+    labelWidth: string | number;
+    customClass: string;
+    valueWidth: string | number;
+    position: string;
+    tabAlign: string;
+  };
+  tooltip: string; // 툴팁 문구
+  disabled?: boolean; // disabled
+  description: string; // 설명
+  placeholder: string; // input , textarea 문구
+  orientation: ORIENTATION_TYPE; // children에 사용
+  required?: boolean; //true // 필수 여부
+  regexpType?: REGEXP_TYPE; // 정규식 타입
+  rule: {
+    // 규칙
+    minLength: number; // 3
+    maxLength: number; //100
+    minimum: number;
+    exclusiveMinimum: boolean;
+    maximum: number;
+    exclusiveMaximum: boolean;
+  };
+  different: {
+    // field 값이 다른지 비교
+    field: string;
+    message: string;
+  };
+  identical: {
+    // field 값이 같은지 비교
+    field: string;
+    message: string;
+  };
+  template: OptionCallback | string; // 필드 템플릿
+  defaultValue: string; // 기본값
+  listItem: ValuesInfo; // dropdown, radio, checkbox
+  children: FormField[]; // child field
+  validator?: OptionCallback; // custom validator
+  onChange: OptionCallback; //  입력값 변경시 체크 function
+  onClick: OptionCallback; // button onclick function
+  fileDownload: OptionCallback; // file download function
+  renderer: Render; // custom renderer
+  conditional: ConditionInfo; // 보이기 여부
+  gridOptions?: {
+    disableAddButton?: boolean; // renderer 그리드 타입 추가 버튼 유무
+    disableRemoveButton?: boolean; // renderer 그리드 타입 추가 버튼 유무
+    align?: TEXT_ALIGN_TYPE; // renderer 그리드 타입 추가 버튼 유무
+    height: string; // grid 높이값
+  };
+  $renderType: Render; // render Type
+  $instance: Render; // 실제 render
+  $orgin: FormField;
+  $xssName: string; // xss 변경명
+  $key: string; // 내부 key
+  $value: string; // 내부 사용 value
+  $parent: FormField;
+  $tabForm?: DaraForm; //tab 일경우 폼 정보
+  $validName: string; //
+}

package/dist/types/FormOptions.d.ts

@@ -0,0 +1,91 @@
+import { FORM_MODE, TEXT_ALIGN_TYPE } from "src/constants";
+import { OptionCallback } from "./FormField";
+
+/**
+ * form options
+ *
+ * @export
+ * @interface FormOptions
+ * @typedef {FormOptions}
+ */
+export interface FormOptions {
+  /**
+   * style 옵션
+   *
+   * @example
+   * ```
+   * width: '600px',
+      position: 'left',
+      labelWidth: '3'
+      valueWidth: '9'
+   * ```
+   */
+  style: {
+    /**
+     * form width
+     * @example
+     * 600px, 100em
+     */
+    width: string;
+    /**
+     * field label width
+     * @example
+     * bootstrap width 참고 (1 ~ 12) 또는 '600px'
+     */
+    labelWidth: string | number;
+    /**
+     * field value width
+     * @example
+     * bootstrap width 참고 (1 ~ 12) 또는 '600px'
+     */
+    valueWidth: string | number;
+    /**
+     * field label position
+     * @example
+     * "top" | "left" | "left-left" | "left-right" | "right" | "right-left" | "right-right" | "bottom"
+     */
+    position: string;
+  };
+
+  /**
+   * form에 값을 renderer type별로 값을 구 할지 여부. tab 값을 구할때 영향이 있음
+   * @default false
+   * @example
+   * true or false
+   *
+   */
+  useTypeValue?: boolean;
+
+  /**
+   * form 자동 생성 여부
+   * @default true
+   * @example
+   * true or false
+   */
+  autoCreate?: boolean;
+  /**
+   * field 자동 포커스
+   * @default true
+   * @example
+   * true or false
+   */
+  autoFocus?: boolean; //  default true
+  notValidMessage?: string; //'This value is not valid'
+  onMounted?: OptionCallback;
+  mode?: FORM_MODE;
+  message?: {
+    required: string; // '{name} 필수 입력사항입니다.'
+    string: {
+      minLength: string; //'{size} 글자 이상 입력해야합니다.'
+      maxLength: string; //'{size} 글자 이상 입력할 수 없습니다.'
+    };
+    number: {
+      min: string; //'{size} 보다 커야 합니다'
+      max: string; //'{size} 보다 커야 합니다'
+    };
+    type: {
+      message: string; // '{type} 유효하지 않습니다.'
+    };
+  };
+  fields: any[];
+}