iglooform 2.4.33 → 2.5.0

package/es/confirmation/index.d.ts

@@ -8,6 +8,7 @@ interface ConfirmationProps {
     modalTitle?: ReactNode;
     okText?: ReactNode;
     cancelText?: ReactNode;
+    href?: string;
 }
 declare const Confirmation: FC<ConfirmationProps>;
 export default Confirmation;

package/es/confirmation/index.js

@@ -24,7 +24,8 @@ var Confirmation = function Confirmation(_ref) {
       modalContent = _ref.modalContent,
       modalTitle = _ref.modalTitle,
       okText = _ref.okText,
-      cancelText = _ref.cancelText;
+      cancelText = _ref.cancelText,
+      href = _ref.href;
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -71,6 +72,14 @@ var Confirmation = function Confirmation(_ref) {
           return setVisible(true);
         }
 
+        if (href) {
+          var a = document.createElement('a');
+          a.href = href;
+          a.target = '_blank';
+          a.click();
+          return;
+        }
+
         onChange && onChange(!value);
       },
       style: {
@@ -95,7 +104,7 @@ var Confirmation = function Confirmation(_ref) {
   });
 };
 
-Confirmation.formItemPropsHandler = function () {
+Confirmation.formItemPropsHandler = function (config) {
   return {
     fullRow: true
   };

package/es/form/addable-section/index.d.ts

@@ -14,6 +14,7 @@ export interface AddableSectionProps {
     initCount?: number;
     addButtonText?: string;
     addButtonIcon?: ReactNode;
+    description?: string | ReactNode;
 }
 declare const AddableSection: FC<AddableSectionProps>;
 export default AddableSection;

package/es/form/addable-section/index.js

@@ -67,7 +67,8 @@ var AddableSection = function AddableSection(_ref) {
       _config$min = config.min,
       min = _config$min === void 0 ? initCount : _config$min,
       addButtonText = config.addButtonText,
-      addButtonIcon = config.addButtonIcon;
+      addButtonIcon = config.addButtonIcon,
+      description = config.description;
 
   var _useBreakpoint = useBreakpoint(),
       md = _useBreakpoint.md;
@@ -201,12 +202,21 @@ var AddableSection = function AddableSection(_ref) {
     style: {
       width: '100%'
     },
-    children: [groups, groupKeys.length < max && !preview && _jsx(_Col, {
+    children: [groups, groupKeys.length < max && !preview && _jsxs(_Col, {
       span: 24,
       style: {
-        marginTop: !md ? 24 : 32
+        marginTop: groups.length ? !md ? 24 : 32 : 0
       },
-      children: _jsx(Button, {
+      children: [description && _jsx(Typography, {
+        level: "body1",
+        wrapElement: "div",
+        style: {
+          color: '#666666',
+          marginBottom: 8,
+          whiteSpace: 'pre-wrap'
+        },
+        children: description
+      }), _jsx(Button, {
         onClick: function onClick() {
           return dispath({
             type: 'add',
@@ -215,10 +225,11 @@ var AddableSection = function AddableSection(_ref) {
         },
         className: "igloo-form-addable-section-button",
         icon: addButtonIcon,
+        disabled: elementProps.disabled,
         children: addButtonText || "".concat(formatMessage({
           id: 'Add'
         }), " ").concat(label)
-      })
+      })]
     })]
   });
 };

package/es/form/element/index.js

@@ -69,7 +69,8 @@ var Element = function Element(_ref) {
   var _useContext = useContext(FormContext),
       form = _useContext.form,
       requiredMark = _useContext.requiredMark,
-      registerDependencies = _useContext.registerDependencies;
+      registerDependencies = _useContext.registerDependencies,
+      handleValuesChange = _useContext.handleValuesChange;
 
   var _useReducer = useReducer(function (r) {
     return r + 1;
@@ -212,6 +213,9 @@ var Element = function Element(_ref) {
       name: formItemProps.name,
       value: value
     }]);
+    handleValuesChange([{
+      name: formItemProps.name
+    }]);
   };
 
   var validateField = function validateField() {

package/es/form/index.js

@@ -241,7 +241,8 @@ var IglooForm = function IglooForm(props, ref) {
         getScrollContainer: getScrollContainer,
         registerDependencies: registerDependencies,
         uploadApi: uploadApi,
-        selectDatasourceApi: selectDatasourceApi
+        selectDatasourceApi: selectDatasourceApi,
+        handleValuesChange: handleValuesChange
       }, locales),
       children: _jsxs(_Form, {
         form: form,

package/es/form/render/index.d.ts

@@ -1,10 +1,10 @@
 import { FC, IglooComponentProps } from '../../types';
 import { FormInstance } from 'antd/es/form';
 interface Props extends IglooComponentProps {
-    render?: (preview: boolean, form?: FormInstance, value?: any, onChange?: Function, setShowStepButton?: IglooComponentProps['setShowStepButton']) => any;
+    render?: (preview: boolean, form?: FormInstance, value?: any, onChange?: (params: any) => any, setShowStepButton?: IglooComponentProps['setShowStepButton']) => any;
     preview?: boolean;
     value?: any;
-    onChange?: Function;
+    onChange?: (params: any) => any;
 }
 declare const RenderElement: FC<Props>;
 export default RenderElement;

package/es/form-context.d.ts

@@ -17,5 +17,6 @@ declare const _default: React.Context<{
     registerDependencies: (name: FormItemName | FormItemName[], updater: Function) => void;
     uploadApi?: string | undefined;
     selectDatasourceApi?: string | undefined;
+    handleValuesChange(changedFields: any): any;
 }>;
 export default _default;

package/es/form-context.js

@@ -3,5 +3,6 @@ export default /*#__PURE__*/React.createContext({
   getScrollContainer: function getScrollContainer() {
     return window;
   },
-  registerDependencies: function registerDependencies() {}
+  registerDependencies: function registerDependencies() {},
+  handleValuesChange: function handleValuesChange() {}
 });

package/es/free-form/addable-section/index.d.ts

@@ -13,6 +13,7 @@ export interface AddableSectionProps extends FormItemConfig {
     initCount?: number;
     addButtonText?: string;
     addButtonIcon?: ReactNode;
+    description?: string | ReactNode;
 }
 declare const AddableSection: FC<AddableSectionProps>;
 export default AddableSection;

package/es/free-form/addable-section/index.js

@@ -65,7 +65,8 @@ var AddableSection = function AddableSection(props) {
       setShowStepButton = props.setShowStepButton,
       addButtonText = props.addButtonText,
       addButtonIcon = props.addButtonIcon,
-      children = props.children;
+      children = props.children,
+      description = props.description;
 
   var _useBreakpoint = useBreakpoint(),
       md = _useBreakpoint.md;
@@ -275,12 +276,21 @@ var AddableSection = function AddableSection(props) {
     style: {
       width: '100%'
     },
-    children: [groups, groupKeys.length < max && !preview && _jsx(_Col, {
+    children: [groups, groupKeys.length < max && !preview && _jsxs(_Col, {
       span: 24,
       style: {
-        marginTop: !md ? 24 : 32
+        marginTop: groups.length ? !md ? 24 : 32 : 0
       },
-      children: _jsx(Button, {
+      children: [description && _jsx(Typography, {
+        level: "body1",
+        wrapElement: "div",
+        style: {
+          color: '#666666',
+          marginBottom: 8,
+          whiteSpace: 'pre-wrap'
+        },
+        children: description
+      }), _jsx(Button, {
         onClick: function onClick() {
           return dispath({
             type: 'add',
@@ -289,10 +299,11 @@ var AddableSection = function AddableSection(props) {
         },
         className: "igloo-addable-section-button",
         icon: addButtonIcon,
+        disabled: elementProps.disabled,
         children: addButtonText || "".concat(formatMessage({
           id: 'Add'
         }), " ").concat(label)
-      })
+      })]
     })]
   });
 };

package/es/free-form/element/index.js

@@ -64,7 +64,8 @@ var Element = function Element(props) {
   var _useContext = useContext(FormContext),
       form = _useContext.form,
       requiredMark = _useContext.requiredMark,
-      registerDependencies = _useContext.registerDependencies;
+      registerDependencies = _useContext.registerDependencies,
+      handleValuesChange = _useContext.handleValuesChange;
 
   var _useReducer = useReducer(function (r) {
     return r + 1;
@@ -201,6 +202,9 @@ var Element = function Element(props) {
       name: formItemProps.name,
       value: value
     }]);
+    handleValuesChange([{
+      name: formItemProps.name
+    }]);
   };
 
   var validateField = function validateField() {

package/es/free-form/index.js

@@ -198,7 +198,8 @@ var FreeForm = function FreeForm(props) {
         getScrollContainer: getScrollContainer,
         registerDependencies: registerDependencies,
         uploadApi: uploadApi,
-        selectDatasourceApi: selectDatasourceApi
+        selectDatasourceApi: selectDatasourceApi,
+        handleValuesChange: handleValuesChange
       }, locales),
       children: _jsx(_Form, {
         form: form,

package/es/input/amount.js

@@ -44,7 +44,18 @@ var Amount = function Amount(_ref) {
       disabled = _ref.disabled,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return _jsx(_Input, _objectSpread(_objectSpread({}, omit(rest, formMethods)), {}, {
+  var handleOnBlur = function handleOnBlur(e) {
+    var onChange = rest.onChange;
+
+    if (typeof value === 'string' && value.endsWith('.')) {
+      e.target.value = value.replace('.', '');
+      onChange && onChange(e);
+    }
+  };
+
+  return _jsx(_Input, _objectSpread(_objectSpread({
+    onBlur: handleOnBlur
+  }, omit(rest, formMethods)), {}, {
     disabled: disabled,
     className: classnames('igloo-input-amount', {
       'igloo-input-disable': disabled
@@ -63,7 +74,9 @@ Amount.formItemPropsHandler = function (_ref2) {
   return {
     getValueFromEvent: function getValueFromEvent(e) {
       var value = e.target.value;
-      return value.replaceAll(seperator, '').replaceAll(/[^0-9\.]/g, '');
+      var str = value.replaceAll(seperator, '').replaceAll(/[^0-9\.]/g, '');
+      if (value.endsWith('.')) return str;
+      return str ? parseFloat(str) : undefined;
     },
     rules: [{
       validator: function validator(_, value) {

package/es/media/media.js

@@ -1,7 +1,7 @@
 import "antd/es/tooltip/style";
 import _Tooltip from "antd/es/tooltip";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import PDF from '@mikecousins/react-pdf';
+import { Document, Page } from 'react-pdf/dist/esm/entry.webpack';
 
 var MediaItem = function MediaItem(_ref) {
   var type = _ref.type,
@@ -25,9 +25,12 @@ var MediaItem = function MediaItem(_ref) {
           maxHeight: 80,
           position: 'absolute'
         },
-        children: _jsx(PDF, {
+        children: _jsx(Document, {
           file: src,
-          scale: 0.1
+          children: _jsx(Page, {
+            pageNumber: 1,
+            scale: 0.1
+          })
         })
       });
 

package/es/media/preview.js

@@ -18,7 +18,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
-import PDF from '@mikecousins/react-pdf';
+import { Document, Page } from 'react-pdf/dist/esm/entry.webpack';
 
 var PdfViewer = function PdfViewer(_ref) {
   var src = _ref.src,
@@ -41,17 +41,6 @@ var PdfViewer = function PdfViewer(_ref) {
     }
   };
 
-  var pages = [];
-
-  for (var i = 1; i <= pageSize; i++) {
-    pages.push(_jsx(PDF, {
-      file: src,
-      page: i,
-      onDocumentLoadSuccess: handlePageInit,
-      scale: scale
-    }, i));
-  }
-
   return _jsx("div", {
     style: {
       display: 'flex',
@@ -61,7 +50,18 @@ var PdfViewer = function PdfViewer(_ref) {
       transform: "translate(".concat(left, "px, ").concat(top, "px)"),
       position: 'absolute'
     },
-    children: pages
+    children: _jsx(Document, {
+      file: src,
+      onLoadSuccess: handlePageInit,
+      children: Array.from({
+        length: pageSize
+      }).map(function (_, index) {
+        return _jsx(Page, {
+          pageNumber: index + 1,
+          scale: scale
+        }, index);
+      })
+    })
   });
 };
 

package/es/select/attached-select.js

@@ -329,7 +329,7 @@ var AttachedSelect = function AttachedSelect(_ref11) {
   useEffect(function () {
     var calcOptions = /*#__PURE__*/function () {
       var _ref12 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-        var group, query, api, rst, _yield$rst$json, data;
+        var _options2, query, api, rst, _yield$rst$json, data;
 
         return regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
@@ -368,24 +368,30 @@ var AttachedSelect = function AttachedSelect(_ref11) {
 
               case 6:
                 if (!optionGroups) {
-                  _context.next = 10;
+                  _context.next = 11;
                   break;
                 }
 
                 if (!dependFieldValue) {
-                  _context.next = 10;
+                  _context.next = 11;
                   break;
                 }
 
-                group = optionGroups.find(function (_ref13) {
-                  var parentKey = _ref13.parentKey;
-                  return Array.isArray(dependFieldValue) ? dependFieldValue.includes(parentKey) : parentKey === dependFieldValue;
+                _options2 = [];
+                optionGroups.forEach(function (_ref13) {
+                  var parentKey = _ref13.parentKey,
+                      _ref13$options = _ref13.options,
+                      options = _ref13$options === void 0 ? [] : _ref13$options;
+
+                  if (Array.isArray(dependFieldValue) ? dependFieldValue.includes(parentKey) : parentKey === dependFieldValue) {
+                    _options2.push.apply(_options2, _toConsumableArray(options));
+                  }
                 });
-                return _context.abrupt("return", (group === null || group === void 0 ? void 0 : group.options) || []);
+                return _context.abrupt("return", _options2);
 
-              case 10:
+              case 11:
                 if (!(selectDatasourceApi && datasourceKey)) {
-                  _context.next = 27;
+                  _context.next = 28;
                   break;
                 }
 
@@ -393,34 +399,34 @@ var AttachedSelect = function AttachedSelect(_ref11) {
                   return "parent=".concat(v);
                 }).join('&') : dependFieldValue ? "parent=".concat(dependFieldValue) : '';
                 api = "".concat(selectDatasourceApi, "/").concat(datasourceKey);
-                _context.prev = 13;
-                _context.next = 16;
+                _context.prev = 14;
+                _context.next = 17;
                 return fetch(query ? "".concat(api, "?").concat(query) : api);
 
-              case 16:
+              case 17:
                 rst = _context.sent;
-                _context.next = 19;
+                _context.next = 20;
                 return rst.json();
 
-              case 19:
+              case 20:
                 _yield$rst$json = _context.sent;
                 data = _yield$rst$json.data;
                 return _context.abrupt("return", data || []);
 
-              case 24:
-                _context.prev = 24;
-                _context.t0 = _context["catch"](13);
+              case 25:
+                _context.prev = 25;
+                _context.t0 = _context["catch"](14);
                 return _context.abrupt("return", []);
 
-              case 27:
+              case 28:
                 return _context.abrupt("return", []);
 
-              case 28:
+              case 29:
               case "end":
                 return _context.stop();
             }
           }
-        }, _callee, null, [[13, 24]]);
+        }, _callee, null, [[14, 25]]);
       }));
 
       return function calcOptions() {

package/es/table/index.js

@@ -245,6 +245,11 @@ var IglooTable = function IglooTable(_ref) {
       invariant(colMax >= selectedColKeys.length, 'colmax has less than default select');
     }
   }, []);
+  useEffect(function () {
+    var defaultKey = filterDefaultShow(columns);
+    setSelectedColKeys(defaultKey);
+    setModalSelectedCol(defaultKey);
+  }, [JSON.stringify(columns), columns]);
   invariant(typeof onPagination === 'function', 'onPagination should be a function');
   var everyColumnsHasKey = columns.every(function (col) {
     return col.key !== undefined;

package/es/types.d.ts

@@ -31,7 +31,7 @@ export interface FormBasicConfig {
 export declare type FormItemAssert = {
     field: NamePath;
     value?: any;
-    operation?: 'eq' | 'ne' | 'in' | 'ni' | 'lt' | 'le' | 'gt' | 'ge' | 'co' | 'nc' | 'filled';
+    operation?: 'eq' | 'ne' | 'in' | 'ni' | 'lt' | 'le' | 'gt' | 'ge' | 'co' | 'nc' | 'filled' | 'unfilled';
 };
 export declare type FormItemCopyValue = {
     assert: FormItemAssert;
@@ -72,7 +72,7 @@ export interface FormItemExtraConfig extends FormItemProps {
     showOptional?: boolean;
     previewFormater?(value: any, form?: FormInstance): any;
     handleNext?(values: any): any;
-    render?(preview: boolean, form?: FormInstance, value?: any, onChange?: Function, setShowStepButton?: IglooComponentProps['setShowStepButton']): any;
+    render?(preview: boolean, form?: FormInstance, value?: any, onChange?: (params: any) => any, setShowStepButton?: IglooComponentProps['setShowStepButton']): any;
     locales?: {
         [key: string]: string;
     };
@@ -94,6 +94,7 @@ export interface FormItemExtraConfig extends FormItemProps {
     valueFormater?: (value: any) => any;
     currentStep?: number;
     subscribedFields?: FormItemName[];
+    description?: string | React.ReactNode;
     [key: string]: any;
 }
 export interface FormItemConfig extends FormItemExtraConfig {

package/es/upload-photo/media.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import PDF from '@mikecousins/react-pdf';
+import { Document, Page } from 'react-pdf/dist/esm/entry.webpack';
 
 var MediaItem = function MediaItem(_ref) {
   var type = _ref.type,
@@ -21,13 +21,12 @@ var MediaItem = function MediaItem(_ref) {
     case 'pdf':
       return _jsx("div", {
         className: className,
-        children: _jsx(PDF, {
+        children: _jsx(Document, {
           file: src,
-          scale: 0.1,
-          style: {
-            maxWidth: 96,
-            maxHeight: 96
-          }
+          children: _jsx(Page, {
+            pageNumber: 1,
+            height: 96
+          })
         })
       });
 

package/es/upload-preview/media.js

@@ -16,7 +16,7 @@ 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 Typography from '../typography';
-import PDFPreview from '@mikecousins/react-pdf';
+import { Document, Page } from 'react-pdf/dist/esm/entry.webpack';
 import { ErrorFilled } from 'iglooicon';
 import LocaleContext from '../locale/locale-context';
 import classNames from 'classnames';
@@ -42,20 +42,20 @@ var PDF = function PDF(_ref) {
     }
   };
 
-  var pages = [];
-
-  for (var i = 1; i <= pageSize; i++) {
-    pages.push(_jsx(PDFPreview, {
-      file: src,
-      page: i,
-      onDocumentLoadSuccess: handlePageInit,
-      scale: md ? 1 : 0.5
-    }, i));
-  }
-
   return _jsx("div", {
     className: "igloo-upload-preview-pdf",
-    children: pages
+    children: _jsx(Document, {
+      file: src,
+      onLoadSuccess: handlePageInit,
+      children: Array.from({
+        length: pageSize
+      }).map(function (_, index) {
+        return _jsx(Page, {
+          pageNumber: index + 1,
+          scale: md ? 1 : 0.5
+        }, index);
+      })
+    })
   });
 };
 

package/es/utils/form-utils.js

@@ -86,7 +86,10 @@ export var testAssert = function testAssert(form, assert) {
       break;
 
     case 'filled':
-      return v !== undefined;
+      return v !== undefined && v !== '' && !(Array.isArray(v) && !v.length);
+
+    case 'unfilled':
+      return v === undefined || v === '' || Array.isArray(v) && !v.length;
 
     case 'eq':
       return v === value;

package/lib/confirmation/index.d.ts

@@ -8,6 +8,7 @@ interface ConfirmationProps {
     modalTitle?: ReactNode;
     okText?: ReactNode;
     cancelText?: ReactNode;
+    href?: string;
 }
 declare const Confirmation: FC<ConfirmationProps>;
 export default Confirmation;

package/lib/confirmation/index.js

@@ -38,7 +38,8 @@ var Confirmation = function Confirmation(_ref) {
       modalContent = _ref.modalContent,
       modalTitle = _ref.modalTitle,
       okText = _ref.okText,
-      cancelText = _ref.cancelText;
+      cancelText = _ref.cancelText,
+      href = _ref.href;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -85,6 +86,14 @@ var Confirmation = function Confirmation(_ref) {
           return setVisible(true);
         }
 
+        if (href) {
+          var a = document.createElement('a');
+          a.href = href;
+          a.target = '_blank';
+          a.click();
+          return;
+        }
+
         onChange && onChange(!value);
       },
       style: {
@@ -109,7 +118,7 @@ var Confirmation = function Confirmation(_ref) {
   });
 };
 
-Confirmation.formItemPropsHandler = function () {
+Confirmation.formItemPropsHandler = function (config) {
   return {
     fullRow: true
   };

package/lib/form/addable-section/index.d.ts

@@ -14,6 +14,7 @@ export interface AddableSectionProps {
     initCount?: number;
     addButtonText?: string;
     addButtonIcon?: ReactNode;
+    description?: string | ReactNode;
 }
 declare const AddableSection: FC<AddableSectionProps>;
 export default AddableSection;

package/lib/form/addable-section/index.js

@@ -92,7 +92,8 @@ var AddableSection = function AddableSection(_ref) {
       _config$min = config.min,
       min = _config$min === void 0 ? initCount : _config$min,
       addButtonText = config.addButtonText,
-      addButtonIcon = config.addButtonIcon;
+      addButtonIcon = config.addButtonIcon,
+      description = config.description;
 
   var _useBreakpoint = useBreakpoint(),
       md = _useBreakpoint.md;
@@ -226,12 +227,21 @@ var AddableSection = function AddableSection(_ref) {
     style: {
       width: '100%'
     },
-    children: [groups, groupKeys.length < max && !preview && (0, _jsxRuntime.jsx)(_col.default, {
+    children: [groups, groupKeys.length < max && !preview && (0, _jsxRuntime.jsxs)(_col.default, {
       span: 24,
       style: {
-        marginTop: !md ? 24 : 32
+        marginTop: groups.length ? !md ? 24 : 32 : 0
       },
-      children: (0, _jsxRuntime.jsx)(_button.default, {
+      children: [description && (0, _jsxRuntime.jsx)(_typography.default, {
+        level: "body1",
+        wrapElement: "div",
+        style: {
+          color: '#666666',
+          marginBottom: 8,
+          whiteSpace: 'pre-wrap'
+        },
+        children: description
+      }), (0, _jsxRuntime.jsx)(_button.default, {
         onClick: function onClick() {
           return dispath({
             type: 'add',
@@ -240,10 +250,11 @@ var AddableSection = function AddableSection(_ref) {
         },
         className: "igloo-form-addable-section-button",
         icon: addButtonIcon,
+        disabled: elementProps.disabled,
         children: addButtonText || "".concat(formatMessage({
           id: 'Add'
         }), " ").concat(label)
-      })
+      })]
     })]
   });
 };

package/lib/form/element/index.js

@@ -98,7 +98,8 @@ var Element = function Element(_ref) {
   var _useContext = (0, _react.useContext)(_formContext.default),
       form = _useContext.form,
       requiredMark = _useContext.requiredMark,
-      registerDependencies = _useContext.registerDependencies;
+      registerDependencies = _useContext.registerDependencies,
+      handleValuesChange = _useContext.handleValuesChange;
 
   var _useReducer = (0, _react.useReducer)(function (r) {
     return r + 1;
@@ -241,6 +242,9 @@ var Element = function Element(_ref) {
       name: formItemProps.name,
       value: value
     }]);
+    handleValuesChange([{
+      name: formItemProps.name
+    }]);
   };
 
   var validateField = function validateField() {

package/lib/form/index.js

@@ -262,7 +262,8 @@ var IglooForm = function IglooForm(props, ref) {
         getScrollContainer: getScrollContainer,
         registerDependencies: registerDependencies,
         uploadApi: uploadApi,
-        selectDatasourceApi: selectDatasourceApi
+        selectDatasourceApi: selectDatasourceApi,
+        handleValuesChange: handleValuesChange
       }, locales),
       children: (0, _jsxRuntime.jsxs)(_form.default, {
         form: form,

package/lib/form/render/index.d.ts

@@ -1,10 +1,10 @@
 import { FC, IglooComponentProps } from '../../types';
 import { FormInstance } from 'antd/es/form';
 interface Props extends IglooComponentProps {
-    render?: (preview: boolean, form?: FormInstance, value?: any, onChange?: Function, setShowStepButton?: IglooComponentProps['setShowStepButton']) => any;
+    render?: (preview: boolean, form?: FormInstance, value?: any, onChange?: (params: any) => any, setShowStepButton?: IglooComponentProps['setShowStepButton']) => any;
     preview?: boolean;
     value?: any;
-    onChange?: Function;
+    onChange?: (params: any) => any;
 }
 declare const RenderElement: FC<Props>;
 export default RenderElement;

package/lib/form-context.d.ts

@@ -17,5 +17,6 @@ declare const _default: React.Context<{
     registerDependencies: (name: FormItemName | FormItemName[], updater: Function) => void;
     uploadApi?: string | undefined;
     selectDatasourceApi?: string | undefined;
+    handleValuesChange(changedFields: any): any;
 }>;
 export default _default;

package/lib/form-context.js

@@ -13,7 +13,8 @@ var _default = /*#__PURE__*/_react.default.createContext({
   getScrollContainer: function getScrollContainer() {
     return window;
   },
-  registerDependencies: function registerDependencies() {}
+  registerDependencies: function registerDependencies() {},
+  handleValuesChange: function handleValuesChange() {}
 });
 
 exports.default = _default;

package/lib/free-form/addable-section/index.d.ts

@@ -13,6 +13,7 @@ export interface AddableSectionProps extends FormItemConfig {
     initCount?: number;
     addButtonText?: string;
     addButtonIcon?: ReactNode;
+    description?: string | ReactNode;
 }
 declare const AddableSection: FC<AddableSectionProps>;
 export default AddableSection;

package/lib/free-form/addable-section/index.js

@@ -89,7 +89,8 @@ var AddableSection = function AddableSection(props) {
       setShowStepButton = props.setShowStepButton,
       addButtonText = props.addButtonText,
       addButtonIcon = props.addButtonIcon,
-      children = props.children;
+      children = props.children,
+      description = props.description;
 
   var _useBreakpoint = useBreakpoint(),
       md = _useBreakpoint.md;
@@ -299,12 +300,21 @@ var AddableSection = function AddableSection(props) {
     style: {
       width: '100%'
     },
-    children: [groups, groupKeys.length < max && !preview && (0, _jsxRuntime.jsx)(_col.default, {
+    children: [groups, groupKeys.length < max && !preview && (0, _jsxRuntime.jsxs)(_col.default, {
       span: 24,
       style: {
-        marginTop: !md ? 24 : 32
+        marginTop: groups.length ? !md ? 24 : 32 : 0
       },
-      children: (0, _jsxRuntime.jsx)(_button.default, {
+      children: [description && (0, _jsxRuntime.jsx)(_typography.default, {
+        level: "body1",
+        wrapElement: "div",
+        style: {
+          color: '#666666',
+          marginBottom: 8,
+          whiteSpace: 'pre-wrap'
+        },
+        children: description
+      }), (0, _jsxRuntime.jsx)(_button.default, {
         onClick: function onClick() {
           return dispath({
             type: 'add',
@@ -313,10 +323,11 @@ var AddableSection = function AddableSection(props) {
         },
         className: "igloo-addable-section-button",
         icon: addButtonIcon,
+        disabled: elementProps.disabled,
         children: addButtonText || "".concat(formatMessage({
           id: 'Add'
         }), " ").concat(label)
-      })
+      })]
     })]
   });
 };

package/lib/free-form/element/index.js

@@ -90,7 +90,8 @@ var Element = function Element(props) {
   var _useContext = (0, _react.useContext)(_formContext.default),
       form = _useContext.form,
       requiredMark = _useContext.requiredMark,
-      registerDependencies = _useContext.registerDependencies;
+      registerDependencies = _useContext.registerDependencies,
+      handleValuesChange = _useContext.handleValuesChange;
 
   var _useReducer = (0, _react.useReducer)(function (r) {
     return r + 1;
@@ -227,6 +228,9 @@ var Element = function Element(props) {
       name: formItemProps.name,
       value: value
     }]);
+    handleValuesChange([{
+      name: formItemProps.name
+    }]);
   };
 
   var validateField = function validateField() {

package/lib/free-form/index.js

@@ -214,7 +214,8 @@ var FreeForm = function FreeForm(props) {
         getScrollContainer: getScrollContainer,
         registerDependencies: registerDependencies,
         uploadApi: uploadApi,
-        selectDatasourceApi: selectDatasourceApi
+        selectDatasourceApi: selectDatasourceApi,
+        handleValuesChange: handleValuesChange
       }, locales),
       children: (0, _jsxRuntime.jsx)(_form.default, {
         form: form,

package/lib/input/amount.js

@@ -60,7 +60,18 @@ var Amount = function Amount(_ref) {
       disabled = _ref.disabled,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return (0, _jsxRuntime.jsx)(_input.default, _objectSpread(_objectSpread({}, (0, _omit.default)(rest, _formMethods.default)), {}, {
+  var handleOnBlur = function handleOnBlur(e) {
+    var onChange = rest.onChange;
+
+    if (typeof value === 'string' && value.endsWith('.')) {
+      e.target.value = value.replace('.', '');
+      onChange && onChange(e);
+    }
+  };
+
+  return (0, _jsxRuntime.jsx)(_input.default, _objectSpread(_objectSpread({
+    onBlur: handleOnBlur
+  }, (0, _omit.default)(rest, _formMethods.default)), {}, {
     disabled: disabled,
     className: (0, _classnames.default)('igloo-input-amount', {
       'igloo-input-disable': disabled
@@ -79,7 +90,9 @@ Amount.formItemPropsHandler = function (_ref2) {
   return {
     getValueFromEvent: function getValueFromEvent(e) {
       var value = e.target.value;
-      return value.replaceAll(seperator, '').replaceAll(/[^0-9\.]/g, '');
+      var str = value.replaceAll(seperator, '').replaceAll(/[^0-9\.]/g, '');
+      if (value.endsWith('.')) return str;
+      return str ? parseFloat(str) : undefined;
     },
     rules: [{
       validator: function validator(_, value) {

package/lib/media/media.js

@@ -11,7 +11,7 @@ var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _reactPdf = _interopRequireDefault(require("@mikecousins/react-pdf"));
+var _entry = require("react-pdf/dist/esm/entry.webpack");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -37,9 +37,12 @@ var MediaItem = function MediaItem(_ref) {
           maxHeight: 80,
           position: 'absolute'
         },
-        children: (0, _jsxRuntime.jsx)(_reactPdf.default, {
+        children: (0, _jsxRuntime.jsx)(_entry.Document, {
           file: src,
-          scale: 0.1
+          children: (0, _jsxRuntime.jsx)(_entry.Page, {
+            pageNumber: 1,
+            scale: 0.1
+          })
         })
       });
 

package/lib/media/preview.js

@@ -9,9 +9,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var _react = require("react");
 
-var _reactPdf = _interopRequireDefault(require("@mikecousins/react-pdf"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _entry = require("react-pdf/dist/esm/entry.webpack");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -52,17 +50,6 @@ var PdfViewer = function PdfViewer(_ref) {
     }
   };
 
-  var pages = [];
-
-  for (var i = 1; i <= pageSize; i++) {
-    pages.push((0, _jsxRuntime.jsx)(_reactPdf.default, {
-      file: src,
-      page: i,
-      onDocumentLoadSuccess: handlePageInit,
-      scale: scale
-    }, i));
-  }
-
   return (0, _jsxRuntime.jsx)("div", {
     style: {
       display: 'flex',
@@ -72,7 +59,18 @@ var PdfViewer = function PdfViewer(_ref) {
       transform: "translate(".concat(left, "px, ").concat(top, "px)"),
       position: 'absolute'
     },
-    children: pages
+    children: (0, _jsxRuntime.jsx)(_entry.Document, {
+      file: src,
+      onLoadSuccess: handlePageInit,
+      children: Array.from({
+        length: pageSize
+      }).map(function (_, index) {
+        return (0, _jsxRuntime.jsx)(_entry.Page, {
+          pageNumber: index + 1,
+          scale: scale
+        }, index);
+      })
+    })
   });
 };
 

package/lib/select/attached-select.js

@@ -354,7 +354,7 @@ var AttachedSelect = function AttachedSelect(_ref11) {
   (0, _react.useEffect)(function () {
     var calcOptions = /*#__PURE__*/function () {
       var _ref12 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-        var group, query, api, rst, _yield$rst$json, data;
+        var _options2, query, api, rst, _yield$rst$json, data;
 
         return regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
@@ -393,24 +393,30 @@ var AttachedSelect = function AttachedSelect(_ref11) {
 
               case 6:
                 if (!optionGroups) {
-                  _context.next = 10;
+                  _context.next = 11;
                   break;
                 }
 
                 if (!dependFieldValue) {
-                  _context.next = 10;
+                  _context.next = 11;
                   break;
                 }
 
-                group = optionGroups.find(function (_ref13) {
-                  var parentKey = _ref13.parentKey;
-                  return Array.isArray(dependFieldValue) ? dependFieldValue.includes(parentKey) : parentKey === dependFieldValue;
+                _options2 = [];
+                optionGroups.forEach(function (_ref13) {
+                  var parentKey = _ref13.parentKey,
+                      _ref13$options = _ref13.options,
+                      options = _ref13$options === void 0 ? [] : _ref13$options;
+
+                  if (Array.isArray(dependFieldValue) ? dependFieldValue.includes(parentKey) : parentKey === dependFieldValue) {
+                    _options2.push.apply(_options2, _toConsumableArray(options));
+                  }
                 });
-                return _context.abrupt("return", (group === null || group === void 0 ? void 0 : group.options) || []);
+                return _context.abrupt("return", _options2);
 
-              case 10:
+              case 11:
                 if (!(selectDatasourceApi && datasourceKey)) {
-                  _context.next = 27;
+                  _context.next = 28;
                   break;
                 }
 
@@ -418,34 +424,34 @@ var AttachedSelect = function AttachedSelect(_ref11) {
                   return "parent=".concat(v);
                 }).join('&') : dependFieldValue ? "parent=".concat(dependFieldValue) : '';
                 api = "".concat(selectDatasourceApi, "/").concat(datasourceKey);
-                _context.prev = 13;
-                _context.next = 16;
+                _context.prev = 14;
+                _context.next = 17;
                 return fetch(query ? "".concat(api, "?").concat(query) : api);
 
-              case 16:
+              case 17:
                 rst = _context.sent;
-                _context.next = 19;
+                _context.next = 20;
                 return rst.json();
 
-              case 19:
+              case 20:
                 _yield$rst$json = _context.sent;
                 data = _yield$rst$json.data;
                 return _context.abrupt("return", data || []);
 
-              case 24:
-                _context.prev = 24;
-                _context.t0 = _context["catch"](13);
+              case 25:
+                _context.prev = 25;
+                _context.t0 = _context["catch"](14);
                 return _context.abrupt("return", []);
 
-              case 27:
+              case 28:
                 return _context.abrupt("return", []);
 
-              case 28:
+              case 29:
               case "end":
                 return _context.stop();
             }
           }
-        }, _callee, null, [[13, 24]]);
+        }, _callee, null, [[14, 25]]);
       }));
 
       return function calcOptions() {

package/lib/table/index.js

@@ -284,6 +284,11 @@ var IglooTable = function IglooTable(_ref) {
       (0, _invariant.default)(colMax >= selectedColKeys.length, 'colmax has less than default select');
     }
   }, []);
+  (0, _react.useEffect)(function () {
+    var defaultKey = filterDefaultShow(columns);
+    setSelectedColKeys(defaultKey);
+    setModalSelectedCol(defaultKey);
+  }, [JSON.stringify(columns), columns]);
   (0, _invariant.default)(typeof onPagination === 'function', 'onPagination should be a function');
   var everyColumnsHasKey = columns.every(function (col) {
     return col.key !== undefined;

package/lib/types.d.ts

@@ -31,7 +31,7 @@ export interface FormBasicConfig {
 export declare type FormItemAssert = {
     field: NamePath;
     value?: any;
-    operation?: 'eq' | 'ne' | 'in' | 'ni' | 'lt' | 'le' | 'gt' | 'ge' | 'co' | 'nc' | 'filled';
+    operation?: 'eq' | 'ne' | 'in' | 'ni' | 'lt' | 'le' | 'gt' | 'ge' | 'co' | 'nc' | 'filled' | 'unfilled';
 };
 export declare type FormItemCopyValue = {
     assert: FormItemAssert;
@@ -72,7 +72,7 @@ export interface FormItemExtraConfig extends FormItemProps {
     showOptional?: boolean;
     previewFormater?(value: any, form?: FormInstance): any;
     handleNext?(values: any): any;
-    render?(preview: boolean, form?: FormInstance, value?: any, onChange?: Function, setShowStepButton?: IglooComponentProps['setShowStepButton']): any;
+    render?(preview: boolean, form?: FormInstance, value?: any, onChange?: (params: any) => any, setShowStepButton?: IglooComponentProps['setShowStepButton']): any;
     locales?: {
         [key: string]: string;
     };
@@ -94,6 +94,7 @@ export interface FormItemExtraConfig extends FormItemProps {
     valueFormater?: (value: any) => any;
     currentStep?: number;
     subscribedFields?: FormItemName[];
+    description?: string | React.ReactNode;
     [key: string]: any;
 }
 export interface FormItemConfig extends FormItemExtraConfig {

package/lib/upload-photo/media.js

@@ -7,9 +7,7 @@ exports.default = void 0;
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _reactPdf = _interopRequireDefault(require("@mikecousins/react-pdf"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _entry = require("react-pdf/dist/esm/entry.webpack");
 
 var MediaItem = function MediaItem(_ref) {
   var type = _ref.type,
@@ -31,13 +29,12 @@ var MediaItem = function MediaItem(_ref) {
     case 'pdf':
       return (0, _jsxRuntime.jsx)("div", {
         className: className,
-        children: (0, _jsxRuntime.jsx)(_reactPdf.default, {
+        children: (0, _jsxRuntime.jsx)(_entry.Document, {
           file: src,
-          scale: 0.1,
-          style: {
-            maxWidth: 96,
-            maxHeight: 96
-          }
+          children: (0, _jsxRuntime.jsx)(_entry.Page, {
+            pageNumber: 1,
+            height: 96
+          })
         })
       });
 

package/lib/upload-preview/media.js

@@ -15,7 +15,7 @@ var _react = require("react");
 
 var _typography = _interopRequireDefault(require("../typography"));
 
-var _reactPdf = _interopRequireDefault(require("@mikecousins/react-pdf"));
+var _entry = require("react-pdf/dist/esm/entry.webpack");
 
 var _iglooicon = require("iglooicon");
 
@@ -59,20 +59,20 @@ var PDF = function PDF(_ref) {
     }
   };
 
-  var pages = [];
-
-  for (var i = 1; i <= pageSize; i++) {
-    pages.push((0, _jsxRuntime.jsx)(_reactPdf.default, {
-      file: src,
-      page: i,
-      onDocumentLoadSuccess: handlePageInit,
-      scale: md ? 1 : 0.5
-    }, i));
-  }
-
   return (0, _jsxRuntime.jsx)("div", {
     className: "igloo-upload-preview-pdf",
-    children: pages
+    children: (0, _jsxRuntime.jsx)(_entry.Document, {
+      file: src,
+      onLoadSuccess: handlePageInit,
+      children: Array.from({
+        length: pageSize
+      }).map(function (_, index) {
+        return (0, _jsxRuntime.jsx)(_entry.Page, {
+          pageNumber: index + 1,
+          scale: md ? 1 : 0.5
+        }, index);
+      })
+    })
   });
 };
 

package/lib/utils/form-utils.js

@@ -102,7 +102,10 @@ var testAssert = function testAssert(form, assert) {
       break;
 
     case 'filled':
-      return v !== undefined;
+      return v !== undefined && v !== '' && !(Array.isArray(v) && !v.length);
+
+    case 'unfilled':
+      return v === undefined || v === '' || Array.isArray(v) && !v.length;
 
     case 'eq':
       return v === value;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iglooform",
-  "version": "2.4.33",
+  "version": "2.5.0",
   "scripts": {
     "start": "dumi dev",
     "build-dev": "dumi build",
@@ -34,7 +34,6 @@
     ]
   },
   "dependencies": {
-    "@mikecousins/react-pdf": "^5.5.1",
     "@umijs/hooks": "^1.9.3",
     "aws-sdk": "^2.966.0",
     "classnames": "^2.2.6",
@@ -44,7 +43,8 @@
     "lodash.debounce": "^4.0.8",
     "omit.js": "^2.0.2",
     "react": "^16.12.0",
-    "react-json-view": "^1.19.1"
+    "react-json-view": "^1.19.1",
+    "react-pdf": "^5.7.2"
   },
   "devDependencies": {
     "@formatjs/cli": "^4.2.8",
@@ -52,6 +52,7 @@
     "@types/classnames": "^2.2.11",
     "@types/invariant": "^2.2.34",
     "@types/lodash.debounce": "^4.0.6",
+    "@types/react-pdf": "^5.0.9",
     "@types/vfile-message": "^2.0.0",
     "@umijs/plugin-antd": "^0.8.0",
     "@umijs/plugin-esbuild": "^1.3.1",