iglooform 2.3.3 → 2.3.7

package/lib/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/lib/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/lib/index.js

@@ -63,7 +63,10 @@ var _exportNames = {
   MobileInsurerDetail: true,
   Layout: true,
   DetailPanel: true,
-  message: true
+  message: true,
+  FreeForm: true,
+  FormItem: true,
+  FormPage: true
 };
 Object.defineProperty(exports, "Form", {
   enumerable: true,
@@ -413,6 +416,24 @@ Object.defineProperty(exports, "message", {
     return _globalMessage.default;
   }
 });
+Object.defineProperty(exports, "FreeForm", {
+  enumerable: true,
+  get: function get() {
+    return _freeForm.default;
+  }
+});
+Object.defineProperty(exports, "FormItem", {
+  enumerable: true,
+  get: function get() {
+    return _element.default;
+  }
+});
+Object.defineProperty(exports, "FormPage", {
+  enumerable: true,
+  get: function get() {
+    return _page.default;
+  }
+});
 
 var _form = _interopRequireDefault(require("./form"));
 
@@ -500,6 +521,12 @@ var _detailPanel = _interopRequireDefault(require("./detail-panel"));
 
 var _globalMessage = _interopRequireDefault(require("./global-message"));
 
+var _freeForm = _interopRequireDefault(require("./free-form"));
+
+var _element = _interopRequireDefault(require("./free-form/element"));
+
+var _page = _interopRequireDefault(require("./free-form/page"));
+
 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; }

package/lib/input/input-date.js

@@ -111,6 +111,11 @@ 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),
@@ -124,7 +129,7 @@ var IglooInputDate = function IglooInputDate(props) {
   (0, _react.useEffect)(function () {
     var _dealFormat3 = dealFormat(formatDeleteSpace),
         _dealFormat4 = _slicedToArray(_dealFormat3, 2),
-        timeInputArr = _dealFormat4[0],
+        _ = _dealFormat4[0],
         delimiter = _dealFormat4[1];
 
     if (!value) return;
@@ -135,16 +140,19 @@ var IglooInputDate = function IglooInputDate(props) {
   (0, _react.useEffect)(function () {
     var currentInput = inputValueRef.current.join(delimiter); // 不管值如何 统一交给rule校验
 
-    if (currentInput.length === formatDeleteSpace.length) {
-      onChangeProps && onChangeProps((0, _moment.default)(currentInput, formatDeleteSpace).format(format));
+    var allGet = currentInput.length === formatDeleteSpace.length;
+    if (!everInputAll && allGet) setEverInputAll(true);
+
+    if (everInputAll || allGet) {
+      onChangeProps && onChangeProps(allGet ? (0, _moment.default)(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) {
@@ -166,10 +174,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 (0, _jsxRuntime.jsx)("div", Object.assign({

package/lib/input/phone-number.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-require("antd/es/input-number/style");
+require("antd/es/input/style");
 
-var _inputNumber = _interopRequireDefault(require("antd/es/input-number"));
+var _input = _interopRequireDefault(require("antd/es/input"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
@@ -94,17 +94,17 @@ var PhoneNumber = function PhoneNumber(_ref) {
       'igloo-input-phone-disabled': disabled
     }, className)
   }, {
-    children: [leftPart, (0, _jsxRuntime.jsx)(_inputNumber.default, {
+    children: [leftPart, (0, _jsxRuntime.jsx)(_input.default, {
+      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/lib/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/lib/layout/index.js

@@ -387,10 +387,18 @@ var Layout = function Layout(props) {
             className: "footer-bottom"
           }, {
             children: [(0, _jsxRuntime.jsx)("div", {
-              children: copyRightRender ? copyRightRender("\xA9 ".concat(new Date().getFullYear(), " Powered by Axinan Pte Ltd. All Rights Reserved.")) : (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
+              children: copyRightRender ? copyRightRender((0, _jsxRuntime.jsxs)("div", {
+                children: [(0, _jsxRuntime.jsxs)("div", {
+                  children: ["\xA9 $", new Date().getFullYear(), " Powered by Axinan Pte Ltd."]
+                }, void 0), (0, _jsxRuntime.jsx)("div", {
+                  children: "All Rights Reserved."
+                }, void 0)]
+              }, void 0)) : (0, _jsxRuntime.jsxs)(_typography.default, 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."), (0, _jsxRuntime.jsx)("div", {
+                  children: "All Rights Reserved."
+                }, void 0)]
               }), void 0)
             }, void 0), (0, _jsxRuntime.jsx)("div", {
               children: (0, _jsxRuntime.jsxs)(_typography.default, Object.assign({

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/media/media.js

@@ -40,7 +40,6 @@ var MediaItem = function MediaItem(_ref) {
       }, {
         children: (0, _jsxRuntime.jsx)(_reactPdf.default, {
           file: src,
-          withCredentials: true,
           scale: 0.1
         }, void 0)
       }), void 0);

package/lib/media/preview.js

@@ -57,7 +57,6 @@ var PdfViewer = function PdfViewer(_ref) {
   for (var i = 1; i <= pageSize; i++) {
     pages.push((0, _jsxRuntime.jsx)(_reactPdf.default, {
       file: src,
-      withCredentials: true,
       page: i,
       onDocumentLoadSuccess: handlePageInit,
       scale: scale

package/lib/select/attached-select.js

@@ -154,8 +154,8 @@ var IglooSelect = function IglooSelect(_ref) {
   }, [options]);
   (0, _react.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/lib/table/index.js

@@ -99,14 +99,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 (0, _jsxRuntime.jsx)(_space.default, Object.assign({
     size: 16,
@@ -119,7 +119,11 @@ var getDropDownMenu = function getDropDownMenu(allButtons, rowData, actionButton
       return (0, _jsxRuntime.jsx)(_button.default, Object.assign({
         type: "text",
         onClick: function onClick(e) {
-          return item.onClick(rowData);
+          item.onClick(rowData);
+          setActionListVisible({
+            type: actionIndex,
+            value: false
+          });
         }
       }, {
         children: (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
@@ -200,6 +204,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,
@@ -264,6 +274,11 @@ var IglooTable = function IglooTable(_ref) {
       modalSelectedCol = _useState8[0],
       setModalSelectedCol = _useState8[1];
 
+  var _useReducer = (0, _react.useReducer)(actionListChange, {}),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      actionListVisible = _useReducer2[0],
+      setActionListVisible = _useReducer2[1];
+
   (0, _react.useEffect)(function () {
     if (colMax !== null && noCustomize !== true) {
       (0, _invariant.default)(colMax >= selectedColKeys.length, 'colmax has less than default select');
@@ -288,7 +303,7 @@ var IglooTable = function IglooTable(_ref) {
         return (0, _jsxRuntime.jsx)("div", {
           children: (0, _jsxRuntime.jsx)(_checkbox.default, 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: (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
               level: "body1"
@@ -303,14 +318,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 (0, _jsxRuntime.jsx)(_popover.default, 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;
         },
@@ -534,7 +558,7 @@ var IglooTable = function IglooTable(_ref) {
       }), void 0), (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
         level: "body1"
       }, {
-        children: modalContent(columns, selectedColKeys, function (item) {
+        children: modalContent(columns, modalSelectedCol, function (item) {
           setModalSelectedCol(item);
         }, colMax, colDisable)
       }), void 0)]