iglooform 3.3.0 → 3.3.2

package/.dumi/tmp/dumi/theme/ContextWrapper.tsx

@@ -30,7 +30,7 @@ export default function DumiContextWrapper() {
 
   return (
     <SiteContext.Provider value={{
-      pkg: {"name":"iglooform","version":"3.2.8","license":"MIT"},
+      pkg: {"name":"iglooform","version":"3.3.1","license":"MIT"},
       historyType: "browser",
       entryExports,
       demos,

package/es/form/step-items-selection/components/section-of-item-condition/hooks/useElements.js

@@ -38,11 +38,7 @@ export var useElements = function useElements(elements, itemData) {
       // claim_quantity max rule的处理
       if (element.name === KEY_FORM_QUANTITY) {
         var itemQuantity = itemData[KEY_ITEM_QUANTITY];
-        var claimQuantityRules = typeof itemQuantity === 'number' ? [{
-          type: 'number',
-          min: 1,
-          max: itemQuantity
-        }] : [{
+        var claimQuantityRules = typeof itemQuantity !== 'number' ? [{
           validator: function () {
             var _validator = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
               return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -62,9 +58,13 @@ export var useElements = function useElements(elements, itemData) {
             }
             return validator;
           }()
-        }];
+        }] : void 0;
+        var max = typeof itemQuantity === 'number' ? itemQuantity : void 0;
         return _objectSpread(_objectSpread({}, element), {}, {
-          rules: claimQuantityRules
+          rules: claimQuantityRules,
+          min: 1,
+          max: max,
+          initialValue: max
         });
       }
       return element;

package/es/form/step-items-selection/index.d.ts

@@ -1,3 +1,6 @@
-import type { TStepItemsSelection } from './types';
-declare const StepItemsSelection: TStepItemsSelection;
+import type { FC } from 'react';
+import type { StepItemsSelectionProps } from './types';
+declare const StepItemsSelection: FC<StepItemsSelectionProps> & {
+    STEP_COUNT: number;
+};
 export default StepItemsSelection;

package/es/form/step-items-selection/types.d.ts

@@ -1,4 +1,3 @@
-import type { FC } from 'react';
 import type { StepProps } from '../step';
 import type { FormItemConfig } from '../../types';
 export type ItemData = {
@@ -26,6 +25,3 @@ export interface StepItemsSelectionProps extends StepProps {
         ];
     };
 }
-export type TStepItemsSelection = FC<StepItemsSelectionProps> & {
-    STEP_COUNT: number;
-};

package/es/types.d.ts

@@ -0,0 +1,188 @@
+/// <reference path="../typings.d.ts" />
+import { BlinkIdSingleSideRecognizerResult } from '@microblink/blinkid-in-browser-sdk';
+import { FormItemProps, FormInstance } from 'antd/es/form';
+import { ReactNode } from 'react';
+import { NamePath } from 'rc-field-form/lib/interface';
+import { CheckboxOptionType } from 'antd/es/checkbox';
+import { SelectProps } from 'antd/es/select';
+export { Rule } from 'rc-field-form/lib/interface';
+export interface OCRHooks {
+    microBlink?: {
+        initResult: {
+            error?: string;
+            failed: boolean;
+        };
+        recognize: ((file: File) => Promise<BlinkIdSingleSideRecognizerResult | null>) | null;
+        loading?: boolean;
+    };
+}
+export interface OCRConfig {
+    microBlink?: {
+        licenseKey: string;
+    };
+}
+export type FormItemName = NamePath;
+export interface FormBasicConfig {
+    config: FormItemConfig;
+    className?: string;
+    style?: Object;
+    locales?: {
+        cancelText?: string;
+        submitText?: string;
+        previewText?: string;
+        nextText?: string;
+        continueText?: string;
+        validateMessages?: Object;
+    };
+    initialValues?: any;
+    form?: FormInstance;
+    onCancel?(): void;
+    onSubmit?(values: Object, allValues?: Object): any;
+    requiredMark?: boolean;
+    showSubmitButton?: boolean;
+    getScrollContainer?: () => HTMLElement | null;
+    onFirstModified?: () => any;
+    uploadApi?: string;
+    selectDatasourceApi?: string;
+    validationRule?: string;
+    getRuleValidationApi?: string;
+    stepDirection?: 'vertical' | 'horizontal';
+    customizeComponents?: {
+        [name: string]: FC;
+    };
+    ocr?: OCRConfig;
+    validationCodeExtraParams?: Record<string, any>;
+    onValuesChange?: (changedValues: any, values: any) => void;
+}
+export type FormItemAssert = {
+    field: NamePath;
+    value?: any;
+    operation?: 'eq' | 'ne' | 'in' | 'ni' | 'lt' | 'le' | 'gt' | 'ge' | 'co' | 'nc' | 'filled' | 'unfilled' | 'co-some' | 'co-every' | 'some-in' | 'every-in';
+};
+export type FormItemCopyValue = {
+    assert: FormItemAssert;
+    copyFrom: NamePath;
+    disabled?: boolean;
+};
+export type FormItemSelectValue = {
+    assert: FormItemAssert;
+    value: any;
+    disabled?: boolean;
+};
+export interface FormItemExtraConfig extends FormItemProps {
+    elements?: FormItemConfig[];
+    required?: boolean;
+    requiredAsserts?: FormItemAssert[];
+    extraLabel?: any;
+    xl?: number;
+    md?: number;
+    xs?: number;
+    span?: number;
+    areaCode?: number | string | (number | string)[];
+    phoneNumber?: number | string;
+    mergeRules?: boolean;
+    dependencies?: NamePath[];
+    antdDependencies?: NamePath[];
+    asserts?: FormItemAssert[];
+    shouldRender?: (form?: FormInstance) => boolean;
+    ignore?: boolean;
+    copyValue?: FormItemCopyValue;
+    selectValue?: FormItemSelectValue[];
+    disabled?: boolean | FormItemAssert | FormItemAssert[];
+    halfRow?: boolean;
+    fullRow?: boolean;
+    limit?: number;
+    hideWhenPreview?: boolean;
+    hideWhenEdit?: boolean;
+    requiredMessage?: string | ReactNode;
+    showOptional?: boolean;
+    previewFormater?(value: any, form?: FormInstance): any;
+    handleNext?(values: any): any;
+    render?(preview: boolean, form?: FormInstance, value?: any, onChange?: (params: any) => any, setShowStepButton?: IglooComponentProps['setShowStepButton']): any;
+    locales?: {
+        [key: string]: string;
+    };
+    options?: (CheckboxOptionType & {
+        extraInfo?: {
+            content: any;
+            shownTrigger: 'unchecked' | 'checked' | 'all';
+        };
+    })[] | SelectProps['options'];
+    sendOtp?: (value: any) => any;
+    dependField?: FormItemName;
+    countDownSeconds?: number;
+    getButtonDisabledState?: (form: FormInstance) => boolean;
+    getPreviousDisabledState?: (form: FormInstance) => boolean;
+    handleUpload?(file: File): PromiseLike<string>;
+    withoutForm?: boolean;
+    disableEditButton?: boolean;
+    hidePreviewDivider?: boolean;
+    valueFormater?: (value: any) => any;
+    currentStep?: number;
+    subscribedFields?: FormItemName[];
+    description?: string | React.ReactNode;
+    dateLimitationType?: 'relative' | 'absolute';
+    absoluteRangeStart?: number;
+    absoluteRangeEnd?: number;
+    relativeRangeStart?: {
+        type: 'day' | 'month' | 'year';
+        quantity: number;
+        pattern?: string;
+        dependField?: NamePath;
+    };
+    relativeRangeEnd?: {
+        type: 'day' | 'month' | 'year';
+        quantity: number;
+        pattern?: string;
+        dependField?: NamePath;
+    };
+    validationCode?: {
+        code: string;
+        errorMessage: string;
+        warningOnly?: boolean;
+    }[];
+    length?: number;
+    minLength?: number;
+    maxLength?: number;
+    idType?: 'KTP' | 'NIK';
+    validationRule?: string;
+    shouldRenderCode?: string;
+    disabledCode?: string;
+    automaticCalcCode?: string;
+    enableAutomaticCalc?: boolean;
+    [key: string]: any;
+}
+export interface FormItemConfig extends FormItemExtraConfig {
+    type?: string;
+    name?: NamePath;
+    label?: string | React.ReactNode;
+    previewLabel?: string | React.ReactNode;
+    labelProps?: any;
+    contentProps?: any;
+    ocr?: {
+        vender: string;
+        outputMap: {
+            field: string[];
+            source: string[];
+        }[];
+    };
+}
+export type FormItemPropsHandler = (config: FormItemConfig) => FormItemConfig;
+export interface FC<P = {}> extends React.FunctionComponent<P> {
+    formItemPropsHandler?: FormItemPropsHandler;
+    isPreviewSupport?: boolean;
+}
+export interface Form extends React.ForwardRefExoticComponent<FormBasicConfig & React.RefAttributes<any>> {
+    useForm: () => FormInstance;
+}
+export interface IglooComponentProps {
+    validateField?: (nameList?: NamePath[]) => Promise<any>;
+    containerRef?: React.RefObject<any>;
+    setFieldError?(errorMsg?: string): void;
+    setFieldValue?(value?: any): void;
+    setShowStepButton?: (showButton: boolean) => void;
+    getFormInstance?: () => FormInstance;
+    locales?: {
+        [key: string]: string;
+    };
+}

package/lib/form/step-items-selection/components/section-of-item-condition/hooks/useElements.js

@@ -44,11 +44,7 @@ var useElements = function useElements(elements, itemData) {
       // claim_quantity max rule的处理
       if (element.name === _config.KEY_FORM_QUANTITY) {
         var itemQuantity = itemData[_config.KEY_ITEM_QUANTITY];
-        var claimQuantityRules = typeof itemQuantity === 'number' ? [{
-          type: 'number',
-          min: 1,
-          max: itemQuantity
-        }] : [{
+        var claimQuantityRules = typeof itemQuantity !== 'number' ? [{
           validator: function () {
             var _validator = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
               return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -68,9 +64,13 @@ var useElements = function useElements(elements, itemData) {
             }
             return validator;
           }()
-        }];
+        }] : void 0;
+        var max = typeof itemQuantity === 'number' ? itemQuantity : void 0;
         return _objectSpread(_objectSpread({}, element), {}, {
-          rules: claimQuantityRules
+          rules: claimQuantityRules,
+          min: 1,
+          max: max,
+          initialValue: max
         });
       }
       return element;

package/lib/form/step-items-selection/index.d.ts

@@ -1,3 +1,6 @@
-import type { TStepItemsSelection } from './types';
-declare const StepItemsSelection: TStepItemsSelection;
+import type { FC } from 'react';
+import type { StepItemsSelectionProps } from './types';
+declare const StepItemsSelection: FC<StepItemsSelectionProps> & {
+    STEP_COUNT: number;
+};
 export default StepItemsSelection;

package/lib/form/step-items-selection/types.d.ts

@@ -1,4 +1,3 @@
-import type { FC } from 'react';
 import type { StepProps } from '../step';
 import type { FormItemConfig } from '../../types';
 export type ItemData = {
@@ -26,6 +25,3 @@ export interface StepItemsSelectionProps extends StepProps {
         ];
     };
 }
-export type TStepItemsSelection = FC<StepItemsSelectionProps> & {
-    STEP_COUNT: number;
-};

package/lib/types.d.ts

@@ -0,0 +1,188 @@
+/// <reference path="../typings.d.ts" />
+import { BlinkIdSingleSideRecognizerResult } from '@microblink/blinkid-in-browser-sdk';
+import { FormItemProps, FormInstance } from 'antd/es/form';
+import { ReactNode } from 'react';
+import { NamePath } from 'rc-field-form/lib/interface';
+import { CheckboxOptionType } from 'antd/es/checkbox';
+import { SelectProps } from 'antd/es/select';
+export { Rule } from 'rc-field-form/lib/interface';
+export interface OCRHooks {
+    microBlink?: {
+        initResult: {
+            error?: string;
+            failed: boolean;
+        };
+        recognize: ((file: File) => Promise<BlinkIdSingleSideRecognizerResult | null>) | null;
+        loading?: boolean;
+    };
+}
+export interface OCRConfig {
+    microBlink?: {
+        licenseKey: string;
+    };
+}
+export type FormItemName = NamePath;
+export interface FormBasicConfig {
+    config: FormItemConfig;
+    className?: string;
+    style?: Object;
+    locales?: {
+        cancelText?: string;
+        submitText?: string;
+        previewText?: string;
+        nextText?: string;
+        continueText?: string;
+        validateMessages?: Object;
+    };
+    initialValues?: any;
+    form?: FormInstance;
+    onCancel?(): void;
+    onSubmit?(values: Object, allValues?: Object): any;
+    requiredMark?: boolean;
+    showSubmitButton?: boolean;
+    getScrollContainer?: () => HTMLElement | null;
+    onFirstModified?: () => any;
+    uploadApi?: string;
+    selectDatasourceApi?: string;
+    validationRule?: string;
+    getRuleValidationApi?: string;
+    stepDirection?: 'vertical' | 'horizontal';
+    customizeComponents?: {
+        [name: string]: FC;
+    };
+    ocr?: OCRConfig;
+    validationCodeExtraParams?: Record<string, any>;
+    onValuesChange?: (changedValues: any, values: any) => void;
+}
+export type FormItemAssert = {
+    field: NamePath;
+    value?: any;
+    operation?: 'eq' | 'ne' | 'in' | 'ni' | 'lt' | 'le' | 'gt' | 'ge' | 'co' | 'nc' | 'filled' | 'unfilled' | 'co-some' | 'co-every' | 'some-in' | 'every-in';
+};
+export type FormItemCopyValue = {
+    assert: FormItemAssert;
+    copyFrom: NamePath;
+    disabled?: boolean;
+};
+export type FormItemSelectValue = {
+    assert: FormItemAssert;
+    value: any;
+    disabled?: boolean;
+};
+export interface FormItemExtraConfig extends FormItemProps {
+    elements?: FormItemConfig[];
+    required?: boolean;
+    requiredAsserts?: FormItemAssert[];
+    extraLabel?: any;
+    xl?: number;
+    md?: number;
+    xs?: number;
+    span?: number;
+    areaCode?: number | string | (number | string)[];
+    phoneNumber?: number | string;
+    mergeRules?: boolean;
+    dependencies?: NamePath[];
+    antdDependencies?: NamePath[];
+    asserts?: FormItemAssert[];
+    shouldRender?: (form?: FormInstance) => boolean;
+    ignore?: boolean;
+    copyValue?: FormItemCopyValue;
+    selectValue?: FormItemSelectValue[];
+    disabled?: boolean | FormItemAssert | FormItemAssert[];
+    halfRow?: boolean;
+    fullRow?: boolean;
+    limit?: number;
+    hideWhenPreview?: boolean;
+    hideWhenEdit?: boolean;
+    requiredMessage?: string | ReactNode;
+    showOptional?: boolean;
+    previewFormater?(value: any, form?: FormInstance): any;
+    handleNext?(values: any): any;
+    render?(preview: boolean, form?: FormInstance, value?: any, onChange?: (params: any) => any, setShowStepButton?: IglooComponentProps['setShowStepButton']): any;
+    locales?: {
+        [key: string]: string;
+    };
+    options?: (CheckboxOptionType & {
+        extraInfo?: {
+            content: any;
+            shownTrigger: 'unchecked' | 'checked' | 'all';
+        };
+    })[] | SelectProps['options'];
+    sendOtp?: (value: any) => any;
+    dependField?: FormItemName;
+    countDownSeconds?: number;
+    getButtonDisabledState?: (form: FormInstance) => boolean;
+    getPreviousDisabledState?: (form: FormInstance) => boolean;
+    handleUpload?(file: File): PromiseLike<string>;
+    withoutForm?: boolean;
+    disableEditButton?: boolean;
+    hidePreviewDivider?: boolean;
+    valueFormater?: (value: any) => any;
+    currentStep?: number;
+    subscribedFields?: FormItemName[];
+    description?: string | React.ReactNode;
+    dateLimitationType?: 'relative' | 'absolute';
+    absoluteRangeStart?: number;
+    absoluteRangeEnd?: number;
+    relativeRangeStart?: {
+        type: 'day' | 'month' | 'year';
+        quantity: number;
+        pattern?: string;
+        dependField?: NamePath;
+    };
+    relativeRangeEnd?: {
+        type: 'day' | 'month' | 'year';
+        quantity: number;
+        pattern?: string;
+        dependField?: NamePath;
+    };
+    validationCode?: {
+        code: string;
+        errorMessage: string;
+        warningOnly?: boolean;
+    }[];
+    length?: number;
+    minLength?: number;
+    maxLength?: number;
+    idType?: 'KTP' | 'NIK';
+    validationRule?: string;
+    shouldRenderCode?: string;
+    disabledCode?: string;
+    automaticCalcCode?: string;
+    enableAutomaticCalc?: boolean;
+    [key: string]: any;
+}
+export interface FormItemConfig extends FormItemExtraConfig {
+    type?: string;
+    name?: NamePath;
+    label?: string | React.ReactNode;
+    previewLabel?: string | React.ReactNode;
+    labelProps?: any;
+    contentProps?: any;
+    ocr?: {
+        vender: string;
+        outputMap: {
+            field: string[];
+            source: string[];
+        }[];
+    };
+}
+export type FormItemPropsHandler = (config: FormItemConfig) => FormItemConfig;
+export interface FC<P = {}> extends React.FunctionComponent<P> {
+    formItemPropsHandler?: FormItemPropsHandler;
+    isPreviewSupport?: boolean;
+}
+export interface Form extends React.ForwardRefExoticComponent<FormBasicConfig & React.RefAttributes<any>> {
+    useForm: () => FormInstance;
+}
+export interface IglooComponentProps {
+    validateField?: (nameList?: NamePath[]) => Promise<any>;
+    containerRef?: React.RefObject<any>;
+    setFieldError?(errorMsg?: string): void;
+    setFieldValue?(value?: any): void;
+    setShowStepButton?: (showButton: boolean) => void;
+    getFormInstance?: () => FormInstance;
+    locales?: {
+        [key: string]: string;
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iglooform",
-  "version": "3.3.0",
+  "version": "3.3.2",
   "scripts": {
     "start": "dumi dev",
     "build-dev": "dumi build",