iglooform 2.3.3 → 2.3.7

package/es/global-message/style/index.less

@@ -1,5 +1,35 @@
 .iglooform-global-message {
+  min-width: 324px;
+
   .ant-message-notice-content {
     padding: 0px;
+
+    .ant-alert-message {
+      text-align: left;
+    }
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .iglooform-global-message .igloo-alert-message {
+    max-width: 100%;
+  }
+}
+
+@media screen and (min-width: 768px) and (max-width: 992px) {
+  .iglooform-global-message .igloo-alert-message {
+    max-width: 720px;
+  }
+}
+
+@media screen and (min-width: 992px) and (max-width: 1200px) {
+  .iglooform-global-message .igloo-alert-message {
+    max-width: 960px;
+  }
+}
+
+@media screen and (min-width: 1200px) {
+  .iglooform-global-message .igloo-alert-message {
+    max-width: 1140px;
   }
 }

package/es/index.d.ts

@@ -35,3 +35,6 @@ export { default as MobileInsurerDetail } from './mobile-insurer-detail';
 export { default as Layout } from './layout';
 export { default as DetailPanel } from './detail-panel';
 export { default as message } from './global-message';
+export { default as FreeForm } from './free-form';
+export { default as FormItem } from './free-form/element';
+export { default as FormPage } from './free-form/page';

package/es/index.js

@@ -34,4 +34,7 @@ export { default as ClaimList } from './claim-list';
 export { default as MobileInsurerDetail } from './mobile-insurer-detail';
 export { default as Layout } from './layout';
 export { default as DetailPanel } from './detail-panel';
-export { default as message } from './global-message';
+export { default as message } from './global-message';
+export { default as FreeForm } from './free-form';
+export { default as FormItem } from './free-form/element';
+export { default as FormPage } from './free-form/page';

package/es/input/input-date.js

@@ -94,6 +94,11 @@ 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),
@@ -107,7 +112,7 @@ var IglooInputDate = function IglooInputDate(props) {
   useEffect(function () {
     var _dealFormat3 = dealFormat(formatDeleteSpace),
         _dealFormat4 = _slicedToArray(_dealFormat3, 2),
-        timeInputArr = _dealFormat4[0],
+        _ = _dealFormat4[0],
         delimiter = _dealFormat4[1];
 
     if (!value) return;
@@ -118,16 +123,19 @@ var IglooInputDate = function IglooInputDate(props) {
   useEffect(function () {
     var currentInput = inputValueRef.current.join(delimiter); // 不管值如何 统一交给rule校验
 
-    if (currentInput.length === formatDeleteSpace.length) {
-      onChangeProps && onChangeProps(moment(currentInput, formatDeleteSpace).format(format));
+    var allGet = currentInput.length === formatDeleteSpace.length;
+    if (!everInputAll && allGet) setEverInputAll(true);
+
+    if (everInputAll || allGet) {
+      onChangeProps && onChangeProps(allGet ? moment(currentInput, formatDeleteSpace).format(format) : undefined);
     }
   }, [inputValue]);
 
-  function hanldeOnChange(str, total, index, item) {
+  function hanldeOnChange(str, refArr, index, inputFormat) {
     var valueInput = str.replace(/[^0-9]/gi, '');
 
-    if (valueInput.length === item.length) {
-      var formatType = item[0];
+    if (valueInput.length === inputFormat.length) {
+      var formatType = inputFormat[0];
       var timeLimit = sampleLimit[formatType]; // 关于 单个input的限制还是要有的
 
       if (timeLimit) {
@@ -149,10 +157,11 @@ var IglooInputDate = function IglooInputDate(props) {
           if (thirdInput.current) thirdInput.current.focus();
           break;
       }
-    }
+    } // 替换了ref 中 current
+
 
-    total.splice(index, 1, valueInput.slice(0, item.length));
-    setInput(_toConsumableArray(total));
+    refArr.splice(index, 1, valueInput.slice(0, inputFormat.length));
+    setInput(_toConsumableArray(refArr));
   }
 
   return _jsx("div", Object.assign({

package/es/input/phone-number.js

@@ -1,5 +1,5 @@
-import "antd/es/input-number/style";
-import _InputNumber from "antd/es/input-number";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -78,17 +78,17 @@ var PhoneNumber = function PhoneNumber(_ref) {
       'igloo-input-phone-disabled': disabled
     }, className)
   }, {
-    children: [leftPart, _jsx(_InputNumber, {
+    children: [leftPart, _jsx(_Input, {
+      type: "tel",
       defaultValue: number,
       onChange: function onChange(e) {
-        setNumber(e);
-        formChangeProps({
+        setNumber(e.target.value);
+        formChangeProps(e.target.value ? {
           areaCode: selectedCode,
-          phoneNumber: e
-        });
+          phoneNumber: e.target.value
+        } : undefined);
       },
-      disabled: disabled,
-      type: "number"
+      disabled: disabled
     }, void 0)]
   }), void 0);
 };

package/es/input/style/index.less

@@ -108,7 +108,7 @@ input[type='number'] {
     justify-content: center;
   }
 
-  .ant-input-number {
+  .ant-input {
     border-radius: 0px 3px 3px 0px;
     flex: 1 auto;
     border-top: 0px;
@@ -117,8 +117,8 @@ input[type='number'] {
     border-color: #bdbdbd;
     height: 48px;
 
-    .ant-input-number-handler-wrap {
-      display: none;
+    &:focus {
+      border-color: #bdbdbd;
     }
   }
 
@@ -237,22 +237,25 @@ input[type='number'] {
 
     .igloo-phone-number-select,
     .igloo-phone-number-addon-before {
-      border-top: 1px solid #bdbdbd;
-      border-left: 1px solid #bdbdbd;
-      border-bottom: 1px solid #bdbdbd;
-      border-radius: 3px 0px 0px 3px;
+      border: 1px solid #bdbdbd;
+      border-right: 0px;
     }
 
-    .ant-input-number {
-      border-color: @error-color !important;
+    .igloo-phone-number-select {
+      border-radius: 3px 0px 0px 3px;
+    }
 
-      .ant-input-number-input-wrap {
-        border-top: 1px solid @error-color;
-        border-right: 1px solid @error-color;
-        border-bottom: 1px solid @error-color;
-        border-radius: 0px 3px 3px 0px;
+    .igloo-phone-number-select {
+      .ant-select {
+        .ant-select-selector {
+          border-color: #bdbdbd;
+        }
       }
     }
+
+    .ant-input {
+      border: 1px solid @error-color;
+    }
   }
 
   .igloo-otp {

package/es/layout/index.js

@@ -359,10 +359,18 @@ var Layout = function Layout(props) {
             className: "footer-bottom"
           }, {
             children: [_jsx("div", {
-              children: copyRightRender ? copyRightRender("\xA9 ".concat(new Date().getFullYear(), " Powered by Axinan Pte Ltd. All Rights Reserved.")) : _jsx(Typography, Object.assign({
+              children: copyRightRender ? copyRightRender(_jsxs("div", {
+                children: [_jsxs("div", {
+                  children: ["\xA9 $", new Date().getFullYear(), " Powered by Axinan Pte Ltd."]
+                }, void 0), _jsx("div", {
+                  children: "All Rights Reserved."
+                }, void 0)]
+              }, void 0)) : _jsxs(Typography, Object.assign({
                 level: "body3"
               }, {
-                children: "\xA9 ".concat(new Date().getFullYear(), " Powered by Axinan Pte Ltd. All Rights Reserved.")
+                children: ["\xA9 ".concat(new Date().getFullYear(), " Powered by Axinan Pte Ltd."), _jsx("div", {
+                  children: "All Rights Reserved."
+                }, void 0)]
               }), void 0)
             }, void 0), _jsx("div", {
               children: _jsxs(Typography, Object.assign({

package/es/layout/style/index.less

@@ -6,6 +6,7 @@
   align-items: center;
   justify-content: space-between;
   height: 100vh;
+  overflow: auto;
 
   .igloo-layout-header {
     min-height: 56px;
@@ -207,6 +208,7 @@
   align-items: center;
   justify-content: space-between;
   height: 100vh;
+  overflow: auto;
 
   & > div {
     width: 100%;

package/es/locale/en-US/messages.json

@@ -3,6 +3,7 @@
   "1 file imported.": "1 file imported.",
   "1 file in progress...": "1 file in progress...",
   "Accept": "Accept",
+  "Action": "Action",
   "Apply": "Apply",
   "Apply Columns": "Apply Columns",
   "Cancel": "Cancel",
@@ -56,7 +57,6 @@
   "Submit": "Submit",
   "The file type is not supported.": "The file type is not supported.",
   "This Month": "This Month",
-  "Top": "Top",
   "Unselect All": "Unselect All",
   "Uploading": "Uploading",
   "We support CSV or XLSX files (less than 20M each).": "We support CSV or XLSX files (less than 20M each).",

package/es/locale/id-ID/messages.json

@@ -3,6 +3,7 @@
   "1 file imported.": "1 data terunggah",
   "1 file in progress...": "1 data dalam proses",
   "Accept": "Menerima",
+  "Action": "Beroperasi",
   "Apply": "Terapkan",
   "Apply Columns": "Terapkan Kolom",
   "Cancel": "Batal",
@@ -56,7 +57,6 @@
   "Submit": "Ajukan",
   "The file type is not supported.": "Jenis file tidak didukung.",
   "This Month": "Bulan ini",
-  "Top": "Puncak",
   "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) .",

package/es/locale/th-TH/messages.json

@@ -3,6 +3,7 @@
   "1 file imported.": "นำเข้า 1 ไฟล์",
   "1 file in progress...": "กำลังดำเนินการ 1 ไฟล์...",
   "Accept": "ยอมรับ",
+  "Action": "ดำเนินงาน",
   "Apply": "ใช้",
   "Apply Columns": "ใช้คอลัมน์",
   "Cancel": "ยกเลิก",
@@ -56,7 +57,6 @@
   "Submit": "ส่ง/ยืนยัน",
   "The file type is not supported.": "ประเภทไฟล์ไม่รองรับ",
   "This Month": "เดือนนี้",
-  "Top": "ข้างบน",
   "Unselect All": "ไม่เลือกทั้งหมด",
   "Uploading": "กำลังอัพโหลด",
   "We support CSV or XLSX files (less than 20M each).": "เรารองรับ CSV หรือ XLSX ไฟล์ (แต่ละไฟล์ขนาดไฟล์ต้องไม่เกิน 20M)",

package/es/locale/vi-VN/messages.json

@@ -3,6 +3,7 @@
   "1 file imported.": "1 tệp được nhập",
   "1 file in progress...": "1 tệp đang được xử lý",
   "Accept": "Chấp nhận",
+  "Action": "Chạy",
   "Apply": "Áp dụng",
   "Apply Columns": "Áp dụng Cột",
   "Cancel": "Hủy",
@@ -56,7 +57,6 @@
   "Submit": "Gửi",
   "The file type is not supported.": "Loại tệp không được hỗ trợ.",
   "This Month": "Tháng này",
-  "Top": "Hàng đầu",
   "Unselect All": "Hủy chọn tất cả",
   "Uploading": "Đang tải lên",
   "We support CSV or XLSX files (less than 20M each).": "Hỗ trợ .CSV hoặc .XLSX (file nhỏ hơn 20MB)",

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

@@ -3,6 +3,7 @@
   "1 file imported.": "1个文件已导入。",
   "1 file in progress...": "1个文件正在处理...",
   "Accept": "接受",
+  "Action": "操作",
   "Apply": "应用",
   "Apply Columns": "应用",
   "Cancel": "取消",
@@ -56,7 +57,6 @@
   "Submit": "提交",
   "The file type is not supported.": "不支持上传该类型的文件。",
   "This Month": "当月",
-  "Top": "上",
   "Unselect All": "反选",
   "Uploading": "上传中",
   "We support CSV or XLSX files (less than 20M each).": "支持上传20M以内的CSV和XLSX文件",

package/es/media/media.js

@@ -28,7 +28,6 @@ var MediaItem = function MediaItem(_ref) {
       }, {
         children: _jsx(PDF, {
           file: src,
-          withCredentials: true,
           scale: 0.1
         }, void 0)
       }), void 0);

package/es/media/preview.js

@@ -46,7 +46,6 @@ var PdfViewer = function PdfViewer(_ref) {
   for (var i = 1; i <= pageSize; i++) {
     pages.push(_jsx(PDF, {
       file: src,
-      withCredentials: true,
       page: i,
       onDocumentLoadSuccess: handlePageInit,
       scale: scale

package/es/select/attached-select.js

@@ -131,8 +131,8 @@ var IglooSelect = function IglooSelect(_ref) {
   }, [options]);
   useEffect(function () {
     var setFieldValue = rest.setFieldValue;
-    var foundValue = options.find(function (option) {
-      return option.value === valueProp;
+    var foundValue = originOptions.find(function (option) {
+      return Array.isArray(valueProp) ? valueProp.includes(option.value) : option.value === valueProp;
     });
 
     if (!foundValue) {

package/es/table/index.js

@@ -43,7 +43,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import invariant from 'invariant';
 import moment from 'moment';
-import { useState, useRef, useContext, useEffect } from 'react';
+import { useState, useRef, useContext, useEffect, useReducer } from 'react';
 import Button from '../button';
 import { LocaleContext } from '../locale';
 import Typography from '../typography';
@@ -63,14 +63,14 @@ var headerStyle = function headerStyle() {
 
 var filterDefaultShow = function filterDefaultShow(col) {
   return col.filter(function (item) {
-    return !(item.defaultShow === false);
+    return item.defaultShow !== false && item.customize !== false;
   }).map(function (item) {
     return item.key;
   });
 }; // buttons:all actionButtons, rowData:current row record data, actionButtonsFilter: filter function
 
 
-var getDropDownMenu = function getDropDownMenu(allButtons, rowData, actionButtonsFilter) {
+var getDropDownMenu = function getDropDownMenu(allButtons, rowData, actionButtonsFilter, setActionListVisible, actionIndex) {
   var actionButtons = actionButtonsFilter && typeof actionButtonsFilter === 'function' ? actionButtonsFilter(rowData, allButtons) : allButtons;
   return _jsx(_Space, Object.assign({
     size: 16,
@@ -83,7 +83,11 @@ var getDropDownMenu = function getDropDownMenu(allButtons, rowData, actionButton
       return _jsx(Button, Object.assign({
         type: "text",
         onClick: function onClick(e) {
-          return item.onClick(rowData);
+          item.onClick(rowData);
+          setActionListVisible({
+            type: actionIndex,
+            value: false
+          });
         }
       }, {
         children: _jsx(Typography, Object.assign({
@@ -164,6 +168,12 @@ function paginationItem(page, type, originalElement) {
   }), void 0);
 }
 
+function actionListChange(state, action) {
+  var type = action.type,
+      value = action.value;
+  return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, type, value));
+}
+
 var IglooTable = function IglooTable(_ref) {
   var total = _ref.total,
       _ref$page = _ref.page,
@@ -228,6 +238,11 @@ var IglooTable = function IglooTable(_ref) {
       modalSelectedCol = _useState8[0],
       setModalSelectedCol = _useState8[1];
 
+  var _useReducer = useReducer(actionListChange, {}),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      actionListVisible = _useReducer2[0],
+      setActionListVisible = _useReducer2[1];
+
   useEffect(function () {
     if (colMax !== null && noCustomize !== true) {
       invariant(colMax >= selectedColKeys.length, 'colmax has less than default select');
@@ -252,7 +267,7 @@ var IglooTable = function IglooTable(_ref) {
         return _jsx("div", {
           children: _jsx(_Checkbox, Object.assign({
             value: item.key,
-            disabled: colDisable && colMax ? defaultOptions.length === colMax && !defaultOptions.includes(item.key) : false
+            disabled: colDisable && colMax ? defaultOptions.length >= colMax && !defaultOptions.includes(item.key) : false
           }, {
             children: _jsx(Typography, Object.assign({
               level: "body1"
@@ -267,14 +282,23 @@ var IglooTable = function IglooTable(_ref) {
 
   var actionCol = {
     width: 50 + 32,
-    title: 'Action',
+    title: formatMessage({
+      id: 'Action'
+    }),
     dataIndex: 'action',
     key: 'action',
     align: 'center',
-    render: function render(text, record) {
+    render: function render(text, record, index) {
       return _jsx(_Popover, Object.assign({
+        visible: actionListVisible[index] || false,
+        onVisibleChange: function onVisibleChange(visible) {
+          setActionListVisible({
+            type: index,
+            value: visible
+          });
+        },
         placement: "bottomRight",
-        content: getDropDownMenu(actionButtons, record, actionButtonsFilter),
+        content: getDropDownMenu(actionButtons, record, actionButtonsFilter, setActionListVisible, index),
         getPopupContainer: function getPopupContainer() {
           return tableRef.current;
         },
@@ -498,7 +522,7 @@ var IglooTable = function IglooTable(_ref) {
       }), void 0), _jsx(Typography, Object.assign({
         level: "body1"
       }, {
-        children: modalContent(columns, selectedColKeys, function (item) {
+        children: modalContent(columns, modalSelectedCol, function (item) {
           setModalSelectedCol(item);
         }, colMax, colDisable)
       }), void 0)]