formifex 0.1.0

package/dist/types/common.d.ts

@@ -0,0 +1,107 @@
+export declare enum EDataType {
+    string = "string",
+    number = "number",
+    date = "date",
+    datetime = "datetime",
+    time = "time",
+    boolean = "boolean",
+    object = "object"
+}
+export declare enum EUnitFamily {
+    mass = "mass",
+    time = "time",
+    length = "length",
+    electric_current = "electric_current",
+    amount_of_substance = "amount_of_substance",
+    luminous_intensity = "luminous_intensity",
+    angular_velocity = "angular_velocity",
+    angular_acceleration = "angular_acceleration",
+    plane_angle = "plane_angle",
+    solid_angle = "solid_angle",
+    frequency = "frequency",
+    force = "force",
+    pressure = "pressure",
+    energy = "energy",
+    power = "power",
+    electric_charge = "electric_charge",
+    electric_potential = "electric_potential",
+    capacitance = "capacitance",
+    resistance = "resistance",
+    electrical_conductance = "electrical_conductance",
+    magnetic_flux = "magnetic_flux",
+    inductance = "inductance",
+    temperature = "temperature",
+    luminous_flux = "luminous_flux",
+    illuminance = "illuminance",
+    radionuclide_activity = "radionuclide_activity",
+    absorbed_dose = "absorbed_dose",
+    equivalent_dose = "equivalent_dose",
+    catalytic_activity = "catalytic_activity",
+    data_volume = "data_volume",
+    data_rate = "data_rate",
+    velocity = "velocity",
+    acceleration = "acceleration",
+    volume = "volume",
+    speed = "speed"
+}
+export declare enum EAggregatorType {
+    sum = "sum",
+    average = "average",
+    count = "count",
+    min = "min",
+    max = "max"
+}
+export declare enum EOperatorType {
+    eq = "eq",
+    neq = "neq",
+    gt = "gt",
+    gte = "gte",
+    lt = "lt",
+    lte = "lte",
+    contains = "contains",
+    notContains = "notContains",
+    startsWith = "startsWith",
+    endsWith = "endsWith"
+}
+export type TValidation = {
+    id: string;
+    value: string;
+} | {
+    id: string;
+    value: number;
+} | {
+    id: string;
+    value: Date;
+} | {
+    id: string;
+    value: boolean;
+};
+export type TOperator = {
+    field: string;
+    type: EOperatorType;
+    value: string;
+} | {
+    field: string;
+    type: EOperatorType;
+    value: number;
+} | {
+    field: string;
+    type: EOperatorType;
+    value: Date;
+} | {
+    field: string;
+    type: EOperatorType;
+    value: boolean;
+};
+export type TAggregator = {
+    type: EAggregatorType;
+    group: TValidation[] | TOperator[];
+};
+export declare enum ELayoutType {
+    input = "input",
+    grid = "grid",
+    flex = "flex",
+    section = "section",
+    divider = "divider",
+    custom = "custom"
+}

package/dist/types/form.d.ts

@@ -0,0 +1,63 @@
+import { TDivider, TGridLayout, TFlexLayout, TSectionLayout, TCustom } from './layout';
+import { TInput } from './inputs/_input';
+import { CSSProperties, ReactNode } from 'react';
+import { FormInstance } from 'antd/lib';
+import { AxiosInstance } from 'axios';
+import { UseFormControllerReturn } from '../components/FormController';
+export type TFormGeneralProps = {
+    httpAgent?: AxiosInstance;
+    resetOnDependencyChange?: boolean;
+    resetOnDependencyEmpty?: boolean;
+    formRef?: FormInstance;
+    readOnly?: boolean;
+    disabled?: boolean;
+    customProps?: any;
+};
+export type TFormProps = {
+    formType?: "antd" | "web" | undefined;
+    theme?: "light" | "dark";
+    formController: UseFormControllerReturn;
+    className?: string;
+    sections?: TFormStructure[];
+    style?: CSSProperties;
+    enablePostSave?: boolean;
+} & TFormGeneralProps;
+export type TFormStructure = {
+    id: string;
+    title?: ReactNode;
+    layout?: "vertical" | "horizontal" | undefined;
+    requiredMark?: "optional" | false | undefined;
+    items: TFormItems | undefined;
+    className?: string;
+    style?: CSSProperties;
+};
+export type TFormComponentProperties = {
+    formRef: any;
+    items: TFormItems | undefined;
+    data: any | null | undefined;
+    sections?: TFormStructure[];
+    initialData?: any;
+    lookupData?: any;
+    readonly?: boolean;
+    resetOnDependencyChange?: boolean;
+    resetOnDependencyEmpty?: boolean;
+    onClick?: () => void;
+    onChange?: any;
+    onBlur?: (e: any) => void;
+    onFocus?: (e: any) => void;
+};
+export type TDisplayCondition = {
+    field: string;
+    value?: string | number | boolean;
+    operator?: "=" | "!=" | ">" | "<" | ">=" | "<=" | "includes";
+    evaluate?: (props: TFormGeneralProps) => boolean;
+};
+export type TDisplayConditionFunction = (props: TFormGeneralProps) => boolean;
+export type TDisplayConditionItem = TDisplayCondition | TDisplayConditionFunction;
+export type TFormItems = TFormItem[];
+export type TFormItem = {
+    displayWhen?: TDisplayConditionItem[];
+    sequence?: number;
+    className?: string;
+    style?: CSSProperties;
+} & (TInput | TSectionLayout | TGridLayout | TFlexLayout | TDivider | TCustom);

package/dist/types/handler.d.ts

@@ -0,0 +1,4 @@
+export interface FormControllerRef {
+    handlePostSave: (props?: any) => void;
+    setFormValues: (data: any, suppressUpdate?: boolean) => void;
+}

package/dist/types/inputs/_input.d.ts

@@ -0,0 +1,87 @@
+import { CSSProperties, ReactNode } from 'react';
+import { TInputNumber } from './number';
+import { TInputCheckbox } from './checkbox';
+import { TInputSelect } from './select';
+import { TInputTextArea } from './textArea';
+import { TInputColorPicker } from './colorpicker';
+import { TInputDatePicker, TInputTimePicker } from './date';
+import { TInputSwitch } from './switch';
+import { TInputString } from './text';
+import { WrapperTooltipProps } from '../layout';
+import { EDataType, ELayoutType } from '../common';
+import { TInputPassword } from './password';
+import { TInputRadio } from './radio';
+import { TInputRate } from './rate';
+import { Rule } from 'antd/es/form';
+import { TInputSlider } from './slider';
+import { TInputUpload } from './upload';
+import { TFormGeneralProps } from '../form';
+export declare enum EInputType {
+    string = "string",
+    number = "number",
+    date = "date",
+    datetime = "datetime",
+    time = "time",
+    textarea = "textarea",
+    checkbox = "checkbox",
+    switch = "switch",
+    radio = "radio",
+    select = "select",
+    color = "color",
+    password = "password",
+    rate = "rate",
+    slider = "slider",
+    upload = "upload",
+    hidden = "hidden"
+}
+export type TEnableCondition = {
+    field: string;
+    value?: string | number | boolean;
+    operator?: "=" | "!=" | ">" | "<" | ">=" | "<=" | "includes";
+    evaluate?: (props: TFormGeneralProps) => boolean;
+};
+export type TEnableConditionFunction = (props: TFormGeneralProps) => boolean;
+export type TEnableConditionItem = TEnableCondition | TEnableConditionFunction;
+export type TInput = {
+    id: string;
+    type: ELayoutType.input | "input";
+    dataType: EDataType | "string" | "number" | "date" | "datetime" | "time" | "boolean" | "object";
+    label: string | ((props: TFormGeneralProps) => ReactNode);
+    validators?: Rule[];
+    layout?: "horizontal" | "vertical";
+    tooltip?: ReactNode | WrapperTooltipProps;
+    wrapperClassName?: string;
+    wrapperStyle?: CSSProperties;
+    required?: boolean;
+    placeholder?: string;
+    addonAfter?: ReactNode | ((props: TFormGeneralProps) => ReactNode);
+    addonBefore?: ReactNode | ((props: TFormGeneralProps) => ReactNode);
+    variant?: "outlined" | "borderless" | "filled";
+    enableWhen?: TEnableConditionItem[];
+    resetIgnoreFields?: string[];
+    disabled?: boolean;
+    readOnly?: boolean;
+    resetOnDependencyChange?: boolean;
+    resetOnDependencyEmpty?: boolean;
+    colon?: boolean;
+} & (TInputString | TInputNumber | TInputCheckbox | TInputSelect | TInputSwitch | TInputTextArea | TInputColorPicker | TInputDatePicker | TInputPassword | TInputRadio | TInputRate | TInputTimePicker | TInputSlider | TInputUpload | TInputHidden);
+export type TInputGeneric = {
+    readOnly?: boolean;
+    className?: string;
+    style?: CSSProperties;
+};
+export type TInputComponentProps = {
+    input: TInput;
+    data: any | null | undefined;
+    onClick?: () => void;
+    onChange?: (data: any) => void;
+    onFocus?: (e: any) => void;
+};
+export type TLookupProps = {
+    lookupFetcher?: (props: TFormGeneralProps) => any[] | Promise<any[] | any>;
+    lookupKey?: string;
+};
+type TInputHidden = {
+    inputType: EInputType.hidden | "hidden";
+};
+export {};

package/dist/types/inputs/checkbox.d.ts

@@ -0,0 +1,40 @@
+import { EInputType, TInputGeneric } from './_input';
+import { EDataType } from '../common';
+import { ReactNode } from 'react';
+export type TInputCheckbox = {
+    inputType: EInputType.checkbox | "checkbox";
+    properties?: {};
+} & (TInputCheckboxString | TInputCheckboxNumber) & TInputGeneric;
+type TInputCheckboxString = {
+    dataType: EDataType.string | "string";
+    options?: {
+        label: string | ReactNode;
+        value: string;
+    }[] | (() => {
+        label: string | ReactNode;
+        value: string;
+    }[] | Promise<{
+        label: string | ReactNode;
+        value: string;
+    }[]>) | {
+        dataSource: any[] | (() => any[] | Promise<any[]>) | Record<string, any>;
+        labelField?: string;
+        valueField?: string;
+        transform?: (item: any, formValues?: any) => {
+            label: string | ReactNode;
+            value: string;
+        };
+        dependentField?: string;
+    };
+};
+type TInputCheckboxNumber = {
+    dataType: EDataType.number | "number";
+    options?: number[] | (() => number[] | Promise<number[]>) | {
+        dataSource: any[] | (() => any[] | Promise<any[]>) | Record<string, any>;
+        labelField?: string;
+        valueField?: string;
+        transform?: (item: any, formValues?: any) => number;
+        dependentField?: string;
+    };
+};
+export {};

package/dist/types/inputs/colorpicker.d.ts

@@ -0,0 +1,14 @@
+import { EInputType, TInputGeneric } from './_input';
+import { EDataType } from '../common';
+export type TInputColorPicker = {
+    dataType: EDataType.string | "string";
+    inputType: EInputType.color | "color";
+    properties?: {
+        disabledAlpha?: boolean;
+        disabledFormat?: boolean;
+        mode?: "single" | "gradient" | ("single" | "gradient")[];
+        placement?: "top" | "left" | "right" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
+        format?: "rgb" | "hex" | "hsb";
+        showText?: boolean;
+    };
+} & TInputGeneric;

package/dist/types/inputs/date.d.ts

@@ -0,0 +1,47 @@
+import { CSSProperties } from 'react';
+import { EInputType, TInputGeneric } from './_input';
+import { Dayjs } from 'dayjs';
+export type TInputDatePicker = {
+    inputType: EInputType.date | "date" | EInputType.datetime | "datetime";
+    popupClassName?: string | undefined;
+    popupStyle?: CSSProperties | undefined;
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    properties?: {
+        allowClear?: boolean | undefined;
+        format?: string | undefined;
+        picker?: "date" | "week" | "month" | "quarter" | "year" | undefined;
+        placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
+        minDate?: Dayjs | undefined;
+        maxDate?: Dayjs | undefined;
+        showNow?: boolean | undefined;
+    } & (TShowTime | TMultiple);
+} & TInputGeneric;
+export type TShowTime = {
+    multiple?: false | undefined;
+    showTime?: TTimePickerProperties | undefined;
+};
+export type TMultiple = {
+    multiple: true;
+};
+export type TInputTimePicker = {
+    inputType: EInputType.time | "time";
+    popupClassName?: string | undefined;
+    popupStyle?: CSSProperties | undefined;
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    properties?: {
+        showNow?: boolean | undefined;
+        allowClear?: boolean | undefined;
+    } & TTimePickerProperties;
+} & TInputGeneric;
+export type TTimePickerProperties = {
+    format?: string | undefined;
+    showHour?: boolean | undefined;
+    showMinute?: boolean | undefined;
+    showSecond?: boolean | undefined;
+    showMillisecond?: boolean | undefined;
+    hourStep?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | undefined;
+    minuteStep?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | undefined;
+    secondStep?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | undefined;
+    millisecondStep?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 218 | 219 | 220 | 221 | 222 | 223 | 224 | 225 | 226 | 227 | 228 | 229 | 230 | 231 | 232 | 233 | 234 | 235 | 236 | 237 | 238 | 239 | 240 | 241 | 242 | 243 | 244 | 245 | 246 | 247 | 248 | 249 | 250 | 251 | 252 | 253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | 266 | 267 | 268 | 269 | 270 | 271 | 272 | 273 | 274 | 275 | 276 | 277 | 278 | 279 | 280 | 281 | 282 | 283 | 284 | 285 | 286 | 287 | 288 | 289 | 290 | 291 | 292 | 293 | 294 | 295 | 296 | 297 | 298 | 299 | 300 | 301 | 302 | 303 | 304 | 305 | 306 | 307 | 308 | 309 | 310 | 311 | 312 | 313 | 314 | 315 | 316 | 317 | 318 | 319 | 320 | 321 | 322 | 323 | 324 | 325 | 326 | 327 | 328 | 329 | 330 | 331 | 332 | 333 | 334 | 335 | 336 | 337 | 338 | 339 | 340 | 341 | 342 | 343 | 344 | 345 | 346 | 347 | 348 | 349 | 350 | 351 | 352 | 353 | 354 | 355 | 356 | 357 | 358 | 359 | 360 | 361 | 362 | 363 | 364 | 365 | 366 | 367 | 368 | 369 | 370 | 371 | 372 | 373 | 374 | 375 | 376 | 377 | 378 | 379 | 380 | 381 | 382 | 383 | 384 | 385 | 386 | 387 | 388 | 389 | 390 | 391 | 392 | 393 | 394 | 395 | 396 | 397 | 398 | 399 | 400 | 401 | 402 | 403 | 404 | 405 | 406 | 407 | 408 | 409 | 410 | 411 | 412 | 413 | 414 | 415 | 416 | 417 | 418 | 419 | 420 | 421 | 422 | 423 | 424 | 425 | 426 | 427 | 428 | 429 | 430 | 431 | 432 | 433 | 434 | 435 | 436 | 437 | 438 | 439 | 440 | 441 | 442 | 443 | 444 | 445 | 446 | 447 | 448 | 449 | 450 | 451 | 452 | 453 | 454 | 455 | 456 | 457 | 458 | 459 | 460 | 461 | 462 | 463 | 464 | 465 | 466 | 467 | 468 | 469 | 470 | 471 | 472 | 473 | 474 | 475 | 476 | 477 | 478 | 479 | 480 | 481 | 482 | 483 | 484 | 485 | 486 | 487 | 488 | 489 | 490 | 491 | 492 | 493 | 494 | 495 | 496 | 497 | 498 | 499 | 500 | 501 | 502 | 503 | 504 | 505 | 506 | 507 | 508 | 509 | 510 | 511 | 512 | 513 | 514 | 515 | 516 | 517 | 518 | 519 | 520 | 521 | 522 | 523 | 524 | 525 | 526 | 527 | 528 | 529 | 530 | 531 | 532 | 533 | 534 | 535 | 536 | 537 | 538 | 539 | 540 | 541 | 542 | 543 | 544 | 545 | 546 | 547 | 548 | 549 | 550 | 551 | 552 | 553 | 554 | 555 | 556 | 557 | 558 | 559 | 560 | 561 | 562 | 563 | 564 | 565 | 566 | 567 | 568 | 569 | 570 | 571 | 572 | 573 | 574 | 575 | 576 | 577 | 578 | 579 | 580 | 581 | 582 | 583 | 584 | 585 | 586 | 587 | 588 | 589 | 590 | 591 | 592 | 593 | 594 | 595 | 596 | 597 | 598 | 599 | 600 | 601 | 602 | 603 | 604 | 605 | 606 | 607 | 608 | 609 | 610 | 611 | 612 | 613 | 614 | 615 | 616 | 617 | 618 | 619 | 620 | 621 | 622 | 623 | 624 | 625 | 626 | 627 | 628 | 629 | 630 | 631 | 632 | 633 | 634 | 635 | 636 | 637 | 638 | 639 | 640 | 641 | 642 | 643 | 644 | 645 | 646 | 647 | 648 | 649 | 650 | 651 | 652 | 653 | 654 | 655 | 656 | 657 | 658 | 659 | 660 | 661 | 662 | 663 | 664 | 665 | 666 | 667 | 668 | 669 | 670 | 671 | 672 | 673 | 674 | 675 | 676 | 677 | 678 | 679 | 680 | 681 | 682 | 683 | 684 | 685 | 686 | 687 | 688 | 689 | 690 | 691 | 692 | 693 | 694 | 695 | 696 | 697 | 698 | 699 | 700 | 701 | 702 | 703 | 704 | 705 | 706 | 707 | 708 | 709 | 710 | 711 | 712 | 713 | 714 | 715 | 716 | 717 | 718 | 719 | 720 | 721 | 722 | 723 | 724 | 725 | 726 | 727 | 728 | 729 | 730 | 731 | 732 | 733 | 734 | 735 | 736 | 737 | 738 | 739 | 740 | 741 | 742 | 743 | 744 | 745 | 746 | 747 | 748 | 749 | 750 | 751 | 752 | 753 | 754 | 755 | 756 | 757 | 758 | 759 | 760 | 761 | 762 | 763 | 764 | 765 | 766 | 767 | 768 | 769 | 770 | 771 | 772 | 773 | 774 | 775 | 776 | 777 | 778 | 779 | 780 | 781 | 782 | 783 | 784 | 785 | 786 | 787 | 788 | 789 | 790 | 791 | 792 | 793 | 794 | 795 | 796 | 797 | 798 | 799 | 800 | 801 | 802 | 803 | 804 | 805 | 806 | 807 | 808 | 809 | 810 | 811 | 812 | 813 | 814 | 815 | 816 | 817 | 818 | 819 | 820 | 821 | 822 | 823 | 824 | 825 | 826 | 827 | 828 | 829 | 830 | 831 | 832 | 833 | 834 | 835 | 836 | 837 | 838 | 839 | 840 | 841 | 842 | 843 | 844 | 845 | 846 | 847 | 848 | 849 | 850 | 851 | 852 | 853 | 854 | 855 | 856 | 857 | 858 | 859 | 860 | 861 | 862 | 863 | 864 | 865 | 866 | 867 | 868 | 869 | 870 | 871 | 872 | 873 | 874 | 875 | 876 | 877 | 878 | 879 | 880 | 881 | 882 | 883 | 884 | 885 | 886 | 887 | 888 | 889 | 890 | 891 | 892 | 893 | 894 | 895 | 896 | 897 | 898 | 899 | 900 | 901 | 902 | 903 | 904 | 905 | 906 | 907 | 908 | 909 | 910 | 911 | 912 | 913 | 914 | 915 | 916 | 917 | 918 | 919 | 920 | 921 | 922 | 923 | 924 | 925 | 926 | 927 | 928 | 929 | 930 | 931 | 932 | 933 | 934 | 935 | 936 | 937 | 938 | 939 | 940 | 941 | 942 | 943 | 944 | 945 | 946 | 947 | 948 | 949 | 950 | 951 | 952 | 953 | 954 | 955 | 956 | 957 | 958 | 959 | 960 | 961 | 962 | 963 | 964 | 965 | 966 | 967 | 968 | 969 | 970 | 971 | 972 | 973 | 974 | 975 | 976 | 977 | 978 | 979 | 980 | 981 | 982 | 983 | 984 | 985 | 986 | 987 | 988 | 989 | 990 | 991 | 992 | 993 | 994 | 995 | 996 | 997 | 998 | undefined;
+    use12Hours?: boolean | undefined;
+};

package/dist/types/inputs/number.d.ts

@@ -0,0 +1,21 @@
+import { EUnitFamily, EDataType } from '../common';
+import { ReactNode } from 'react';
+import { EInputType, TInputGeneric } from './_input';
+export type TInputNumber = {
+    inputType: EInputType.number | "number";
+    dataType: EDataType.number | "number";
+    properties?: {
+        suffix?: ReactNode | string | undefined | null;
+        prefix?: ReactNode | string | undefined | null;
+        decimalSeparator?: string;
+        precision?: number;
+        min?: number;
+        max?: number;
+        unitFamily?: EUnitFamily;
+        unitClass?: string;
+        unit?: string;
+        unitLabel?: string;
+        defaultValue?: number;
+        controls: boolean;
+    };
+} & TInputGeneric;

package/dist/types/inputs/password.d.ts

@@ -0,0 +1,12 @@
+import { EDataType } from '../common';
+import { EInputType, TInputGeneric } from './_input';
+export type TInputPassword = {
+    dataType: EDataType.string | "string";
+    inputType: EInputType.password | "password";
+    defaultValue?: string;
+    properties?: {
+        maxLength?: number;
+        allowClear?: boolean;
+        showCount?: boolean;
+    };
+} & TInputGeneric;

package/dist/types/inputs/radio.d.ts

@@ -0,0 +1,59 @@
+import { EDataType } from '../common';
+import { EInputType, TInputGeneric } from './_input';
+import { ReactNode } from 'react';
+export type TInputRadio = {
+    inputType: EInputType.radio | "radio";
+    properties?: {
+        block?: boolean;
+        optionType?: "button" | "default";
+        buttonStyle?: "solid" | "outline";
+        size?: "small" | "middle" | "large";
+    };
+} & (TInputRadioString | TInputRadioNumber) & TInputGeneric;
+type TInputRadioString = {
+    dataType: EDataType.string | "string";
+    defaultValue?: string;
+    options?: {
+        label: string | ReactNode;
+        value: string;
+    }[] | (() => {
+        label: string | ReactNode;
+        value: string;
+    }[] | Promise<{
+        label: string | ReactNode;
+        value: string;
+    }[]>) | {
+        dataSource: any[] | (() => any[] | Promise<any[]>) | Record<string, any>;
+        labelField?: string;
+        valueField?: string;
+        transform?: (item: any, formValues?: any) => {
+            label: string | ReactNode;
+            value: string;
+        };
+        dependentField?: string;
+    };
+};
+type TInputRadioNumber = {
+    dataType: EDataType.number | "number";
+    defaultValue?: number;
+    options?: {
+        label: string | ReactNode;
+        value: number;
+    }[] | (() => {
+        label: string | ReactNode;
+        value: number;
+    }[] | Promise<{
+        label: string | ReactNode;
+        value: number;
+    }[]>) | {
+        dataSource: any[] | (() => any[] | Promise<any[]>) | Record<string, any>;
+        labelField?: string;
+        valueField?: string;
+        transform?: (item: any, formValues?: any) => {
+            label: string | ReactNode;
+            value: number;
+        };
+        dependentField?: string;
+    };
+};
+export {};

package/dist/types/inputs/rate.d.ts

@@ -0,0 +1,13 @@
+import { EDataType } from '../common';
+import { EInputType, TInputGeneric } from './_input';
+export type TInputRate = {
+    dataType: EDataType.number | "number";
+    inputType: EInputType.rate | "rate";
+    defaultValue?: number;
+    properties?: {
+        allowHalf?: boolean;
+        character?: React.ReactNode;
+        count?: number;
+        tooltips?: string[];
+    };
+} & TInputGeneric;

package/dist/types/inputs/select.d.ts

@@ -0,0 +1,44 @@
+import { EInputType, TInputGeneric, TLookupProps } from './_input';
+import { EDataType } from '../common';
+import { ReactNode } from 'react';
+export type TInputSelect = {
+    inputType: EInputType.select | "select";
+    dataType: EDataType.string | "string" | EDataType.number | "number";
+    defaultValue?: string | number | (number | string)[];
+    options?: {
+        label: string | ReactNode;
+        value: string | number;
+    }[] | {}[] | (() => {
+        label: string | ReactNode;
+        value: string | number;
+    }[] | Promise<{
+        label: string | ReactNode;
+        value: string | number;
+    }[]>) | {
+        dataSource: any[] | (() => any[] | Promise<any[]>) | Record<string, any>;
+        labelField?: string;
+        valueField?: string;
+        transform?: (item: any, formValues?: any) => {
+            label: string | ReactNode;
+            value: string | number;
+        };
+        dependentField?: string;
+    };
+    sharedOptionIDs?: string[];
+    mode?: "multiple" | "tags" | undefined;
+    list?: boolean;
+    labelProp?: string;
+    valueProp?: string;
+    optionLabelProp?: string;
+    properties?: {
+        labelInValue?: boolean;
+        allowClear?: boolean;
+        maxTagCount?: number;
+        showSearch?: boolean;
+        listHeight?: number;
+    };
+    filter?: {
+        fieldID: string;
+        referenceField: string;
+    }[];
+} & TInputGeneric & TLookupProps;

package/dist/types/inputs/slider.d.ts

@@ -0,0 +1,33 @@
+import { EInputType, TInputGeneric } from './_input';
+import { EDataType } from '../common';
+import { ReactNode } from 'react';
+export type TInputSlider = {
+    dataType: EDataType.number | "number";
+    inputType: EInputType.slider | "slider";
+    properties?: {
+        min?: number;
+        max?: number;
+        step?: number;
+        marks?: Record<number, any>;
+        vertical?: boolean;
+        reverse?: boolean;
+        tooltipVisible?: boolean;
+        tooltipFormatter?: (value: number) => string;
+        prefix?: ReactNode | string | undefined | null;
+        suffix?: ReactNode | string | undefined | null;
+    };
+} & (inputSliderRange | inputSliderSingle) & TInputGeneric;
+type inputSliderRange = {
+    defaultValue?: number[];
+    range?: true | {
+        editable: boolean;
+        draggableTrack: boolean;
+        minCount: number;
+        maxCount: number;
+    };
+};
+type inputSliderSingle = {
+    defaultValue?: number;
+    range?: false | null | undefined;
+};
+export {};

package/dist/types/inputs/switch.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { EInputType, TInputGeneric } from './_input';
+import { EDataType } from '../common';
+export type TInputSwitch = {
+    dataType: EDataType.boolean | "boolean";
+    inputType: EInputType.switch | "switch";
+    defaultValue?: boolean;
+    properties?: {
+        checkedChildren?: ReactNode;
+        unCheckedChildren?: ReactNode;
+    };
+} & TInputGeneric;

package/dist/types/inputs/text.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { EInputType, TInputGeneric } from './_input';
+import { EDataType } from '../common';
+export type TInputString = {
+    dataType: EDataType.string | "string";
+    inputType: EInputType.string | "string";
+    defaultValue?: string;
+    properties?: {
+        suffix?: ReactNode | string | undefined | null;
+        prefix?: ReactNode | string | undefined | null;
+        maxLength?: number;
+        allowClear?: boolean;
+        showCount?: boolean;
+    };
+} & TInputGeneric;

package/dist/types/inputs/textArea.d.ts

@@ -0,0 +1,17 @@
+import { EInputType, TInputGeneric } from './_input';
+import { EDataType } from '../common';
+export type TInputTextArea = {
+    dataType: EDataType.string | "string";
+    inputType: EInputType.textarea | "textarea";
+    defaultValue?: string;
+    properties?: {
+        resize?: "vertical" | "horizontal" | "both" | "none";
+        maxLength?: number;
+        allowClear?: boolean;
+        showCount?: boolean;
+        autoSize?: boolean | {
+            minRows: number;
+            maxRows: number;
+        };
+    };
+} & TInputGeneric;

package/dist/types/inputs/upload.d.ts

@@ -0,0 +1,44 @@
+import { EInputType, TInputGeneric } from './_input';
+import { EDataType } from '../common';
+import { ReactElement, ReactNode } from 'react';
+import { UploadFile } from 'antd';
+import { TFormGeneralProps } from '../form';
+export type TInputUpload = {
+    dataType: EDataType.object | "object";
+    inputType: EInputType.upload | "upload";
+    httpConfig: {
+        fetchUrl?: string | ((props: TFormGeneralProps) => string);
+        uploadUrl?: string | ((props: TFormGeneralProps) => string);
+        postUploadUrl?: string | ((props: TFormGeneralProps) => string);
+        deleteUrl?: string | ((props: TFormGeneralProps) => string);
+        uploadPath?: string | ((props: TFormGeneralProps) => string);
+        headers?: Record<string, string>;
+        body?: Record<string, any>;
+    };
+    fileRender?: (originNode: ReactElement, file: UploadFile, fileList: UploadFile[]) => ReactNode;
+    render?: (props: TFormGeneralProps) => ReactNode;
+    message?: string | ((props: TFormGeneralProps) => string);
+    properties?: {
+        fileSizeLimit?: number;
+        accept?: string;
+        maxCount?: number;
+        showUploadList?: boolean | {
+            extra?: ReactNode | ((file: UploadFile) => ReactNode);
+            showPreviewIcon?: boolean | ((file: UploadFile) => boolean);
+            showDownloadIcon?: boolean | ((file: UploadFile) => boolean);
+            showRemoveIcon?: boolean | ((file: UploadFile) => boolean);
+            previewIcon?: ReactNode | ((file: UploadFile) => ReactNode);
+            removeIcon?: ReactNode | ((file: UploadFile) => ReactNode);
+            downloadIcon?: ReactNode | ((file: UploadFile) => ReactNode);
+        };
+    };
+} & (TInputUploadImage | TInputUploadFile) & TInputGeneric;
+export type TInputUploadImage = {
+    fileType: "image";
+    multiple?: false;
+    saveAsBase64?: boolean;
+};
+export type TInputUploadFile = {
+    fileType: "image" | "file";
+    multiple?: boolean;
+};