iglooform 3.3.8 → 3.4.1

package/lib/media/media.js

@@ -9,6 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _entry = require("react-pdf/dist/esm/entry.webpack");
 var _antd = require("antd");
 var _locale = require("../locale");
+var _iglooicon = require("iglooicon");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -18,6 +19,26 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var Loading = function Loading() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center',
+      width: '100%',
+      height: '100%',
+      position: 'absolute',
+      zIndex: 1
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iglooicon.LoadingOutlined, {
+      spinning: true,
+      style: {
+        fontSize: 24,
+        color: '#999999'
+      }
+    })
+  });
+};
 var MediaItem = function MediaItem(_ref) {
   var type = _ref.type,
     src = _ref.src;
@@ -30,15 +51,25 @@ var MediaItem = function MediaItem(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     errorText = _useState2[0],
     setErrorText = _useState2[1];
+  var _useState3 = (0, _react.useState)(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
   switch (type) {
     case 'video':
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
-        src: src,
-        style: {
-          maxWidth: 80,
-          maxHeight: 80
-        },
-        autoPlay: false
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(Loading, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("video", {
+          src: src,
+          style: {
+            maxWidth: 80,
+            maxHeight: 80,
+            opacity: loading ? 0 : 1
+          },
+          autoPlay: false,
+          onLoadedData: function onLoadedData() {
+            return setLoading(false);
+          }
+        })]
       });
     case 'pdf':
       var needPassword = function needPassword() {
@@ -53,36 +84,50 @@ var MediaItem = function MediaItem(_ref) {
           }));
         }
       };
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         style: {
           maxWidth: 80,
           maxHeight: 80,
           position: 'absolute'
         },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_entry.Document, {
-          ref: documentRef,
-          file: src,
-          onPassword: needPassword,
-          error: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            style: {
-              textAlign: 'center'
+        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(Loading, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: {
+            opacity: loading ? 0 : 1
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_entry.Document, {
+            ref: documentRef,
+            file: src,
+            onPassword: needPassword,
+            error: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              style: {
+                textAlign: 'center'
+              },
+              children: errorText
+            }),
+            onLoadSuccess: function onLoadSuccess() {
+              return setLoading(false);
             },
-            children: errorText
-          }),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_entry.Page, {
-            pageNumber: 1,
-            scale: 0.1
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_entry.Page, {
+              pageNumber: 1,
+              scale: 0.1
+            })
           })
-        })
+        })]
       });
     default:
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        src: src,
-        style: {
-          maxWidth: 80,
-          maxHeight: 80,
-          position: 'absolute'
-        }
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(Loading, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          src: src,
+          style: {
+            maxWidth: 80,
+            maxHeight: 80,
+            position: 'absolute',
+            opacity: loading ? 0 : 1
+          },
+          onLoad: function onLoad() {
+            return setLoading(false);
+          }
+        })]
       });
   }
 };
@@ -121,5 +166,6 @@ var Media = function Media(_ref2) {
     })
   });
 };
+Media.Loading = Loading;
 var _default = Media;
 exports.default = _default;

package/lib/types.d.ts

@@ -0,0 +1,189 @@
+/// <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 {
+    labelTooltip?: string;
+    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/upload-photo/index.js

@@ -203,11 +203,22 @@ var UploadPhoto = function UploadPhoto(props) {
       return setFiles(_files);
     });
   };
-
-  // 有初始值的处理 (不是初始化)
   (0, _react.useEffect)(function () {
-    if (Array.isArray(value) && value.length && files.length === 0) {
-      mapFilesFromValue(value);
+    if (Array.isArray(value) && value.length) {
+      // 比较当前 value 和 files 中的 url，如果不一致则重新映射
+      var currentUrls = files.map(function (f) {
+        return f.url;
+      }).filter(Boolean);
+      var newUrls = value;
+
+      // 如果 URL 数组不匹配，重新映射
+      if (JSON.stringify(currentUrls.sort()) !== JSON.stringify(newUrls.sort())) {
+        mapFilesFromValue(newUrls);
+      }
+    } else if (!value && files.length > 0) {
+      // 如果外部清空了值，也清空内部状态
+      setFiles([]);
+      setMasks([]);
     }
   }, [value]);
   (0, _react.useEffect)(function () {

package/lib/utils/tools.d.ts

@@ -0,0 +1,5 @@
+export declare const parseFileSize: (size: number) => string;
+export declare function classifyType(mimeType: string): string;
+export declare const downloadByUrl: (filename: string, url: string) => void;
+export declare const getFileNameByUrl: (fileUrl: string) => string;
+export declare const getResourceContentType: (resourceUrl: string) => Promise<string | undefined>;

package/package.json

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

package/.idea/codeStyles/Project.xml

@@ -1,59 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <code_scheme name="Project" version="173">
-    <HTMLCodeStyleSettings>
-      <option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
-    </HTMLCodeStyleSettings>
-    <JSCodeStyleSettings version="0">
-      <option name="FORCE_SEMICOLON_STYLE" value="true" />
-      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
-      <option name="USE_DOUBLE_QUOTES" value="false" />
-      <option name="FORCE_QUOTE_STYlE" value="true" />
-      <option name="ENFORCE_TRAILING_COMMA" value="WhenMultiline" />
-      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
-      <option name="SPACES_WITHIN_IMPORTS" value="true" />
-    </JSCodeStyleSettings>
-    <TypeScriptCodeStyleSettings version="0">
-      <option name="FORCE_SEMICOLON_STYLE" value="true" />
-      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
-      <option name="USE_DOUBLE_QUOTES" value="false" />
-      <option name="FORCE_QUOTE_STYlE" value="true" />
-      <option name="ENFORCE_TRAILING_COMMA" value="WhenMultiline" />
-      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
-      <option name="SPACES_WITHIN_IMPORTS" value="true" />
-    </TypeScriptCodeStyleSettings>
-    <VueCodeStyleSettings>
-      <option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
-      <option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
-    </VueCodeStyleSettings>
-    <codeStyleSettings language="HTML">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="JavaScript">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="TypeScript">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="Vue">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-  </code_scheme>
-</component>

package/.idea/codeStyles/codeStyleConfig.xml

@@ -1,5 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <state>
-    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
-  </state>
-</component>

package/.idea/iglooform.iml

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="WEB_MODULE" version="4">
-  <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$">
-      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
-      <excludeFolder url="file://$MODULE_DIR$/temp" />
-      <excludeFolder url="file://$MODULE_DIR$/tmp" />
-    </content>
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

package/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/iglooform.iml" filepath="$PROJECT_DIR$/.idea/iglooform.iml" />
-    </modules>
-  </component>
-</project>

package/.idea/prettier.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="PrettierConfiguration">
-    <option name="myConfigurationMode" value="MANUAL" />
-  </component>
-</project>

package/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="" vcs="Git" />
-  </component>
-</project>

package/es/upload-photo/index.d.ts

@@ -1,28 +0,0 @@
-import { FC, IglooComponentProps } from '../types';
-import './style';
-export interface Props extends IglooComponentProps {
-    handleUpload?(file: File): PromiseLike<string>;
-    value?: (string | {
-        name: string;
-        status: 'failed';
-        errorMsg: string;
-    })[];
-    onChange?: (value: any) => void;
-    limit?: number;
-    limitErrorMessage?: Function | string;
-    descriptions?: any;
-    buttonText?: any;
-    samples?: Sample[];
-    className?: any;
-    id?: string;
-    bizKey?: string;
-    capture?: boolean;
-    disabled?: boolean;
-}
-export type Sample = {
-    src: string;
-    label?: string;
-    type?: 'good' | 'bad';
-};
-declare const UploadPhoto: FC<Props>;
-export default UploadPhoto;

package/lib/upload-photo/index.d.ts

@@ -1,28 +0,0 @@
-import { FC, IglooComponentProps } from '../types';
-import './style';
-export interface Props extends IglooComponentProps {
-    handleUpload?(file: File): PromiseLike<string>;
-    value?: (string | {
-        name: string;
-        status: 'failed';
-        errorMsg: string;
-    })[];
-    onChange?: (value: any) => void;
-    limit?: number;
-    limitErrorMessage?: Function | string;
-    descriptions?: any;
-    buttonText?: any;
-    samples?: Sample[];
-    className?: any;
-    id?: string;
-    bizKey?: string;
-    capture?: boolean;
-    disabled?: boolean;
-}
-export type Sample = {
-    src: string;
-    label?: string;
-    type?: 'good' | 'bad';
-};
-declare const UploadPhoto: FC<Props>;
-export default UploadPhoto;