@ldquocc/dynamic-form 0.0.1

package/lib/shared/consts/common/file.const.d.ts

@@ -0,0 +1,148 @@
+export declare const IMAGE_TYPES: {
+    apng: string;
+    avif: string;
+    bmp: string;
+    gif: string;
+    jpeg: string;
+    jpg: string;
+    png: string;
+    svg: string;
+    tif: string;
+    tiff: string;
+    webp: string;
+};
+export declare const AUDIO_TYPES: {
+    aac: string;
+    mp3: string;
+    oga: string;
+    opus: string;
+    wav: string;
+    weba: string;
+};
+export declare const VIDEO_TYPES: {
+    avi: string;
+    mp4: string;
+    mpeg: string;
+    ogv: string;
+    ts: string;
+    webm: string;
+};
+export declare const videoTypesPath: string[];
+export declare const TEXT_TYPES: {
+    css: string;
+    csv: string;
+    html: string;
+    ics: string;
+    js: string;
+    mjs: string;
+    txt: string;
+};
+export declare const APPLICATION_TYPES: {
+    abw: string;
+    arc: string;
+    azw: string;
+    bin: string;
+    bz: string;
+    bz2: string;
+    cda: string;
+    csh: string;
+    doc: string;
+    docx: string;
+    eot: string;
+    epub: string;
+    jar: string;
+    json: string;
+    jsonld: string;
+    mpkg: string;
+    ods: string;
+    odt: string;
+    ogx: string;
+    pdf: string;
+    php: string;
+    ppt: string;
+    pptx: string;
+    rar: string;
+    rarX: string;
+    rtf: string;
+    sh: string;
+    tar: string;
+    vsd: string;
+    xhtml: string;
+    xls: string;
+    xlsx: string;
+    zip: string;
+    zipN: string;
+    sevenZ: string;
+    csv: string;
+};
+export declare const MIME_TYPES_TO_EXTENSION: Record<string, string>;
+export declare const ALL_MIME_TYPES: {
+    abw: string;
+    arc: string;
+    azw: string;
+    bin: string;
+    bz: string;
+    bz2: string;
+    cda: string;
+    csh: string;
+    doc: string;
+    docx: string;
+    eot: string;
+    epub: string;
+    jar: string;
+    json: string;
+    jsonld: string;
+    mpkg: string;
+    ods: string;
+    odt: string;
+    ogx: string;
+    pdf: string;
+    php: string;
+    ppt: string;
+    pptx: string;
+    rar: string;
+    rarX: string;
+    rtf: string;
+    sh: string;
+    tar: string;
+    vsd: string;
+    xhtml: string;
+    xls: string;
+    xlsx: string;
+    zip: string;
+    zipN: string;
+    sevenZ: string;
+    csv: string;
+    css: string;
+    html: string;
+    ics: string;
+    js: string;
+    mjs: string;
+    txt: string;
+    avi: string;
+    mp4: string;
+    mpeg: string;
+    ogv: string;
+    ts: string;
+    webm: string;
+    aac: string;
+    mp3: string;
+    oga: string;
+    opus: string;
+    wav: string;
+    weba: string;
+    apng: string;
+    avif: string;
+    bmp: string;
+    gif: string;
+    jpeg: string;
+    jpg: string;
+    png: string;
+    svg: string;
+    tif: string;
+    tiff: string;
+    webp: string;
+};
+export declare const ALL_MIME_TYPES_VALUE: string[];
+export declare const DEFAULT_ACCEPTED_MIME_TYPES: string[];
+export declare const DEFAULT_ACCEPTED_IMAGE_MIME_TYPES: string[];

package/lib/shared/consts/common/index.d.ts

@@ -0,0 +1,5 @@
+export * from './standalone-import.const';
+export * from './common.const';
+export * from './file.const';
+export * from './sample-test.const';
+export * from './field-dependency.const';

package/lib/shared/consts/common/sample-test.const.d.ts

@@ -0,0 +1,68 @@
+import { ObjField } from '../../models/common/obj-field.model';
+import { DatePickerField, DateRangeField } from '../../models/fields/date';
+import { InputTextField } from '../../models/fields/input';
+import { MultiSelectField } from '../../models/fields/select/multi-select-field.model';
+import { SingleSelectField } from '../../models/fields/select/single-select-field.model';
+import { TextareaField } from '../../models/fields/textarea/textarea-field.model';
+import { AvatarUploadField } from '../../models/fields/upload/avatar-upload-field.model';
+import { MultiFileUploadField } from '../../models/fields/upload/multi-file-upload-field.model';
+import { MultiImageUploadField } from '../../models/fields/upload/multi-image-upload-field.model';
+import { SingleFileUploadField } from '../../models/fields/upload/single-file-upload-field.model';
+export declare const sampleObjFields: ObjField[];
+export declare const sampleFields: MultiFileUploadField[];
+export declare const sampleFields2: (DatePickerField | DateRangeField | InputTextField | MultiSelectField | SingleSelectField | TextareaField | MultiFileUploadField | SingleFileUploadField)[];
+export declare const sampleModel: {
+    province: {
+        code: number;
+        name: string;
+    };
+    username: string;
+    role: {
+        name: string;
+        code: string;
+    };
+    multiRole: {
+        name: string;
+        code: string;
+    }[];
+    note: string;
+    date: Date;
+    expectedTime: (string | Date)[];
+    attachment: string;
+    pictures: string;
+};
+export declare const sampleModel2: {
+    images: string;
+    avatar: string;
+    province: {
+        code: number;
+        name: string;
+    };
+    district: {
+        code: number;
+        name: string;
+    };
+    username: string;
+    role: {
+        name: string;
+        code: string;
+    };
+    multiRole: {
+        name: string;
+        code: string;
+    }[];
+    note: string;
+    date: Date;
+    expectedTime: (string | Date)[];
+    attachment: string;
+    pictures: string;
+};
+export declare const sampleMultiFormFieldsA: (InputTextField | AvatarUploadField | MultiFileUploadField | MultiImageUploadField | SingleFileUploadField)[];
+export declare const sampleMultiFormFieldsB: (InputTextField | AvatarUploadField | MultiFileUploadField | MultiImageUploadField | SingleFileUploadField)[];
+export declare const sampleMultiFormModelA: {
+    usernameA: string;
+};
+export declare const sampleMultiFormModelB: {
+    usernameB: string;
+};
+export declare const sampleMultiSelectDependOnParent: (MultiSelectField | SingleSelectField | MultiFileUploadField)[];

package/lib/shared/consts/common/standalone-import.const.d.ts

@@ -0,0 +1,7 @@
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { RouterModule } from '@angular/router';
+export declare const CORE_MODULES: (typeof CommonModule)[];
+export declare const FORM_MODULES: (typeof FormsModule)[];
+export declare const ROUTING_MODULES: (typeof RouterModule)[];
+export declare const SHARED_MODULES: (typeof CommonModule)[];

package/lib/shared/consts/controls/control.const.d.ts

@@ -0,0 +1 @@
+export declare const CONTROL_TYPES: readonly ["input", "textarea", "select", "checkbox", "radio", "date", "upload", "switch", "autocomplete"];

package/lib/shared/consts/controls/index.d.ts

@@ -0,0 +1 @@
+export * from './control.const';

package/lib/shared/consts/fields/date-field.const.d.ts

@@ -0,0 +1,7 @@
+export declare const DATE_FIELD_TYPES: readonly ["picker", "range"];
+export declare const FORMAT_DATE_PATTERNS: {
+    YYYY_MM_DD: RegExp;
+    DD_MM_YYYY: RegExp;
+    MM_DD_YYYY: RegExp;
+    MM_DD_YYYY_HMS: RegExp;
+};

package/lib/shared/consts/fields/field.const.d.ts

@@ -0,0 +1,4 @@
+/**
+ * FIELD_TYPES là readonly ['input', 'select', 'checkbox',...]
+ */
+export declare const FIELD_TYPES: readonly ["input-text", "input-password", "textarea", "date-picker", "date-range", "single-select", "tree-select", "multi-select", "single-file-upload", "multi-file-upload", "multi-image-upload", "avatar-upload", "checkbox", "radio", "reminder-type-radio", "switch", "autocomplete"];

package/lib/shared/consts/fields/index.d.ts

@@ -0,0 +1,4 @@
+export * from './field.const';
+export * from './input-field.const';
+export * from './select-field.const';
+export * from './date-field.const';

package/lib/shared/consts/fields/input-field.const.d.ts

@@ -0,0 +1,4 @@
+/**
+ * FIELD_TYPES là readonly ['input', 'select', 'checkbox',...]
+ */
+export declare const INPUT_FIELD_TYPES: readonly ["text", "email", "password", "number"];

package/lib/shared/consts/fields/radio-field.const.d.ts

@@ -0,0 +1,10 @@
+/**
+ * FIELD_TYPES là readonly ['normal', 'reminderType',...]
+ */
+export declare const RADIO_FIELD_TYPES: readonly ["normal", "reminderType"];
+export declare const DEFAULT_BIND_LABEL = "name";
+export declare const DEFAULT_BIND_VALUE = "code";
+export declare const TIME_SELECT_OPTIONS: {
+    name: string;
+    code: string;
+}[];

package/lib/shared/consts/fields/select-field.const.d.ts

@@ -0,0 +1,6 @@
+/**
+ * FIELD_TYPES là readonly ['single', 'multi', 'tree',...]
+ */
+export declare const SELECT_FIELD_TYPES: readonly ["single", "multi", "tree"];
+export declare const DEFAULT_BIND_LABEL = "name";
+export declare const DEFAULT_BIND_VALUE = "code";

package/lib/shared/consts/fields/upload-field.const.d.ts

@@ -0,0 +1 @@
+export declare const UPLOAD_FIELD_TYPES: readonly ["single-file", "multi-file", "avatar"];

package/lib/shared/consts/validators/pattern.const.d.ts

@@ -0,0 +1,2 @@
+export declare const PATTERN_PRESETS: Record<string, string | RegExp>;
+export declare const PATTERN_ERROR_MESSAGES: Record<string, string>;

package/lib/shared/enums/common/field-dependency.enum.d.ts

@@ -0,0 +1,9 @@
+export declare enum CombineDependTypeEnum {
+    Valid = "valid",
+    Skip = "skip",
+    Null = "null"
+}
+export declare enum DependTypeEnum {
+    All = "any",
+    Any = "all"
+}

package/lib/shared/enums/common/file-size-type.enum.d.ts

@@ -0,0 +1,6 @@
+export declare enum FileSizeTypeEnum {
+    MB = "MB",
+    KB = "KB",
+    GB = "GB",
+    TB = "TB"
+}

package/lib/shared/enums/common/index.d.ts

@@ -0,0 +1,4 @@
+export * from './output-value-type.enum';
+export * from './file-size-type.enum';
+export * from './field-dependency.enum';
+export * from './view-mode.enum';

package/lib/shared/enums/common/output-value-type.enum.d.ts

@@ -0,0 +1,19 @@
+export declare enum SelectOutputValueTypeEnum {
+    Single = "single",// Giá trị đơn theo bindValue.
+    Object = "object",// Giá trị object chỉ kèm theo 1 prop theo bindValue.
+    SourceObject = "sourceObject"
+}
+export declare enum DatePickerOutputValueTypeEnum {
+    String = "string",
+    Date = "date"
+}
+export declare enum DateRangeOutputValueTypeEnum {
+    String = "string",
+    StringArray = "string-array",
+    DateArray = "date-array"
+}
+export declare enum UploadOutputValueTypeEnum {
+    File = "file",
+    ObjectStorage = "object-storage",
+    Object = "object"
+}

package/lib/shared/enums/common/view-mode.enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum ViewModeEnum {
+    form = "form",
+    text = "text"
+}

package/lib/shared/enums/controls/control.enum.d.ts

@@ -0,0 +1,11 @@
+export declare enum ControlTypeEnum {
+    Input = "input",
+    Textarea = "textarea",
+    Select = "select",
+    Checkbox = "checkbox",
+    Radio = "radio",
+    Date = "date",
+    Upload = "upload",
+    Switch = "switch",
+    Autocomplete = "autocomplete"
+}

package/lib/shared/enums/controls/index.d.ts

@@ -0,0 +1 @@
+export * from './control.enum';

package/lib/shared/enums/fields/date-field.enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum DateFieldTypeEnum {
+    Picker = "picker",
+    Range = "range"
+}

package/lib/shared/enums/fields/field.enum.d.ts

@@ -0,0 +1,19 @@
+export declare enum FieldTypeEnum {
+    InputText = "input-text",
+    InputPassword = "input-password",
+    Textarea = "textarea",
+    DatePicker = "date-picker",
+    DateRange = "date-range",
+    SingleSelect = "single-select",
+    TreeSelect = "tree-select",
+    MultiSelect = "multi-select",
+    SingleFileUpload = "single-file-upload",
+    MultiFileUpload = "multi-file-upload",
+    MultiImageUpload = "multi-image-upload",
+    AvatarUpload = "avatar-upload",
+    Checkbox = "checkbox",
+    Radio = "radio",
+    ReminderTypeRadio = "reminder-type-radio",
+    Switch = "switch",
+    Autocomplete = "autocomplete"
+}

package/lib/shared/enums/fields/index.d.ts

@@ -0,0 +1,5 @@
+export * from './field.enum';
+export * from './input-field.enum';
+export * from './date-field.enum';
+export * from './select-field.enum';
+export * from './upload-field.enum';

package/lib/shared/enums/fields/input-field.enum.d.ts

@@ -0,0 +1,6 @@
+export declare enum InputFieldTypeEnum {
+    Text = "text",
+    Email = "email",
+    Password = "password",
+    Number = "number"
+}

package/lib/shared/enums/fields/select-field.enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum SelectFieldTypeEnum {
+    Single = "single",
+    Multi = "multi"
+}

package/lib/shared/enums/fields/upload-field.enum.d.ts

@@ -0,0 +1,5 @@
+export declare enum UploadFieldTypeEnum {
+    SingleFile = "single-file",
+    MultiFile = "multi-file",
+    Avatar = "avatar"
+}

package/lib/shared/enums/form/dynamic-form.enum.d.ts

@@ -0,0 +1,6 @@
+export declare enum FormModeEnum {
+    Add = "add",
+    Edit = "edit",
+    View = "view",
+    Design = "design"
+}

package/lib/shared/enums/form/index.d.ts

@@ -0,0 +1 @@
+export * from './dynamic-form.enum';

package/lib/shared/enums/validators/index.d.ts

@@ -0,0 +1 @@
+export * from './validators.enum';

package/lib/shared/enums/validators/validators.enum.d.ts

@@ -0,0 +1,14 @@
+export declare enum CommonValidaterEnum {
+    Required = "required",
+    MinLength = "minlength",
+    MaxLength = "maxlength",
+    Min = "min",
+    Max = "max",
+    Pattern = "pattern"
+}
+export declare enum CustomValidaterEnum {
+    MatchField = "matchField",
+    AcceptedMimiTypes = "acceptedMimeTypes",
+    MaxSizeInMB = "maxSizeInMB",
+    LeadingSpace = "leadingSpace"
+}

package/lib/shared/models/common/api-config.model.d.ts

@@ -0,0 +1,4 @@
+export interface ApiConfig {
+    baseUrl: string;
+    params?: Record<string, unknown>;
+}

package/lib/shared/models/common/api-response.model.d.ts

@@ -0,0 +1,19 @@
+export interface ApiResponse<T> {
+    code: number;
+    data: T;
+    message: string;
+    metadata?: any;
+}
+export interface ApiPagingResponse<T> {
+    code: number;
+    data: {
+        content: T[];
+        numOfElement?: number;
+        numOfElements?: number;
+        pageIndex: number;
+        pageSize: number;
+        totalElements: number;
+        totalPages: number;
+    };
+    message: string;
+}

package/lib/shared/models/common/common.model.d.ts

@@ -0,0 +1,29 @@
+import { NzUploadFile } from 'ng-zorro-antd/upload';
+import { ObjectStorage } from './object-storage.model';
+import { FormMode } from '../form';
+export interface ExtendUploadFile {
+    fromServer?: boolean;
+    markedForDelete?: boolean;
+    objStorage: ObjectStorage;
+}
+export interface MyUploadFile extends NzUploadFile {
+    fromServer?: boolean;
+    markedForDelete?: boolean;
+    objStorage: ObjectStorage;
+    isTemp: boolean;
+    previewUrl: string;
+    uploadStatus?: 'loading' | 'success' | 'error';
+}
+export declare class Suffix {
+    key: string;
+    label?: string;
+    class?: string;
+    description: string;
+    icon?: {
+        type: 'mdi' | 'zorro';
+        value: string;
+        class?: string;
+    };
+    visibleOn?: FormMode[];
+    constructor(init: Partial<Suffix>);
+}

package/lib/shared/models/common/field-dependency.model.d.ts

@@ -0,0 +1,16 @@
+export interface FieldDependency {
+    fieldKey: string;
+    paramKey: string;
+    fieldLabel?: string;
+    mapFn?: (value: any) => any;
+}
+/**
+ * FieldDependencyType:
+ * - 'all'  → cần tất cả field cha có giá trị mới gọi API
+ * - 'any'  → chỉ cần 1 field cha có giá trị cũng gọi API theo từng cha
+ */
+export type FieldDependencyType = 'all' | 'any';
+export interface LastChangedParent {
+    key: string;
+    value: unknown;
+}

package/lib/shared/models/common/file-config.model.d.ts

@@ -0,0 +1,11 @@
+export interface ApiFileConfig {
+    uploadUrl: string;
+    deleteUrl: string;
+    uploadByPath?: boolean;
+    uploadPath?: string;
+    isOriginName?: boolean;
+    perMimeTypeConfig?: Record<string, {
+        uploadUrl?: string;
+        buildFormData?: (file: File, extraParams?: Record<string, any>) => FormData;
+    }>;
+}

package/lib/shared/models/common/index.d.ts

@@ -0,0 +1,7 @@
+export * from './api-config.model';
+export * from './field-dependency.model';
+export * from './api-response.model';
+export * from './object-storage.model';
+export * from './output-value-type.model';
+export * from './file-config.model';
+export * from './view-mode.model';

package/lib/shared/models/common/obj-field.model.d.ts

@@ -0,0 +1,59 @@
+import { RawColumn, TableCellTypeEnum } from './table-models';
+import { BaseField } from '../fields/field.model';
+export declare class ObjField {
+    required: number;
+    componentUI: string;
+    appliedFields?: string[];
+    allowShare: number;
+    allowView?: number;
+    allowSort?: number;
+    allowStatistic?: number;
+    code: string;
+    createdAt: string;
+    dataType: string;
+    id: string;
+    name: string;
+    nameEn: string;
+    objClassCode: string;
+    objClassSubCode: string;
+    codeOnDb?: string;
+    value?: any;
+    apiURL?: string;
+    seqNum?: number;
+    parentCode?: string;
+    parentCondition?: string;
+    parentApiBindValue: string;
+    preventEdit?: number;
+    minSize?: number;
+    maxSize?: number;
+    minValue?: string;
+    maxValue?: string;
+    validateRegex?: string;
+    extra?: string;
+    note?: string;
+    transportType?: any;
+    iconData?: string;
+    objTypeGroupCode?: string;
+    viewType?: string;
+}
+interface FieldFormConfig {
+    formTypes: string[];
+    configs: Record<string, BaseField<any>>;
+}
+export interface Extra {
+    form?: FieldFormConfig;
+    table?: Partial<RawColumn> & {
+        cellType: TableCellTypeEnum;
+        seqNum: number;
+        valueConfig?: {
+            params: string[];
+            body: string;
+        };
+        subValueConfig?: {
+            params: string[];
+            body: string;
+        };
+        dateFormat: string;
+    };
+}
+export {};

package/lib/shared/models/common/object-storage.model.d.ts

@@ -0,0 +1,15 @@
+export interface ObjectStorage {
+    id: string;
+    uid?: string;
+    name?: string;
+    contentType?: string;
+    size?: number;
+    bucket?: string;
+    isDir?: boolean;
+    createdAt?: string;
+    updatedAt?: string;
+    path?: string;
+    isPublic?: boolean;
+    originalName?: string;
+    nameAlias?: string;
+}

package/lib/shared/models/common/output-value-type.model.d.ts

@@ -0,0 +1,4 @@
+export type SelectOutputValueType = 'single' | 'object' | 'sourceObject';
+export type DatePickerOutputValueType = 'string' | 'date';
+export type DateRangeOutputValueType = 'string' | 'string-array' | 'date-array';
+export type UploadOutputValueType = 'file' | 'object-storage' | 'object';

package/lib/shared/models/common/table-models.d.ts

@@ -0,0 +1,15 @@
+export declare enum TableCellTypeEnum {
+    ACTION = "action",
+    CHECK = "check",
+    SUBTEXT = "subtext",
+    IMAGE = "image",
+    BADGE = "badge",
+    INDEX = "index",
+    TEXT = "text",
+    ICON_TEXT = "icon-text",
+    SWAP_FUNC = "swap",
+    EMPTY = "empty"
+}
+export interface RawColumn {
+    [key: string]: any;
+}

package/lib/shared/models/common/view-mode.model.d.ts

@@ -0,0 +1 @@
+export type ViewMode = 'form' | 'text';

package/lib/shared/models/controls/control.model.d.ts

@@ -0,0 +1,2 @@
+import { CONTROL_TYPES } from '../../consts/controls';
+export type ControlType = (typeof CONTROL_TYPES)[number];

package/lib/shared/models/controls/index.d.ts

@@ -0,0 +1 @@
+export * from './control.model';