iglooform 2.5.13 → 2.5.16

package/es/documents/index.d.ts

@@ -2,5 +2,7 @@ import { FC } from 'react';
 declare const Documents: FC<{
     docList: string[];
     docNames?: string[];
+    showAllPages?: boolean;
+    destroyOnClose?: boolean;
 }>;
 export default Documents;

package/es/documents/index.js

@@ -26,7 +26,11 @@ var Documents = function Documents(_ref) {
   var _ref$docList = _ref.docList,
       docList = _ref$docList === void 0 ? [] : _ref$docList,
       _ref$docNames = _ref.docNames,
-      docNames = _ref$docNames === void 0 ? [] : _ref$docNames;
+      docNames = _ref$docNames === void 0 ? [] : _ref$docNames,
+      _ref$showAllPages = _ref.showAllPages,
+      showAllPages = _ref$showAllPages === void 0 ? true : _ref$showAllPages,
+      _ref$destroyOnClose = _ref.destroyOnClose,
+      destroyOnClose = _ref$destroyOnClose === void 0 ? true : _ref$destroyOnClose;
 
   var _useState = useState(0),
       _useState2 = _slicedToArray(_useState, 2),
@@ -109,7 +113,9 @@ var Documents = function Documents(_ref) {
           src: src,
           type: type,
           docNames: docNames,
-          name: docNames[index]
+          name: docNames[index],
+          showAllPages: showAllPages,
+          destroyOnClose: destroyOnClose
         })
       }, index);
     })

package/es/input/amount.d.ts

@@ -6,7 +6,9 @@ export interface AmountProps extends InputProps, IglooComponentProps {
     currencyProps?: InputProps;
     amount?: number;
     amountProps?: InputProps;
-    seperator?: ',';
+    seperator?: ',' | '.';
+    separator?: ',' | '.';
+    decimalSeparator?: ',' | '.';
 }
 declare const Amount: FC<AmountProps>;
 export default Amount;

package/es/input/amount.js

@@ -1,6 +1,6 @@
 import "antd/es/input/style";
 import _Input from "antd/es/input";
-var _excluded = ["className", "currency", "currencyProps", "amountProps", "value", "seperator", "disabled"];
+var _excluded = ["className", "currency", "currencyProps", "amountProps", "value", "seperator", "separator", "decimalSeparator", "disabled"];
 
 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; }
 
@@ -19,16 +19,16 @@ import classnames from 'classnames';
 import { staticFormatMessage } from '../locale';
 import './style/index.less';
 
-var thousands = function thousands(number) {
+var thousands = function thousands(number, decimalSeparator, separator) {
   if (number === null || number === undefined) return undefined;
-  var arr = String(number).split('.');
+  var arr = String(number).replace('.', decimalSeparator).split(decimalSeparator);
   return arr.map(function (s, index) {
     if (index === 0) {
-      return s.replace(/(?=(?!\b)(\d{3})+$)/g, ',');
+      return s.replace(/(?=(?!\b)(\d{3})+$)/g, separator);
     }
 
-    return s.replace(/(\d{3})(?=[^$])/g, '$1,');
-  }).join('.');
+    return s.replace(/(\d{3})(?=[^$])/g, "$1".concat(separator));
+  }).join(decimalSeparator);
 };
 
 var Amount = function Amount(_ref) {
@@ -39,8 +39,11 @@ var Amount = function Amount(_ref) {
       _ref$amountProps = _ref.amountProps,
       amountProps = _ref$amountProps === void 0 ? {} : _ref$amountProps,
       value = _ref.value,
-      _ref$seperator = _ref.seperator,
-      seperator = _ref$seperator === void 0 ? ',' : _ref$seperator,
+      seperator = _ref.seperator,
+      _ref$separator = _ref.separator,
+      separator = _ref$separator === void 0 ? seperator || ',' : _ref$separator,
+      _ref$decimalSeparator = _ref.decimalSeparator,
+      decimalSeparator = _ref$decimalSeparator === void 0 ? '.' : _ref$decimalSeparator,
       disabled = _ref.disabled,
       rest = _objectWithoutProperties(_ref, _excluded);
 
@@ -48,11 +51,11 @@ var Amount = function Amount(_ref) {
     var onChange = rest.onChange;
 
     if (typeof value === 'string') {
-      if (value.endsWith('.')) {
-        e.target.value = value.replace('.', '');
+      if (value.endsWith(decimalSeparator)) {
+        e.target.value = value.replace(decimalSeparator, '');
       }
 
-      if (value.endsWith('0') && value.includes('.')) {
+      if (value.endsWith('0') && value.includes(decimalSeparator)) {
         e.target.value = value.replace(/[0]+$/, '');
       }
 
@@ -67,7 +70,7 @@ var Amount = function Amount(_ref) {
     className: classnames('igloo-input-amount', {
       'igloo-input-disable': disabled
     }, className),
-    value: thousands(value),
+    value: thousands(value, decimalSeparator, separator),
     addonBefore: currency ? _jsx("span", {
       className: "igloo-input-areacode",
       children: currency
@@ -76,24 +79,31 @@ var Amount = function Amount(_ref) {
 };
 
 Amount.formItemPropsHandler = function (_ref2) {
-  var _ref2$seperator = _ref2.seperator,
-      seperator = _ref2$seperator === void 0 ? ',' : _ref2$seperator;
+  var _ref2$separator = _ref2.separator,
+      separator = _ref2$separator === void 0 ? ',' : _ref2$separator,
+      _ref2$decimalSeparato = _ref2.decimalSeparator,
+      decimalSeparator = _ref2$decimalSeparato === void 0 ? '.' : _ref2$decimalSeparato;
   return {
     getValueFromEvent: function getValueFromEvent(e) {
       var value = e.target.value;
-      var str = value.replaceAll(seperator, '').replaceAll(/[^0-9\.]/g, '');
+      console.log('======', separator, decimalSeparator);
+      var str = value.replaceAll(separator, '').replaceAll(/[^0-9\.,]/g, '');
 
-      if (str.endsWith('.') || str.includes('.') && str.endsWith('0')) {
+      if (str.endsWith(decimalSeparator) || str.includes(decimalSeparator) && str.endsWith('0')) {
         return str;
       }
 
+      if (decimalSeparator === ',') {
+        str = str.replace(',', '.');
+      }
+
       return str ? parseFloat(str) : undefined;
     },
     rules: [{
       validator: function validator(_, value) {
         if (!value) return Promise.resolve();
-        var seperatorArr = String(value).split('.');
-        return seperatorArr.length > 2 ? Promise.reject(staticFormatMessage({
+        var separatorArr = String(value).split(decimalSeparator);
+        return separatorArr.length > 2 ? Promise.reject(staticFormatMessage({
           id: 'Please enter a valid amount.'
         })) : Promise.resolve();
       }

package/es/media/index.d.ts

@@ -12,6 +12,8 @@ interface Props {
     docNames?: string[];
     className?: any;
     style?: CSSProperties;
+    showAllPages?: boolean;
+    destroyOnClose?: boolean;
 }
 declare const MediaWithPreview: FC<Props>;
 export default MediaWithPreview;

package/es/media/index.js

@@ -50,7 +50,11 @@ var MediaWithPreview = function MediaWithPreview(_ref) {
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? '' : _ref$type,
       _ref$docNames = _ref.docNames,
-      docNames = _ref$docNames === void 0 ? [] : _ref$docNames;
+      docNames = _ref$docNames === void 0 ? [] : _ref$docNames,
+      _ref$showAllPages = _ref.showAllPages,
+      showAllPages = _ref$showAllPages === void 0 ? true : _ref$showAllPages,
+      _ref$destroyOnClose = _ref.destroyOnClose,
+      destroyOnClose = _ref$destroyOnClose === void 0 ? true : _ref$destroyOnClose;
 
   var _useState = useState(1),
       _useState2 = _slicedToArray(_useState, 2),
@@ -225,7 +229,7 @@ var MediaWithPreview = function MediaWithPreview(_ref) {
       }),
       wrapClassName: "igloo-media-preview",
       width: "100%",
-      destroyOnClose: true,
+      destroyOnClose: destroyOnClose,
       children: [Boolean(docNames && docNames.length) && _jsxs("div", {
         className: "igloo-document-name",
         children: [_jsx("div", {
@@ -262,7 +266,8 @@ var MediaWithPreview = function MediaWithPreview(_ref) {
             type: mediaType,
             src: src,
             scale: scale,
-            isCurrent: true
+            isCurrent: true,
+            showAllPages: showAllPages
           })
         }, index), _jsx(MinusOutlined, {
           onClick: zoomIn,

package/es/media/preview.d.ts

@@ -6,6 +6,7 @@ interface MediaProps {
     isCurrent?: boolean;
     className?: any;
     style?: CSSProperties;
+    showAllPages?: boolean;
 }
 declare const Media: FC<MediaProps>;
 export default Media;

package/es/media/preview.js

@@ -1,3 +1,6 @@
+import "antd/es/grid/style";
+import _Grid from "antd/es/grid";
+
 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; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -16,22 +19,35 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Document, Page } from 'react-pdf/dist/esm/entry.webpack';
+import classnames from 'classnames';
+import { ArrowLeftOutlined, ArrowRightOutlined } from 'iglooicon';
+var useBreakpoint = _Grid.useBreakpoint;
 
 var PdfViewer = function PdfViewer(_ref) {
   var src = _ref.src,
       left = _ref.left,
       top = _ref.top,
       scale = _ref.scale,
-      isCurrent = _ref.isCurrent;
+      isCurrent = _ref.isCurrent,
+      _ref$showAllPages = _ref.showAllPages,
+      showAllPages = _ref$showAllPages === void 0 ? true : _ref$showAllPages;
 
   var _useState = useState(1),
       _useState2 = _slicedToArray(_useState, 2),
       pageSize = _useState2[0],
       setPageSize = _useState2[1];
 
+  var _useState3 = useState(1),
+      _useState4 = _slicedToArray(_useState3, 2),
+      page = _useState4[0],
+      setPage = _useState4[1];
+
+  var _useBreakpoint = useBreakpoint(),
+      md = _useBreakpoint.md;
+
   var handlePageInit = function handlePageInit(document) {
     var _ref2 = document || {},
         numPages = _ref2.numPages;
@@ -41,27 +57,77 @@ var PdfViewer = function PdfViewer(_ref) {
     }
   };
 
-  return _jsx("div", {
-    style: {
-      display: 'flex',
-      flexDirection: 'column',
-      maxWidth: '100%',
-      maxHeight: '100%',
-      transform: "translate(".concat(left, "px, ").concat(top, "px)"),
-      position: 'absolute'
-    },
-    children: _jsx(Document, {
-      file: src,
-      onLoadSuccess: handlePageInit,
-      children: Array.from({
-        length: pageSize
-      }).map(function (_, index) {
-        return _jsx(Page, {
-          pageNumber: index + 1,
+  if (showAllPages) {
+    return _jsx("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        maxWidth: "calc(100vw - ".concat(md ? 64 : 32, "px)"),
+        maxHeight: '100%',
+        transform: "translate(".concat(left, "px, ").concat(top, "px)"),
+        position: 'absolute',
+        overflow: 'auto'
+      },
+      children: _jsx(Document, {
+        file: src,
+        onLoadSuccess: handlePageInit,
+        children: Array.from({
+          length: pageSize
+        }).map(function (_, index) {
+          return _jsx(Page, {
+            pageNumber: index + 1,
+            scale: scale
+          }, index);
+        })
+      })
+    });
+  }
+
+  return _jsxs(_Fragment, {
+    children: [_jsx("div", {
+      style: {
+        maxWidth: "calc(100vw - ".concat(md ? 64 : 32, "px)"),
+        maxHeight: '100%',
+        transform: "translate(".concat(left, "px, ").concat(top, "px)"),
+        position: 'absolute',
+        overflow: 'auto'
+      },
+      children: _jsx(Document, {
+        file: src,
+        onLoadSuccess: handlePageInit,
+        children: _jsx(Page, {
+          pageNumber: page,
           scale: scale
-        }, index);
+        })
       })
-    })
+    }), isCurrent && Boolean(pageSize > 1) && _jsxs("div", {
+      style: {
+        position: 'fixed',
+        bottom: 0,
+        right: 96,
+        height: 48,
+        zIndex: 2
+      },
+      children: [_jsx(ArrowLeftOutlined, {
+        onClick: function onClick() {
+          return setPage(page - 1);
+        },
+        className: classnames({
+          'igloo-preview-page-btn': true,
+          'igloo-preview-previous': true,
+          'igloo-preview-disabled': page === 1
+        })
+      }), _jsx(ArrowRightOutlined, {
+        onClick: function onClick() {
+          return setPage(page + 1);
+        },
+        className: classnames({
+          'igloo-preview-page-btn': true,
+          'igloo-preview-next': true,
+          'igloo-preview-disabled': page === pageSize
+        })
+      })]
+    })]
   });
 };
 
@@ -70,7 +136,8 @@ var MediaItem = function MediaItem(_ref3) {
       src = _ref3.src,
       scale = _ref3.scale,
       offset = _ref3.offset,
-      isCurrent = _ref3.isCurrent;
+      isCurrent = _ref3.isCurrent,
+      showAllPages = _ref3.showAllPages;
   var top = offset.top,
       left = offset.left;
 
@@ -91,7 +158,8 @@ var MediaItem = function MediaItem(_ref3) {
         top: top,
         left: left,
         scale: scale,
-        isCurrent: isCurrent
+        isCurrent: isCurrent,
+        showAllPages: showAllPages
       });
 
     default:
@@ -115,36 +183,38 @@ var Media = function Media(_ref4) {
       scale = _ref4$scale === void 0 ? 1 : _ref4$scale,
       type = _ref4.type,
       _ref4$isCurrent = _ref4.isCurrent,
-      isCurrent = _ref4$isCurrent === void 0 ? false : _ref4$isCurrent;
+      isCurrent = _ref4$isCurrent === void 0 ? false : _ref4$isCurrent,
+      _ref4$showAllPages = _ref4.showAllPages,
+      showAllPages = _ref4$showAllPages === void 0 ? true : _ref4$showAllPages;
 
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isDrag = _useState4[0],
-      setIsDrag = _useState4[1];
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isDrag = _useState6[0],
+      setIsDrag = _useState6[1];
 
-  var _useState5 = useState({
+  var _useState7 = useState({
     startX: 0,
     startY: 0
   }),
-      _useState6 = _slicedToArray(_useState5, 2),
-      startPos = _useState6[0],
-      setStartPos = _useState6[1];
+      _useState8 = _slicedToArray(_useState7, 2),
+      startPos = _useState8[0],
+      setStartPos = _useState8[1];
 
-  var _useState7 = useState({
+  var _useState9 = useState({
     top: 0,
     left: 0
   }),
-      _useState8 = _slicedToArray(_useState7, 2),
-      offset = _useState8[0],
-      setOffset = _useState8[1];
+      _useState10 = _slicedToArray(_useState9, 2),
+      offset = _useState10[0],
+      setOffset = _useState10[1];
 
-  var _useState9 = useState({
+  var _useState11 = useState({
     top: 0,
     left: 0
   }),
-      _useState10 = _slicedToArray(_useState9, 2),
-      lastOffset = _useState10[0],
-      setLastOffset = _useState10[1];
+      _useState12 = _slicedToArray(_useState11, 2),
+      lastOffset = _useState12[0],
+      setLastOffset = _useState12[1];
 
   var handleMouseUp = function handleMouseUp(e) {
     e.preventDefault();
@@ -212,7 +282,8 @@ var Media = function Media(_ref4) {
       src: src,
       scale: scale,
       offset: offset,
-      isCurrent: isCurrent
+      isCurrent: isCurrent,
+      showAllPages: showAllPages
     })
   });
 };

package/es/media/style/index.less

@@ -77,7 +77,7 @@
       position: absolute;
       width: 100%;
       height: calc(100% - 200px);
-      top: 68px;
+      top: 92px;
 
       .image {
         max-width: 100%;
@@ -142,12 +142,12 @@
   }
 
   .igloo-preview-next {
-    right: 24px;
+    right: 136px;
     user-select: none;
   }
 
   .igloo-preview-previous {
-    right: 80px;
+    right: 192px;
     user-select: none;
   }
 

package/es/utils/option-utils.js

@@ -72,7 +72,7 @@ export var compareSelected = function compareSelected(newValue, oldValue) {
       return true;
     }
 
-    return newValue.every(function (v) {
+    return !newValue.every(function (v) {
       return oldValue.find(function (ov) {
         return v === ov;
       });

package/lib/documents/index.d.ts

@@ -2,5 +2,7 @@ import { FC } from 'react';
 declare const Documents: FC<{
     docList: string[];
     docNames?: string[];
+    showAllPages?: boolean;
+    destroyOnClose?: boolean;
 }>;
 export default Documents;

package/lib/documents/index.js

@@ -39,7 +39,11 @@ var Documents = function Documents(_ref) {
   var _ref$docList = _ref.docList,
       docList = _ref$docList === void 0 ? [] : _ref$docList,
       _ref$docNames = _ref.docNames,
-      docNames = _ref$docNames === void 0 ? [] : _ref$docNames;
+      docNames = _ref$docNames === void 0 ? [] : _ref$docNames,
+      _ref$showAllPages = _ref.showAllPages,
+      showAllPages = _ref$showAllPages === void 0 ? true : _ref$showAllPages,
+      _ref$destroyOnClose = _ref.destroyOnClose,
+      destroyOnClose = _ref$destroyOnClose === void 0 ? true : _ref$destroyOnClose;
 
   var _useState = (0, _react.useState)(0),
       _useState2 = _slicedToArray(_useState, 2),
@@ -122,7 +126,9 @@ var Documents = function Documents(_ref) {
           src: src,
           type: type,
           docNames: docNames,
-          name: docNames[index]
+          name: docNames[index],
+          showAllPages: showAllPages,
+          destroyOnClose: destroyOnClose
         })
       }, index);
     })

package/lib/input/amount.d.ts

@@ -6,7 +6,9 @@ export interface AmountProps extends InputProps, IglooComponentProps {
     currencyProps?: InputProps;
     amount?: number;
     amountProps?: InputProps;
-    seperator?: ',';
+    seperator?: ',' | '.';
+    separator?: ',' | '.';
+    decimalSeparator?: ',' | '.';
 }
 declare const Amount: FC<AmountProps>;
 export default Amount;

package/lib/input/amount.js

@@ -21,7 +21,7 @@ var _locale = require("../locale");
 
 require("./style/index.less");
 
-var _excluded = ["className", "currency", "currencyProps", "amountProps", "value", "seperator", "disabled"];
+var _excluded = ["className", "currency", "currencyProps", "amountProps", "value", "seperator", "separator", "decimalSeparator", "disabled"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -35,16 +35,16 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var thousands = function thousands(number) {
+var thousands = function thousands(number, decimalSeparator, separator) {
   if (number === null || number === undefined) return undefined;
-  var arr = String(number).split('.');
+  var arr = String(number).replace('.', decimalSeparator).split(decimalSeparator);
   return arr.map(function (s, index) {
     if (index === 0) {
-      return s.replace(/(?=(?!\b)(\d{3})+$)/g, ',');
+      return s.replace(/(?=(?!\b)(\d{3})+$)/g, separator);
     }
 
-    return s.replace(/(\d{3})(?=[^$])/g, '$1,');
-  }).join('.');
+    return s.replace(/(\d{3})(?=[^$])/g, "$1".concat(separator));
+  }).join(decimalSeparator);
 };
 
 var Amount = function Amount(_ref) {
@@ -55,8 +55,11 @@ var Amount = function Amount(_ref) {
       _ref$amountProps = _ref.amountProps,
       amountProps = _ref$amountProps === void 0 ? {} : _ref$amountProps,
       value = _ref.value,
-      _ref$seperator = _ref.seperator,
-      seperator = _ref$seperator === void 0 ? ',' : _ref$seperator,
+      seperator = _ref.seperator,
+      _ref$separator = _ref.separator,
+      separator = _ref$separator === void 0 ? seperator || ',' : _ref$separator,
+      _ref$decimalSeparator = _ref.decimalSeparator,
+      decimalSeparator = _ref$decimalSeparator === void 0 ? '.' : _ref$decimalSeparator,
       disabled = _ref.disabled,
       rest = _objectWithoutProperties(_ref, _excluded);
 
@@ -64,11 +67,11 @@ var Amount = function Amount(_ref) {
     var onChange = rest.onChange;
 
     if (typeof value === 'string') {
-      if (value.endsWith('.')) {
-        e.target.value = value.replace('.', '');
+      if (value.endsWith(decimalSeparator)) {
+        e.target.value = value.replace(decimalSeparator, '');
       }
 
-      if (value.endsWith('0') && value.includes('.')) {
+      if (value.endsWith('0') && value.includes(decimalSeparator)) {
         e.target.value = value.replace(/[0]+$/, '');
       }
 
@@ -83,7 +86,7 @@ var Amount = function Amount(_ref) {
     className: (0, _classnames.default)('igloo-input-amount', {
       'igloo-input-disable': disabled
     }, className),
-    value: thousands(value),
+    value: thousands(value, decimalSeparator, separator),
     addonBefore: currency ? (0, _jsxRuntime.jsx)("span", {
       className: "igloo-input-areacode",
       children: currency
@@ -92,24 +95,31 @@ var Amount = function Amount(_ref) {
 };
 
 Amount.formItemPropsHandler = function (_ref2) {
-  var _ref2$seperator = _ref2.seperator,
-      seperator = _ref2$seperator === void 0 ? ',' : _ref2$seperator;
+  var _ref2$separator = _ref2.separator,
+      separator = _ref2$separator === void 0 ? ',' : _ref2$separator,
+      _ref2$decimalSeparato = _ref2.decimalSeparator,
+      decimalSeparator = _ref2$decimalSeparato === void 0 ? '.' : _ref2$decimalSeparato;
   return {
     getValueFromEvent: function getValueFromEvent(e) {
       var value = e.target.value;
-      var str = value.replaceAll(seperator, '').replaceAll(/[^0-9\.]/g, '');
+      console.log('======', separator, decimalSeparator);
+      var str = value.replaceAll(separator, '').replaceAll(/[^0-9\.,]/g, '');
 
-      if (str.endsWith('.') || str.includes('.') && str.endsWith('0')) {
+      if (str.endsWith(decimalSeparator) || str.includes(decimalSeparator) && str.endsWith('0')) {
         return str;
       }
 
+      if (decimalSeparator === ',') {
+        str = str.replace(',', '.');
+      }
+
       return str ? parseFloat(str) : undefined;
     },
     rules: [{
       validator: function validator(_, value) {
         if (!value) return Promise.resolve();
-        var seperatorArr = String(value).split('.');
-        return seperatorArr.length > 2 ? Promise.reject((0, _locale.staticFormatMessage)({
+        var separatorArr = String(value).split(decimalSeparator);
+        return separatorArr.length > 2 ? Promise.reject((0, _locale.staticFormatMessage)({
           id: 'Please enter a valid amount.'
         })) : Promise.resolve();
       }

package/lib/media/index.d.ts

@@ -12,6 +12,8 @@ interface Props {
     docNames?: string[];
     className?: any;
     style?: CSSProperties;
+    showAllPages?: boolean;
+    destroyOnClose?: boolean;
 }
 declare const MediaWithPreview: FC<Props>;
 export default MediaWithPreview;

package/lib/media/index.js

@@ -67,7 +67,11 @@ var MediaWithPreview = function MediaWithPreview(_ref) {
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? '' : _ref$type,
       _ref$docNames = _ref.docNames,
-      docNames = _ref$docNames === void 0 ? [] : _ref$docNames;
+      docNames = _ref$docNames === void 0 ? [] : _ref$docNames,
+      _ref$showAllPages = _ref.showAllPages,
+      showAllPages = _ref$showAllPages === void 0 ? true : _ref$showAllPages,
+      _ref$destroyOnClose = _ref.destroyOnClose,
+      destroyOnClose = _ref$destroyOnClose === void 0 ? true : _ref$destroyOnClose;
 
   var _useState = (0, _react.useState)(1),
       _useState2 = _slicedToArray(_useState, 2),
@@ -242,7 +246,7 @@ var MediaWithPreview = function MediaWithPreview(_ref) {
       }),
       wrapClassName: "igloo-media-preview",
       width: "100%",
-      destroyOnClose: true,
+      destroyOnClose: destroyOnClose,
       children: [Boolean(docNames && docNames.length) && (0, _jsxRuntime.jsxs)("div", {
         className: "igloo-document-name",
         children: [(0, _jsxRuntime.jsx)("div", {
@@ -279,7 +283,8 @@ var MediaWithPreview = function MediaWithPreview(_ref) {
             type: mediaType,
             src: src,
             scale: scale,
-            isCurrent: true
+            isCurrent: true,
+            showAllPages: showAllPages
           })
         }, index), (0, _jsxRuntime.jsx)(_iglooicon.MinusOutlined, {
           onClick: zoomIn,

package/lib/media/preview.d.ts

@@ -6,6 +6,7 @@ interface MediaProps {
     isCurrent?: boolean;
     className?: any;
     style?: CSSProperties;
+    showAllPages?: boolean;
 }
 declare const Media: FC<MediaProps>;
 export default Media;

package/lib/media/preview.js

@@ -5,12 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("antd/es/grid/style");
+
+var _grid = _interopRequireDefault(require("antd/es/grid"));
+
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _react = require("react");
 
 var _entry = require("react-pdf/dist/esm/entry.webpack");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _iglooicon = require("iglooicon");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 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; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -29,18 +39,30 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+var useBreakpoint = _grid.default.useBreakpoint;
+
 var PdfViewer = function PdfViewer(_ref) {
   var src = _ref.src,
       left = _ref.left,
       top = _ref.top,
       scale = _ref.scale,
-      isCurrent = _ref.isCurrent;
+      isCurrent = _ref.isCurrent,
+      _ref$showAllPages = _ref.showAllPages,
+      showAllPages = _ref$showAllPages === void 0 ? true : _ref$showAllPages;
 
   var _useState = (0, _react.useState)(1),
       _useState2 = _slicedToArray(_useState, 2),
       pageSize = _useState2[0],
       setPageSize = _useState2[1];
 
+  var _useState3 = (0, _react.useState)(1),
+      _useState4 = _slicedToArray(_useState3, 2),
+      page = _useState4[0],
+      setPage = _useState4[1];
+
+  var _useBreakpoint = useBreakpoint(),
+      md = _useBreakpoint.md;
+
   var handlePageInit = function handlePageInit(document) {
     var _ref2 = document || {},
         numPages = _ref2.numPages;
@@ -50,27 +72,77 @@ var PdfViewer = function PdfViewer(_ref) {
     }
   };
 
-  return (0, _jsxRuntime.jsx)("div", {
-    style: {
-      display: 'flex',
-      flexDirection: 'column',
-      maxWidth: '100%',
-      maxHeight: '100%',
-      transform: "translate(".concat(left, "px, ").concat(top, "px)"),
-      position: 'absolute'
-    },
-    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,
+  if (showAllPages) {
+    return (0, _jsxRuntime.jsx)("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        maxWidth: "calc(100vw - ".concat(md ? 64 : 32, "px)"),
+        maxHeight: '100%',
+        transform: "translate(".concat(left, "px, ").concat(top, "px)"),
+        position: 'absolute',
+        overflow: 'auto'
+      },
+      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);
+        })
+      })
+    });
+  }
+
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)("div", {
+      style: {
+        maxWidth: "calc(100vw - ".concat(md ? 64 : 32, "px)"),
+        maxHeight: '100%',
+        transform: "translate(".concat(left, "px, ").concat(top, "px)"),
+        position: 'absolute',
+        overflow: 'auto'
+      },
+      children: (0, _jsxRuntime.jsx)(_entry.Document, {
+        file: src,
+        onLoadSuccess: handlePageInit,
+        children: (0, _jsxRuntime.jsx)(_entry.Page, {
+          pageNumber: page,
           scale: scale
-        }, index);
+        })
       })
-    })
+    }), isCurrent && Boolean(pageSize > 1) && (0, _jsxRuntime.jsxs)("div", {
+      style: {
+        position: 'fixed',
+        bottom: 0,
+        right: 96,
+        height: 48,
+        zIndex: 2
+      },
+      children: [(0, _jsxRuntime.jsx)(_iglooicon.ArrowLeftOutlined, {
+        onClick: function onClick() {
+          return setPage(page - 1);
+        },
+        className: (0, _classnames.default)({
+          'igloo-preview-page-btn': true,
+          'igloo-preview-previous': true,
+          'igloo-preview-disabled': page === 1
+        })
+      }), (0, _jsxRuntime.jsx)(_iglooicon.ArrowRightOutlined, {
+        onClick: function onClick() {
+          return setPage(page + 1);
+        },
+        className: (0, _classnames.default)({
+          'igloo-preview-page-btn': true,
+          'igloo-preview-next': true,
+          'igloo-preview-disabled': page === pageSize
+        })
+      })]
+    })]
   });
 };
 
@@ -79,7 +151,8 @@ var MediaItem = function MediaItem(_ref3) {
       src = _ref3.src,
       scale = _ref3.scale,
       offset = _ref3.offset,
-      isCurrent = _ref3.isCurrent;
+      isCurrent = _ref3.isCurrent,
+      showAllPages = _ref3.showAllPages;
   var top = offset.top,
       left = offset.left;
 
@@ -100,7 +173,8 @@ var MediaItem = function MediaItem(_ref3) {
         top: top,
         left: left,
         scale: scale,
-        isCurrent: isCurrent
+        isCurrent: isCurrent,
+        showAllPages: showAllPages
       });
 
     default:
@@ -124,36 +198,38 @@ var Media = function Media(_ref4) {
       scale = _ref4$scale === void 0 ? 1 : _ref4$scale,
       type = _ref4.type,
       _ref4$isCurrent = _ref4.isCurrent,
-      isCurrent = _ref4$isCurrent === void 0 ? false : _ref4$isCurrent;
+      isCurrent = _ref4$isCurrent === void 0 ? false : _ref4$isCurrent,
+      _ref4$showAllPages = _ref4.showAllPages,
+      showAllPages = _ref4$showAllPages === void 0 ? true : _ref4$showAllPages;
 
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isDrag = _useState4[0],
-      setIsDrag = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isDrag = _useState6[0],
+      setIsDrag = _useState6[1];
 
-  var _useState5 = (0, _react.useState)({
+  var _useState7 = (0, _react.useState)({
     startX: 0,
     startY: 0
   }),
-      _useState6 = _slicedToArray(_useState5, 2),
-      startPos = _useState6[0],
-      setStartPos = _useState6[1];
+      _useState8 = _slicedToArray(_useState7, 2),
+      startPos = _useState8[0],
+      setStartPos = _useState8[1];
 
-  var _useState7 = (0, _react.useState)({
+  var _useState9 = (0, _react.useState)({
     top: 0,
     left: 0
   }),
-      _useState8 = _slicedToArray(_useState7, 2),
-      offset = _useState8[0],
-      setOffset = _useState8[1];
+      _useState10 = _slicedToArray(_useState9, 2),
+      offset = _useState10[0],
+      setOffset = _useState10[1];
 
-  var _useState9 = (0, _react.useState)({
+  var _useState11 = (0, _react.useState)({
     top: 0,
     left: 0
   }),
-      _useState10 = _slicedToArray(_useState9, 2),
-      lastOffset = _useState10[0],
-      setLastOffset = _useState10[1];
+      _useState12 = _slicedToArray(_useState11, 2),
+      lastOffset = _useState12[0],
+      setLastOffset = _useState12[1];
 
   var handleMouseUp = function handleMouseUp(e) {
     e.preventDefault();
@@ -221,7 +297,8 @@ var Media = function Media(_ref4) {
       src: src,
       scale: scale,
       offset: offset,
-      isCurrent: isCurrent
+      isCurrent: isCurrent,
+      showAllPages: showAllPages
     })
   });
 };

package/lib/media/style/index.less

@@ -77,7 +77,7 @@
       position: absolute;
       width: 100%;
       height: calc(100% - 200px);
-      top: 68px;
+      top: 92px;
 
       .image {
         max-width: 100%;
@@ -142,12 +142,12 @@
   }
 
   .igloo-preview-next {
-    right: 24px;
+    right: 136px;
     user-select: none;
   }
 
   .igloo-preview-previous {
-    right: 80px;
+    right: 192px;
     user-select: none;
   }
 

package/lib/utils/option-utils.js

@@ -89,7 +89,7 @@ var compareSelected = function compareSelected(newValue, oldValue) {
       return true;
     }
 
-    return newValue.every(function (v) {
+    return !newValue.every(function (v) {
       return oldValue.find(function (ov) {
         return v === ov;
       });

package/package.json

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