iglooform 2.4.12 → 2.4.16

package/es/example/index.js

@@ -64,6 +64,9 @@ var Excample = function Excample(_ref) {
   }, {
     label: 'zh-CN',
     value: 'zh-CN'
+  }, {
+    label: 'zh-TW',
+    value: 'zh-TW'
   }];
 
   var _children$props = children.props,

package/es/input/credit-card.js

@@ -88,6 +88,7 @@ var IglooCredit = function IglooCredit(props) {
       _props$cardConfig = props.cardConfig,
       cardConfig = _props$cardConfig === void 0 ? [] : _props$cardConfig,
       formChangeProps = props.onChange,
+      setFieldError = props.setFieldError,
       value = props.value;
 
   var _useState = useState(''),
@@ -147,30 +148,43 @@ var IglooCredit = function IglooCredit(props) {
   function handleOnChange(value, cardRules, formOnChange) {
     var pureNumInput = value.replace(/[^0-9]/gi, '');
 
-    if (pureNumInput.length === formValue.length && !isNaN(Number(value.substr(value.length - 1, 1)))) {
+    if (pureNumInput.length === formValue.length && value[value.length - 1] === '') {
       // 删除了空格,得删除一个数字
       pureNumInput = pureNumInput.substring(0, pureNumInput.length - 1);
     }
 
     setFormValue(pureNumInput);
-    formOnChange && formOnChange(pureNumInput); // 未必是16位
-    // if (pureNumInput.length === 17) {
-    //   return
-    // }
-
     judgeCardType(pureNumInput, cardRules);
-    setSeparateValue(separatePureNum(pureNumInput));
-  } // 处理初始化
+    setSeparateValue(separatePureNum(pureNumInput)); // 空值校验
+
+    if (!pureNumInput) {
+      formOnChange && formOnChange(pureNumInput);
+      return;
+    }
+
+    for (var i = 0; i < cardRules.length; i++) {
+      var reg = cardRules[i].reg;
+      var regObj = new RegExp(reg);
 
+      if (regObj.test(pureNumInput)) {
+        formOnChange && formOnChange(pureNumInput);
+        return;
+      }
+    }
+
+    setFieldError && setFieldError(formatMessage({
+      id: 'Credit card must be {typeNames} or {finalName}',
+      values: getErrorMessage(cardRules)
+    }));
+  }
 
   useEffect(function () {
     if (value) {
       handleOnChange(value, [].concat(_toConsumableArray(cardConfig), defaultCheck), formChangeProps);
     }
-  }, []);
+  }, [value]);
   return _jsx(_Input, _objectSpread(_objectSpread({}, omit(props, [].concat(_toConsumableArray(formMethods), ['cardConfig']))), {}, {
     suffix: cardIcon,
-    // type="number"
     className: classnames(className, 'igloo-input', 'igloo-input-credit-card'),
     value: inputSeparate,
     onChange: function onChange(e) {

package/es/input/expiry-date.js

@@ -67,8 +67,12 @@ var IglooExpiryDate = function IglooExpiryDate(props) {
   var onChangeProps = props.onChange,
       setFieldError = props.setFieldError,
       _props$value = props.value,
-      value = _props$value === void 0 ? {} : _props$value,
-      disabled = props.disabled;
+      value = _props$value === void 0 ? {
+    year: undefined,
+    month: undefined
+  } : _props$value,
+      disabled = props.disabled,
+      check = props.check;
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -80,11 +84,6 @@ var IglooExpiryDate = function IglooExpiryDate(props) {
   var secondInput = useRef(null);
   var formatDeleteSpace = dateFormater.replace(/\s+/g, '');
 
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      everInputAll = _useState4[0],
-      setEverInputAll = _useState4[1];
-
   var _dealFormat = dealFormat(formatDeleteSpace),
       _dealFormat2 = _slicedToArray(_dealFormat, 2),
       timeInputArr = _dealFormat2[0],
@@ -95,29 +94,34 @@ var IglooExpiryDate = function IglooExpiryDate(props) {
 
   var inputValueRef = useRef({});
 
-  var _useState5 = useState({}),
-      _useState6 = _slicedToArray(_useState5, 2),
-      inputValue = _useState6[0],
-      setInput = _useState6[1];
+  var _useState3 = useState({}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      inputValue = _useState4[0],
+      setInput = _useState4[1];
 
   useEffect(function () {
     if (!value) return;
     setInput(value);
     inputValueRef.current = value;
-  }, []);
+  }, [value.year, value.month]);
   useEffect(function () {
+    if (JSON.stringify(inputValue) === '{}') return;
     var _inputValueRef$curren = inputValueRef.current,
         year = _inputValueRef$curren.year,
-        month = _inputValueRef$curren.month; // 不管值如何 统一交给rule校验
-
-    var allGet = year && month ? year.length === 2 && month.length === 2 : false;
-    if (!everInputAll && allGet) setEverInputAll(true);
-
-    if (everInputAll) {
-      onChangeProps && onChangeProps({
-        year: year,
-        month: month
-      });
+        month = _inputValueRef$curren.month;
+    var value = {
+      year: year,
+      month: month
+    };
+    var userCheck = check ? check(value) : true;
+    var compCheck = year && month ? year.length === 2 && month.length === 2 && Number(month) <= 12 : false;
+
+    if (userCheck && compCheck) {
+      onChangeProps && onChangeProps(value);
+    } else {
+      setFieldError && setFieldError(formatMessage({
+        id: 'Please enter a valid date.'
+      }));
     }
   }, [inputValue]);
 

package/es/input/input-date.js

@@ -30,7 +30,7 @@ import { LocaleContext } from '../locale';
 import classnames from 'classnames';
 import moment from 'moment';
 import './style/index';
-var dateFormater = 'DD / MM / YYYY'; // momentjs format中能出现的合法字符
+var dateFormat = 'DD / MM / YYYY'; // momentjs format中能出现的合法字符
 
 var momentLetterArr = ['A', 'a', 'd', 'D', 'H', 'h', 'm', 'M', 'Q', 's', 'w', 'X', 'Y', ' ']; // 对于每一个input的输入做一个简单的时间限制
 
@@ -72,7 +72,7 @@ var getTextWidth = function getTextWidth(str) {
 var IglooInputDate = function IglooInputDate(props) {
   // format除去空格
   var _props$format = props.format,
-      format = _props$format === void 0 ? dateFormater : _props$format,
+      format = _props$format === void 0 ? dateFormat : _props$format,
       onChangeProps = props.onChange,
       setFieldError = props.setFieldError,
       disabled = props.disabled,
@@ -94,11 +94,6 @@ var IglooInputDate = function IglooInputDate(props) {
       inputValue = _useState4[0],
       setInput = _useState4[1];
 
-  var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      everInputAll = _useState6[0],
-      setEverInputAll = _useState6[1];
-
   var formatDeleteSpace = format.replace(/\s+/g, '');
 
   var _dealFormat = dealFormat(formatDeleteSpace),
@@ -110,24 +105,23 @@ var IglooInputDate = function IglooInputDate(props) {
       formatMessage = _useContext.formatMessage;
 
   useEffect(function () {
-    var _dealFormat3 = dealFormat(formatDeleteSpace),
-        _dealFormat4 = _slicedToArray(_dealFormat3, 2),
-        _ = _dealFormat4[0],
-        delimiter = _dealFormat4[1];
-
     if (!value) return;
-    var init = value.replace(/\s+/g, '').split(delimiter);
+    var init = value.split(delimiter);
     setInput(init);
     inputValueRef.current = init;
-  }, []);
+  }, [value]);
   useEffect(function () {
-    var currentInput = inputValueRef.current.join(delimiter); // 不管值如何 统一交给rule校验
-
-    var allGet = currentInput.length === formatDeleteSpace.length;
-    if (!everInputAll && allGet) setEverInputAll(true);
-
-    if (everInputAll || allGet) {
-      onChangeProps && onChangeProps(allGet ? moment(currentInput, formatDeleteSpace).format(format) : 'notValid');
+    if (!inputValue.length) return;
+    var currentInput = inputValueRef.current.join(delimiter);
+    var available = moment(currentInput.replace(/\s+/g, ''), formatDeleteSpace, true).isValid();
+    var value = moment(currentInput, formatDeleteSpace).format(format);
+
+    if (available) {
+      onChangeProps && onChangeProps(value);
+    } else {
+      setFieldError && setFieldError(formatMessage({
+        id: 'Please enter a valid date.'
+      }));
     }
   }, [inputValue]);
 
@@ -214,7 +208,7 @@ var IglooInputDate = function IglooInputDate(props) {
           className: "igloo-input-date-picker-input",
           placeholder: item,
           ref: ref,
-          value: inputValue[index],
+          value: (inputValue[index] || '').replace(/\s+/g, ''),
           onBlur: function onBlur(e) {
             return autoZero(e.target.value, inputValueRef.current, index, item);
           },
@@ -239,7 +233,7 @@ var IglooInputDate = function IglooInputDate(props) {
             ref: ref,
             bordered: false,
             maxLength: item.length,
-            value: inputValue[index],
+            value: (inputValue[index] || '').replace(/\s+/g, ''),
             onBlur: function onBlur(e) {
               return autoZero(e.target.value, inputValueRef.current, index, item);
             },
@@ -275,7 +269,7 @@ function checkTime(value, format) {
 
 IglooInputDate.formItemPropsHandler = function (config) {
   var _config$format = config.format,
-      format = _config$format === void 0 ? dateFormater : _config$format;
+      format = _config$format === void 0 ? dateFormat : _config$format;
   return {
     rules: [{
       validator: function validator(_, value) {

package/es/input/phone-number.js

@@ -14,7 +14,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useContext } from 'react';
+import { useState, useContext, useEffect } from 'react';
 import classnames from 'classnames';
 import invariant from 'invariant';
 import Select from '../select';
@@ -28,7 +28,6 @@ var PhoneNumber = function PhoneNumber(_ref) {
       disabled = _ref.disabled,
       value = _ref.value,
       formChangeProps = _ref.onChange,
-      setFieldValue = _ref.setFieldValue,
       style = _ref.style;
 
   var _useContext = useContext(LocaleContext),
@@ -50,6 +49,9 @@ var PhoneNumber = function PhoneNumber(_ref) {
       number = _useState4[0],
       setNumber = _useState4[1];
 
+  useEffect(function () {
+    setNumber(value ? value.phoneNumber : undefined);
+  }, [value]);
   var leftPart = Array.isArray(areaCode) ? _jsx(Select, {
     disabled: disabled,
     onChange: function onChange(e) {
@@ -78,7 +80,7 @@ var PhoneNumber = function PhoneNumber(_ref) {
     }, className),
     children: [leftPart, _jsx(_Input, {
       type: "tel",
-      defaultValue: number,
+      value: number,
       onChange: function onChange(e) {
         setNumber(e.target.value);
         formChangeProps(e.target.value ? {

package/es/locale/locale-provider.js

@@ -15,11 +15,13 @@ import zh from './zh-CN';
 import id from './id-ID';
 import vi from './vi-VN';
 import th from './th-TH';
+import zhTW from './zh-TW';
 import antdId from 'antd/es/locale/id_ID';
 import antdEn from 'antd/es/locale/en_US';
 import antdZh from 'antd/es/locale/zh_CN';
 import antdVi from 'antd/es/locale/vi_VN';
 import antdTH from 'antd/es/locale/th_TH';
+import antdZhTw from 'antd/es/locale/zh_TW';
 import antdDefault from 'antd/es/locale/default';
 import { staticLang } from './format-message';
 export var locales = {
@@ -27,14 +29,16 @@ export var locales = {
   'id-ID': id,
   'zh-CN': zh,
   'vi-VN': vi,
-  'th-TH': th
+  'th-TH': th,
+  'zh-TW': zhTW
 };
 var antdLocale = {
   'en-US': _objectSpread(_objectSpread({}, antdDefault), antdEn),
   'id-ID': _objectSpread(_objectSpread({}, antdDefault), antdId),
   'zh-CN': _objectSpread(_objectSpread({}, antdDefault), antdZh),
   'vi-VN': _objectSpread(_objectSpread({}, antdDefault), antdVi),
-  'th-TH': _objectSpread(_objectSpread({}, antdDefault), antdTH)
+  'th-TH': _objectSpread(_objectSpread({}, antdDefault), antdTH),
+  'zh-TW': _objectSpread(_objectSpread({}, antdDefault), antdZhTw)
 };
 
 var LocaleProvider = function LocaleProvider(_ref) {

package/es/locale/zh-TW/messages.json

@@ -0,0 +1,76 @@
+{
+  "1 file attached.": "1 file terlampir.",
+  "1 file imported.": "1 data terunggah",
+  "1 file in progress...": "1 data dalam proses",
+  "Accept": "Menerima",
+  "Action": "Beroperasi",
+  "Add": "Menambahkan",
+  "Apply": "Terapkan",
+  "Apply Columns": "Terapkan Kolom",
+  "Cancel": "Batal",
+  "Clear All": "Bersihkan semua",
+  "Click to cancel sorting": "Klik untuk membatalkan penyortiran",
+  "Click to sort ascending": "Klik untuk mengurutkan menaik",
+  "Click to sort descending": "Klik untuk mengurutkan secara turun",
+  "Close Result Panel": "Tutup Panel Hasil",
+  "Continue": "Lanjutkan",
+  "Credit card must be {typeNames} or {finalName}": "Jenis kartu kredit harus {typeNames} atau {finalName}",
+  "Custom": "Perubahan",
+  "Customize Columns": "Kolom yang diubah",
+  "Data Importing Queue": "Antrian Data Impor",
+  "Data Processed": "Data Terproses",
+  "Data Processing...": "Data Diproses",
+  "Date": "Tanggal",
+  "Drag and drop a file here": "Geser dan Letakkan Dokumen disini",
+  "Edit": "Ubah",
+  "Error Report": "Laporan Kesalahan",
+  "Filter": "Saring",
+  "I declare that the statements I have described above are true. I further declare that the loss occured was accidental, without planning or consensus with other parties.": "Saya menyatakan bahwa pernyataan yang saya jelaskan di atas adalah benar. Selanjutnya saya nyatakan bahwa kerugian yang terjadi merupakan ketidaksengajaan,  dan terjadi tanpa perencanaan atau hasil musyawarah dengan pihak lain.",
+  "Import": "Impor",
+  "It is recommended to select no more than {colMax} metrics to ensure the default visibility of each column input.": "Direkomendasikan untuk memilih tidak lebih dari {colMax} metrik untuk memastikan sudut pandang default dari setiap isi kolom.",
+  "Last 7 Days": "7 hari terakhir",
+  "Last Day": "hari terakhir",
+  "Last Month": "Bulan Lalu",
+  "Log in": "Masuk",
+  "Next": "Selanjutnya",
+  "No preview for this file. Only support image, video or PDF file.": "Tidak ada pratinjau untuk file ini. Hanya mendukung file gambar, video atau PDF.",
+  "Numbers only, please omit \" \" or \"-\".": "Angka saja, harap hilangkan \" \" atau \"-\".",
+  "OK": "oke",
+  "Once you’re happy with the above, and you’ve checked the declaration, please go ahead and submit your claim.": "Jika Anda puas dengan apa yang telah disampaikan, dan Anda telah memeriksa deklarasi tersebut, silakan lanjutkan dan ajukan klaim Anda.",
+  "Optional": "Pilihan",
+  "Please enter a valid date.": "Silakan tulis tanggal valid",
+  "Please enter a valid time.": "Harap masukkan waktu yang valid",
+  "Please select": "Silahkan pilih",
+  "Please select a file type": "Silakan pilih tipe dokumen",
+  "Please take a moment to review what you’ve told us above.": "Mohon luangkan waktu sejenak untuk meninjau ulang seluruh data yang Anda telah sampaikan sebelumnya .",
+  "Previous": "Sebelumnya",
+  "Processing": "Sedang diproses",
+  "Processing progress cannot be updated at the moment. Don’t worry! All your file data are still in progress.": "Perkembangan terkait proses belum dapat diperbarui saat ini. Jangan khawatir! Semua data Anda masih dalam proses .",
+  "Quantity of files should be less than {limit}": "Jumlah dokumen tidak bisa lebih dari  {limit}",
+  "Reject": "Menolak",
+  "Remove": "Menghapus",
+  "Resend OTP": "Kirim ulang OTP",
+  "Resend in": "Kirim ulang",
+  "Reset All Filters": "Setel ulang filter",
+  "Result": "Hasil",
+  "Result: Success {success_num}; Error {fail_num}": "Hasil: Sukses {success_num}; Kesalahan {fail_num}",
+  "Rows per page": "Baris per halaman",
+  "Select All": "Pilih Semua",
+  "Send OTP": "Kirim OTP",
+  "Submit": "Ajukan",
+  "The file type is not supported.": "Jenis file tidak didukung.",
+  "This Month": "Bulan ini",
+  "Unselect All": "Batalkan semua",
+  "Uploading": "Mengunggah",
+  "We support CSV or XLSX files (less than 20M each).": "Kami mendukung file CSV atau XLSX (Ukuran maksimal 20 MB) .",
+  "Yes, Close": "Ya, Tutup",
+  "browse": "Telusuri",
+  "or": "atau",
+  "{beginIndex}-{endIndex} of {total}": "{beginIndex}-{endIndex} dari {total}",
+  "{canInputNum} characters left": "{canInputNum} sisa karakter",
+  "{canInputNum} characters over": "{canInputNum} kelebihan karakter",
+  "{count} files attached.": "{count} file terlampir.",
+  "{currentStep} of {allSteps}": "{currentStep} dari {allSteps}",
+  "{doneNumber} files imported.": "{doneNumber} data terunggah.",
+  "{processingNumber} files in progress...": "{processingNumber} data dalam proses..."
+}

package/es/locale/zh-TW.d.ts

@@ -0,0 +1,2 @@
+declare const messages: any;
+export default messages;

package/es/locale/zh-TW.js

@@ -0,0 +1,3 @@
+var messages = require('./zh-TW/messages.json');
+
+export default messages;

package/es/tabs/style/index.less

@@ -79,6 +79,7 @@
     transition: 0s !important;
     border-radius: 0px !important;
     border: 1px solid #eeeeee !important;
+    font-weight: 500;
     &:hover {
       color: @primary-color;
     }
@@ -86,7 +87,6 @@
   .ant-tabs-tab-active {
     border: 0px !important;
     background-color: white !important;
-    font-weight: 500;
     &::after {
       position: absolute;
       width: 100%;

package/es/types.d.ts

@@ -54,6 +54,7 @@ export interface FormItemExtraConfig extends FormItemProps {
     phoneNumber?: number | string;
     mergeRules?: boolean;
     dependencies?: NamePath[];
+    antdDependencies?: NamePath[];
     asserts?: FormItemAssert[];
     shouldRender?: (form?: FormInstance) => boolean;
     ignore?: boolean;

package/es/utils/form-utils.d.ts

@@ -45,6 +45,7 @@ export declare const calcFormItemProps: (config: FormItemConfig, extraProps: For
         messageVariables: {
             label: string;
         };
+        dependencies: NamePath[] | undefined;
     };
     elementProps: {
         [key: string]: any;

package/es/utils/form-utils.js

@@ -1,4 +1,4 @@
-var _excluded = ["type", "name", "required", "requiredAsserts", "showOptional", "rules", "initialValue", "normalize", "mergeRules", "getValueFromEvent", "getValueProps", "extra", "help", "label", "previewLabel", "extraLabel", "copyValue", "selectValue", "span", "halfRow", "fullRow", "valuePropName", "dependencies", "asserts", "messageVariables", "requiredMessage", "previewFormater", "disabled", "ignore", "shouldRender", "valueFormater"],
+var _excluded = ["type", "name", "required", "requiredAsserts", "showOptional", "rules", "initialValue", "normalize", "mergeRules", "getValueFromEvent", "getValueProps", "extra", "help", "label", "previewLabel", "extraLabel", "copyValue", "selectValue", "span", "halfRow", "fullRow", "valuePropName", "dependencies", "asserts", "messageVariables", "requiredMessage", "previewFormater", "disabled", "ignore", "shouldRender", "valueFormater", "antdDependencies"],
     _excluded2 = ["initialValue", "normalize", "rules", "extra", "help", "getValueFromEvent", "span", "valuePropName", "fullRow", "halfRow", "messageVariables", "requiredMessage", "previewFormater", "valueFormater", "required", "requiredMark", "className"];
 
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
@@ -150,6 +150,7 @@ export var calcFormItemProps = function calcFormItemProps(config, extraProps, fo
       ignore = config.ignore,
       shouldRender = config.shouldRender,
       valueFormater = config.valueFormater,
+      antdDependencies = config.antdDependencies,
       rest = _objectWithoutProperties(config, _excluded);
 
   invariant(nameProp || type === 'Divider' || type === 'Section' || !type, "name property is required for form item config (type: ".concat(type, ")"));
@@ -257,7 +258,8 @@ export var calcFormItemProps = function calcFormItemProps(config, extraProps, fo
       valuePropName: valuePropName || extraValuePropName,
       messageVariables: _objectSpread({
         label: label
-      }, messageVariables || extraMessageVariables)
+      }, messageVariables || extraMessageVariables),
+      dependencies: antdDependencies
     },
     elementProps: elementProps,
     display: !ignore && calcShouldRender(dependencies, asserts, shouldRender, form),

package/lib/example/index.js

@@ -86,6 +86,9 @@ var Excample = function Excample(_ref) {
   }, {
     label: 'zh-CN',
     value: 'zh-CN'
+  }, {
+    label: 'zh-TW',
+    value: 'zh-TW'
   }];
 
   var _children$props = children.props,

package/lib/input/credit-card.js

@@ -103,6 +103,7 @@ var IglooCredit = function IglooCredit(props) {
       _props$cardConfig = props.cardConfig,
       cardConfig = _props$cardConfig === void 0 ? [] : _props$cardConfig,
       formChangeProps = props.onChange,
+      setFieldError = props.setFieldError,
       value = props.value;
 
   var _useState = (0, _react.useState)(''),
@@ -162,30 +163,43 @@ var IglooCredit = function IglooCredit(props) {
   function handleOnChange(value, cardRules, formOnChange) {
     var pureNumInput = value.replace(/[^0-9]/gi, '');
 
-    if (pureNumInput.length === formValue.length && !isNaN(Number(value.substr(value.length - 1, 1)))) {
+    if (pureNumInput.length === formValue.length && value[value.length - 1] === '') {
       // 删除了空格,得删除一个数字
       pureNumInput = pureNumInput.substring(0, pureNumInput.length - 1);
     }
 
     setFormValue(pureNumInput);
-    formOnChange && formOnChange(pureNumInput); // 未必是16位
-    // if (pureNumInput.length === 17) {
-    //   return
-    // }
-
     judgeCardType(pureNumInput, cardRules);
-    setSeparateValue(separatePureNum(pureNumInput));
-  } // 处理初始化
+    setSeparateValue(separatePureNum(pureNumInput)); // 空值校验
+
+    if (!pureNumInput) {
+      formOnChange && formOnChange(pureNumInput);
+      return;
+    }
+
+    for (var i = 0; i < cardRules.length; i++) {
+      var reg = cardRules[i].reg;
+      var regObj = new RegExp(reg);
 
+      if (regObj.test(pureNumInput)) {
+        formOnChange && formOnChange(pureNumInput);
+        return;
+      }
+    }
+
+    setFieldError && setFieldError(formatMessage({
+      id: 'Credit card must be {typeNames} or {finalName}',
+      values: getErrorMessage(cardRules)
+    }));
+  }
 
   (0, _react.useEffect)(function () {
     if (value) {
       handleOnChange(value, [].concat(_toConsumableArray(cardConfig), defaultCheck), formChangeProps);
     }
-  }, []);
+  }, [value]);
   return (0, _jsxRuntime.jsx)(_input.default, _objectSpread(_objectSpread({}, (0, _omit.default)(props, [].concat(_toConsumableArray(_formMethods.default), ['cardConfig']))), {}, {
     suffix: cardIcon,
-    // type="number"
     className: (0, _classnames.default)(className, 'igloo-input', 'igloo-input-credit-card'),
     value: inputSeparate,
     onChange: function onChange(e) {

package/lib/input/expiry-date.js

@@ -83,8 +83,12 @@ var IglooExpiryDate = function IglooExpiryDate(props) {
   var onChangeProps = props.onChange,
       setFieldError = props.setFieldError,
       _props$value = props.value,
-      value = _props$value === void 0 ? {} : _props$value,
-      disabled = props.disabled;
+      value = _props$value === void 0 ? {
+    year: undefined,
+    month: undefined
+  } : _props$value,
+      disabled = props.disabled,
+      check = props.check;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -96,11 +100,6 @@ var IglooExpiryDate = function IglooExpiryDate(props) {
   var secondInput = (0, _react.useRef)(null);
   var formatDeleteSpace = dateFormater.replace(/\s+/g, '');
 
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      everInputAll = _useState4[0],
-      setEverInputAll = _useState4[1];
-
   var _dealFormat = dealFormat(formatDeleteSpace),
       _dealFormat2 = _slicedToArray(_dealFormat, 2),
       timeInputArr = _dealFormat2[0],
@@ -111,29 +110,34 @@ var IglooExpiryDate = function IglooExpiryDate(props) {
 
   var inputValueRef = (0, _react.useRef)({});
 
-  var _useState5 = (0, _react.useState)({}),
-      _useState6 = _slicedToArray(_useState5, 2),
-      inputValue = _useState6[0],
-      setInput = _useState6[1];
+  var _useState3 = (0, _react.useState)({}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      inputValue = _useState4[0],
+      setInput = _useState4[1];
 
   (0, _react.useEffect)(function () {
     if (!value) return;
     setInput(value);
     inputValueRef.current = value;
-  }, []);
+  }, [value.year, value.month]);
   (0, _react.useEffect)(function () {
+    if (JSON.stringify(inputValue) === '{}') return;
     var _inputValueRef$curren = inputValueRef.current,
         year = _inputValueRef$curren.year,
-        month = _inputValueRef$curren.month; // 不管值如何 统一交给rule校验
-
-    var allGet = year && month ? year.length === 2 && month.length === 2 : false;
-    if (!everInputAll && allGet) setEverInputAll(true);
-
-    if (everInputAll) {
-      onChangeProps && onChangeProps({
-        year: year,
-        month: month
-      });
+        month = _inputValueRef$curren.month;
+    var value = {
+      year: year,
+      month: month
+    };
+    var userCheck = check ? check(value) : true;
+    var compCheck = year && month ? year.length === 2 && month.length === 2 && Number(month) <= 12 : false;
+
+    if (userCheck && compCheck) {
+      onChangeProps && onChangeProps(value);
+    } else {
+      setFieldError && setFieldError(formatMessage({
+        id: 'Please enter a valid date.'
+      }));
     }
   }, [inputValue]);
 

package/lib/input/input-date.js

@@ -47,7 +47,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var dateFormater = 'DD / MM / YYYY'; // momentjs format中能出现的合法字符
+var dateFormat = 'DD / MM / YYYY'; // momentjs format中能出现的合法字符
 
 var momentLetterArr = ['A', 'a', 'd', 'D', 'H', 'h', 'm', 'M', 'Q', 's', 'w', 'X', 'Y', ' ']; // 对于每一个input的输入做一个简单的时间限制
 
@@ -89,7 +89,7 @@ var getTextWidth = function getTextWidth(str) {
 var IglooInputDate = function IglooInputDate(props) {
   // format除去空格
   var _props$format = props.format,
-      format = _props$format === void 0 ? dateFormater : _props$format,
+      format = _props$format === void 0 ? dateFormat : _props$format,
       onChangeProps = props.onChange,
       setFieldError = props.setFieldError,
       disabled = props.disabled,
@@ -111,11 +111,6 @@ var IglooInputDate = function IglooInputDate(props) {
       inputValue = _useState4[0],
       setInput = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      everInputAll = _useState6[0],
-      setEverInputAll = _useState6[1];
-
   var formatDeleteSpace = format.replace(/\s+/g, '');
 
   var _dealFormat = dealFormat(formatDeleteSpace),
@@ -127,24 +122,23 @@ var IglooInputDate = function IglooInputDate(props) {
       formatMessage = _useContext.formatMessage;
 
   (0, _react.useEffect)(function () {
-    var _dealFormat3 = dealFormat(formatDeleteSpace),
-        _dealFormat4 = _slicedToArray(_dealFormat3, 2),
-        _ = _dealFormat4[0],
-        delimiter = _dealFormat4[1];
-
     if (!value) return;
-    var init = value.replace(/\s+/g, '').split(delimiter);
+    var init = value.split(delimiter);
     setInput(init);
     inputValueRef.current = init;
-  }, []);
+  }, [value]);
   (0, _react.useEffect)(function () {
-    var currentInput = inputValueRef.current.join(delimiter); // 不管值如何 统一交给rule校验
-
-    var allGet = currentInput.length === formatDeleteSpace.length;
-    if (!everInputAll && allGet) setEverInputAll(true);
-
-    if (everInputAll || allGet) {
-      onChangeProps && onChangeProps(allGet ? (0, _moment.default)(currentInput, formatDeleteSpace).format(format) : 'notValid');
+    if (!inputValue.length) return;
+    var currentInput = inputValueRef.current.join(delimiter);
+    var available = (0, _moment.default)(currentInput.replace(/\s+/g, ''), formatDeleteSpace, true).isValid();
+    var value = (0, _moment.default)(currentInput, formatDeleteSpace).format(format);
+
+    if (available) {
+      onChangeProps && onChangeProps(value);
+    } else {
+      setFieldError && setFieldError(formatMessage({
+        id: 'Please enter a valid date.'
+      }));
     }
   }, [inputValue]);
 
@@ -231,7 +225,7 @@ var IglooInputDate = function IglooInputDate(props) {
           className: "igloo-input-date-picker-input",
           placeholder: item,
           ref: ref,
-          value: inputValue[index],
+          value: (inputValue[index] || '').replace(/\s+/g, ''),
           onBlur: function onBlur(e) {
             return autoZero(e.target.value, inputValueRef.current, index, item);
           },
@@ -256,7 +250,7 @@ var IglooInputDate = function IglooInputDate(props) {
             ref: ref,
             bordered: false,
             maxLength: item.length,
-            value: inputValue[index],
+            value: (inputValue[index] || '').replace(/\s+/g, ''),
             onBlur: function onBlur(e) {
               return autoZero(e.target.value, inputValueRef.current, index, item);
             },
@@ -292,7 +286,7 @@ function checkTime(value, format) {
 
 IglooInputDate.formItemPropsHandler = function (config) {
   var _config$format = config.format,
-      format = _config$format === void 0 ? dateFormater : _config$format;
+      format = _config$format === void 0 ? dateFormat : _config$format;
   return {
     rules: [{
       validator: function validator(_, value) {

package/lib/input/phone-number.js

@@ -44,7 +44,6 @@ var PhoneNumber = function PhoneNumber(_ref) {
       disabled = _ref.disabled,
       value = _ref.value,
       formChangeProps = _ref.onChange,
-      setFieldValue = _ref.setFieldValue,
       style = _ref.style;
 
   var _useContext = (0, _react.useContext)(_locale.LocaleContext),
@@ -66,6 +65,9 @@ var PhoneNumber = function PhoneNumber(_ref) {
       number = _useState4[0],
       setNumber = _useState4[1];
 
+  (0, _react.useEffect)(function () {
+    setNumber(value ? value.phoneNumber : undefined);
+  }, [value]);
   var leftPart = Array.isArray(areaCode) ? (0, _jsxRuntime.jsx)(_select.default, {
     disabled: disabled,
     onChange: function onChange(e) {
@@ -94,7 +96,7 @@ var PhoneNumber = function PhoneNumber(_ref) {
     }, className),
     children: [leftPart, (0, _jsxRuntime.jsx)(_input.default, {
       type: "tel",
-      defaultValue: number,
+      value: number,
       onChange: function onChange(e) {
         setNumber(e.target.value);
         formChangeProps(e.target.value ? {

package/lib/locale/locale-provider.js

@@ -25,6 +25,8 @@ var _viVN = _interopRequireDefault(require("./vi-VN"));
 
 var _thTH = _interopRequireDefault(require("./th-TH"));
 
+var _zhTW = _interopRequireDefault(require("./zh-TW"));
+
 var _id_ID = _interopRequireDefault(require("antd/es/locale/id_ID"));
 
 var _en_US = _interopRequireDefault(require("antd/es/locale/en_US"));
@@ -35,6 +37,8 @@ var _vi_VN = _interopRequireDefault(require("antd/es/locale/vi_VN"));
 
 var _th_TH = _interopRequireDefault(require("antd/es/locale/th_TH"));
 
+var _zh_TW = _interopRequireDefault(require("antd/es/locale/zh_TW"));
+
 var _default2 = _interopRequireDefault(require("antd/es/locale/default"));
 
 var _formatMessage = require("./format-message");
@@ -52,7 +56,8 @@ var locales = {
   'id-ID': _idID.default,
   'zh-CN': _zhCN.default,
   'vi-VN': _viVN.default,
-  'th-TH': _thTH.default
+  'th-TH': _thTH.default,
+  'zh-TW': _zhTW.default
 };
 exports.locales = locales;
 var antdLocale = {
@@ -60,7 +65,8 @@ var antdLocale = {
   'id-ID': _objectSpread(_objectSpread({}, _default2.default), _id_ID.default),
   'zh-CN': _objectSpread(_objectSpread({}, _default2.default), _zh_CN.default),
   'vi-VN': _objectSpread(_objectSpread({}, _default2.default), _vi_VN.default),
-  'th-TH': _objectSpread(_objectSpread({}, _default2.default), _th_TH.default)
+  'th-TH': _objectSpread(_objectSpread({}, _default2.default), _th_TH.default),
+  'zh-TW': _objectSpread(_objectSpread({}, _default2.default), _zh_TW.default)
 };
 
 var LocaleProvider = function LocaleProvider(_ref) {

package/lib/locale/zh-TW/messages.json

@@ -0,0 +1,76 @@
+{
+  "1 file attached.": "1 file terlampir.",
+  "1 file imported.": "1 data terunggah",
+  "1 file in progress...": "1 data dalam proses",
+  "Accept": "Menerima",
+  "Action": "Beroperasi",
+  "Add": "Menambahkan",
+  "Apply": "Terapkan",
+  "Apply Columns": "Terapkan Kolom",
+  "Cancel": "Batal",
+  "Clear All": "Bersihkan semua",
+  "Click to cancel sorting": "Klik untuk membatalkan penyortiran",
+  "Click to sort ascending": "Klik untuk mengurutkan menaik",
+  "Click to sort descending": "Klik untuk mengurutkan secara turun",
+  "Close Result Panel": "Tutup Panel Hasil",
+  "Continue": "Lanjutkan",
+  "Credit card must be {typeNames} or {finalName}": "Jenis kartu kredit harus {typeNames} atau {finalName}",
+  "Custom": "Perubahan",
+  "Customize Columns": "Kolom yang diubah",
+  "Data Importing Queue": "Antrian Data Impor",
+  "Data Processed": "Data Terproses",
+  "Data Processing...": "Data Diproses",
+  "Date": "Tanggal",
+  "Drag and drop a file here": "Geser dan Letakkan Dokumen disini",
+  "Edit": "Ubah",
+  "Error Report": "Laporan Kesalahan",
+  "Filter": "Saring",
+  "I declare that the statements I have described above are true. I further declare that the loss occured was accidental, without planning or consensus with other parties.": "Saya menyatakan bahwa pernyataan yang saya jelaskan di atas adalah benar. Selanjutnya saya nyatakan bahwa kerugian yang terjadi merupakan ketidaksengajaan,  dan terjadi tanpa perencanaan atau hasil musyawarah dengan pihak lain.",
+  "Import": "Impor",
+  "It is recommended to select no more than {colMax} metrics to ensure the default visibility of each column input.": "Direkomendasikan untuk memilih tidak lebih dari {colMax} metrik untuk memastikan sudut pandang default dari setiap isi kolom.",
+  "Last 7 Days": "7 hari terakhir",
+  "Last Day": "hari terakhir",
+  "Last Month": "Bulan Lalu",
+  "Log in": "Masuk",
+  "Next": "Selanjutnya",
+  "No preview for this file. Only support image, video or PDF file.": "Tidak ada pratinjau untuk file ini. Hanya mendukung file gambar, video atau PDF.",
+  "Numbers only, please omit \" \" or \"-\".": "Angka saja, harap hilangkan \" \" atau \"-\".",
+  "OK": "oke",
+  "Once you’re happy with the above, and you’ve checked the declaration, please go ahead and submit your claim.": "Jika Anda puas dengan apa yang telah disampaikan, dan Anda telah memeriksa deklarasi tersebut, silakan lanjutkan dan ajukan klaim Anda.",
+  "Optional": "Pilihan",
+  "Please enter a valid date.": "Silakan tulis tanggal valid",
+  "Please enter a valid time.": "Harap masukkan waktu yang valid",
+  "Please select": "Silahkan pilih",
+  "Please select a file type": "Silakan pilih tipe dokumen",
+  "Please take a moment to review what you’ve told us above.": "Mohon luangkan waktu sejenak untuk meninjau ulang seluruh data yang Anda telah sampaikan sebelumnya .",
+  "Previous": "Sebelumnya",
+  "Processing": "Sedang diproses",
+  "Processing progress cannot be updated at the moment. Don’t worry! All your file data are still in progress.": "Perkembangan terkait proses belum dapat diperbarui saat ini. Jangan khawatir! Semua data Anda masih dalam proses .",
+  "Quantity of files should be less than {limit}": "Jumlah dokumen tidak bisa lebih dari  {limit}",
+  "Reject": "Menolak",
+  "Remove": "Menghapus",
+  "Resend OTP": "Kirim ulang OTP",
+  "Resend in": "Kirim ulang",
+  "Reset All Filters": "Setel ulang filter",
+  "Result": "Hasil",
+  "Result: Success {success_num}; Error {fail_num}": "Hasil: Sukses {success_num}; Kesalahan {fail_num}",
+  "Rows per page": "Baris per halaman",
+  "Select All": "Pilih Semua",
+  "Send OTP": "Kirim OTP",
+  "Submit": "Ajukan",
+  "The file type is not supported.": "Jenis file tidak didukung.",
+  "This Month": "Bulan ini",
+  "Unselect All": "Batalkan semua",
+  "Uploading": "Mengunggah",
+  "We support CSV or XLSX files (less than 20M each).": "Kami mendukung file CSV atau XLSX (Ukuran maksimal 20 MB) .",
+  "Yes, Close": "Ya, Tutup",
+  "browse": "Telusuri",
+  "or": "atau",
+  "{beginIndex}-{endIndex} of {total}": "{beginIndex}-{endIndex} dari {total}",
+  "{canInputNum} characters left": "{canInputNum} sisa karakter",
+  "{canInputNum} characters over": "{canInputNum} kelebihan karakter",
+  "{count} files attached.": "{count} file terlampir.",
+  "{currentStep} of {allSteps}": "{currentStep} dari {allSteps}",
+  "{doneNumber} files imported.": "{doneNumber} data terunggah.",
+  "{processingNumber} files in progress...": "{processingNumber} data dalam proses..."
+}

package/lib/locale/zh-TW.d.ts

@@ -0,0 +1,2 @@
+declare const messages: any;
+export default messages;

package/lib/locale/zh-TW.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var messages = require('./zh-TW/messages.json');
+
+var _default = messages;
+exports.default = _default;

package/lib/tabs/style/index.less

@@ -79,6 +79,7 @@
     transition: 0s !important;
     border-radius: 0px !important;
     border: 1px solid #eeeeee !important;
+    font-weight: 500;
     &:hover {
       color: @primary-color;
     }
@@ -86,7 +87,6 @@
   .ant-tabs-tab-active {
     border: 0px !important;
     background-color: white !important;
-    font-weight: 500;
     &::after {
       position: absolute;
       width: 100%;

package/lib/types.d.ts

@@ -54,6 +54,7 @@ export interface FormItemExtraConfig extends FormItemProps {
     phoneNumber?: number | string;
     mergeRules?: boolean;
     dependencies?: NamePath[];
+    antdDependencies?: NamePath[];
     asserts?: FormItemAssert[];
     shouldRender?: (form?: FormInstance) => boolean;
     ignore?: boolean;

package/lib/utils/form-utils.d.ts

@@ -45,6 +45,7 @@ export declare const calcFormItemProps: (config: FormItemConfig, extraProps: For
         messageVariables: {
             label: string;
         };
+        dependencies: NamePath[] | undefined;
     };
     elementProps: {
         [key: string]: any;

package/lib/utils/form-utils.js

@@ -13,7 +13,7 @@ var _typography = _interopRequireDefault(require("../typography"));
 
 var _formattedMessage = _interopRequireDefault(require("../locale/formatted-message"));
 
-var _excluded = ["type", "name", "required", "requiredAsserts", "showOptional", "rules", "initialValue", "normalize", "mergeRules", "getValueFromEvent", "getValueProps", "extra", "help", "label", "previewLabel", "extraLabel", "copyValue", "selectValue", "span", "halfRow", "fullRow", "valuePropName", "dependencies", "asserts", "messageVariables", "requiredMessage", "previewFormater", "disabled", "ignore", "shouldRender", "valueFormater"],
+var _excluded = ["type", "name", "required", "requiredAsserts", "showOptional", "rules", "initialValue", "normalize", "mergeRules", "getValueFromEvent", "getValueProps", "extra", "help", "label", "previewLabel", "extraLabel", "copyValue", "selectValue", "span", "halfRow", "fullRow", "valuePropName", "dependencies", "asserts", "messageVariables", "requiredMessage", "previewFormater", "disabled", "ignore", "shouldRender", "valueFormater", "antdDependencies"],
     _excluded2 = ["initialValue", "normalize", "rules", "extra", "help", "getValueFromEvent", "span", "valuePropName", "fullRow", "halfRow", "messageVariables", "requiredMessage", "previewFormater", "valueFormater", "required", "requiredMark", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -168,6 +168,7 @@ var calcFormItemProps = function calcFormItemProps(config, extraProps, form, par
       ignore = config.ignore,
       shouldRender = config.shouldRender,
       valueFormater = config.valueFormater,
+      antdDependencies = config.antdDependencies,
       rest = _objectWithoutProperties(config, _excluded);
 
   (0, _invariant.default)(nameProp || type === 'Divider' || type === 'Section' || !type, "name property is required for form item config (type: ".concat(type, ")"));
@@ -275,7 +276,8 @@ var calcFormItemProps = function calcFormItemProps(config, extraProps, form, par
       valuePropName: valuePropName || extraValuePropName,
       messageVariables: _objectSpread({
         label: label
-      }, messageVariables || extraMessageVariables)
+      }, messageVariables || extraMessageVariables),
+      dependencies: antdDependencies
     },
     elementProps: elementProps,
     display: !ignore && calcShouldRender(dependencies, asserts, shouldRender, form),

package/package.json

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