iglooform 2.5.0 → 2.5.3

package/es/utils/option-utils.js

@@ -0,0 +1,233 @@
+var _excluded = ["options", "optionGroups", "getOptions", "datasourceKey", "dependField", "children"];
+
+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; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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; }
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState, useContext, useRef } from 'react';
+import FormContext from '../form-context';
+import invariant from 'invariant';
+export var compareOptions = function compareOptions(newOptions, oldOptions) {
+  if (!Array.isArray(oldOptions)) {
+    return true;
+  }
+
+  if ((oldOptions === null || oldOptions === void 0 ? void 0 : oldOptions.length) !== newOptions.length) {
+    return true;
+  }
+
+  if (Array.isArray(oldOptions)) {
+    for (var i = 0; i < oldOptions.length; i++) {
+      var newOption = oldOptions[i];
+      var originOption = newOptions[i];
+
+      if (newOption.label !== originOption.label || newOption.value !== originOption.value) {
+        return true;
+      }
+    }
+  }
+
+  return false;
+};
+export function optionsHOC(Component) {
+  return function (props) {
+    var options = props.options,
+        optionGroups = props.optionGroups,
+        getOptions = props.getOptions,
+        datasourceKey = props.datasourceKey,
+        dependField = props.dependField,
+        children = props.children,
+        rest = _objectWithoutProperties(props, _excluded);
+
+    var _useState = useState(false),
+        _useState2 = _slicedToArray(_useState, 2),
+        updating = _useState2[0],
+        setUpdating = _useState2[1];
+
+    var _useState3 = useState(),
+        _useState4 = _slicedToArray(_useState3, 2),
+        _options = _useState4[0],
+        setOptions = _useState4[1];
+
+    var _useState5 = useState(),
+        _useState6 = _slicedToArray(_useState5, 2),
+        searchKey = _useState6[0],
+        setSearchKey = _useState6[1];
+
+    var optionsRef = useRef(_options);
+
+    var _useContext = useContext(FormContext),
+        selectDatasourceApi = _useContext.selectDatasourceApi;
+
+    var getFormInstance = rest.getFormInstance;
+    var form = typeof getFormInstance === 'function' && getFormInstance();
+    var dependFieldValue = form && dependField && form.getFieldValue(dependField);
+    var optionsFromGetOptions = typeof getOptions === 'function' && form && getOptions(form);
+    useEffect(function () {
+      if (!Array.isArray(optionsFromGetOptions)) {
+        return;
+      }
+
+      if (compareOptions(optionsFromGetOptions, optionsRef.current)) {
+        optionsRef.current = optionsFromGetOptions;
+        setOptions(optionsFromGetOptions);
+      }
+    }, [optionsFromGetOptions]);
+    invariant(datasourceKey && selectDatasourceApi || !datasourceKey, 'Please provide selectDatasourceApi in Form props');
+    useEffect(function () {
+      setUpdating(true);
+
+      var calcOptions = /*#__PURE__*/function () {
+        var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+          var _options2, query, api, rst, _yield$rst$json, data;
+
+          return regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  if (!Array.isArray(options)) {
+                    _context.next = 2;
+                    break;
+                  }
+
+                  return _context.abrupt("return", options);
+
+                case 2:
+                  if (!(Array.isArray(children) || _typeof(children) === 'object')) {
+                    _context.next = 4;
+                    break;
+                  }
+
+                  return _context.abrupt("return", Array.isArray(children) ? children.map(function (child) {
+                    return {
+                      label: child.props.children,
+                      value: child.props.value
+                    };
+                  }) : [{
+                    label: children.props.children,
+                    value: children.props.value
+                  }]);
+
+                case 4:
+                  if (!optionGroups) {
+                    _context.next = 9;
+                    break;
+                  }
+
+                  if (!dependFieldValue) {
+                    _context.next = 9;
+                    break;
+                  }
+
+                  _options2 = [];
+                  optionGroups.forEach(function (_ref2) {
+                    var parentKey = _ref2.parentKey,
+                        _ref2$options = _ref2.options,
+                        options = _ref2$options === void 0 ? [] : _ref2$options;
+
+                    if (Array.isArray(dependFieldValue) ? dependFieldValue.includes(parentKey) : parentKey === dependFieldValue) {
+                      _options2.push.apply(_options2, _toConsumableArray(options));
+                    }
+                  });
+                  return _context.abrupt("return", _options2);
+
+                case 9:
+                  if (!(selectDatasourceApi && datasourceKey)) {
+                    _context.next = 27;
+                    break;
+                  }
+
+                  query = Array.isArray(dependFieldValue) ? dependFieldValue.map(function (v) {
+                    return "parent=".concat(v);
+                  }).join('&') : dependFieldValue ? "parent=".concat(dependFieldValue) : '';
+
+                  if (searchKey) {
+                    query += "&search_keyword=".concat(searchKey);
+                  }
+
+                  api = "".concat(selectDatasourceApi, "/").concat(datasourceKey);
+                  _context.prev = 13;
+                  _context.next = 16;
+                  return fetch(query ? "".concat(api, "?").concat(query) : api);
+
+                case 16:
+                  rst = _context.sent;
+                  _context.next = 19;
+                  return rst.json();
+
+                case 19:
+                  _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);
+                  return _context.abrupt("return", []);
+
+                case 27:
+                  return _context.abrupt("return", []);
+
+                case 28:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee, null, [[13, 24]]);
+        }));
+
+        return function calcOptions() {
+          return _ref.apply(this, arguments);
+        };
+      }();
+
+      calcOptions().then(function (newOptions) {
+        if (compareOptions(newOptions, optionsRef.current)) {
+          setOptions(newOptions);
+          optionsRef.current = newOptions;
+        }
+
+        setUpdating(false);
+      });
+    }, [options, optionGroups, dependFieldValue, searchKey]);
+    return _options ? _jsx(Component, _objectSpread(_objectSpread({
+      options: _options
+    }, rest), {}, {
+      onSearch: setSearchKey,
+      optionsUpdating: updating
+    })) : null;
+  };
+}

package/lib/checkbox/index.d.ts

@@ -1,21 +1,21 @@
 import { CheckboxProps, CheckboxGroupProps } from 'antd/es/checkbox';
 import { FC, IglooComponentProps } from '@/types';
+import { ComponentProps } from '../utils/option-utils';
+import { DefaultOptionType } from 'rc-select/lib/Select';
 import './style/index.less';
 interface Props extends IglooComponentProps, CheckboxProps {
 }
-interface Option {
-    label?: any;
-    value?: string;
-    disabled?: boolean;
+export interface Option extends DefaultOptionType {
     extraInfo?: {
         content: any;
         shownTrigger: 'unchecked' | 'checked' | 'all';
     };
 }
-export interface IProps extends IglooComponentProps, Omit<CheckboxGroupProps, 'options'> {
-    options: Option[];
+export interface IProps extends IglooComponentProps, Omit<CheckboxGroupProps, 'options'>, ComponentProps {
     className?: string;
+    radioType?: string;
+    options: Option[];
 }
 declare const IglooCheckbox: FC<Props>;
 export default IglooCheckbox;
-export declare const CheckboxGroup: FC<IProps>;
+export declare const CheckboxGroup: FC<import("../utils/option-utils").HOCProps & IProps>;

package/lib/checkbox/index.js

@@ -19,6 +19,8 @@ var _checkbox = _interopRequireDefault(require("antd/es/checkbox"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
+var _react = require("react");
+
 var _typography = _interopRequireDefault(require("../typography"));
 
 var _formMethods = _interopRequireDefault(require("../utils/form-methods"));
@@ -27,13 +29,31 @@ var _omit = _interopRequireDefault(require("omit.js"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _optionUtils = require("../utils/option-utils");
+
+var _localeContext = _interopRequireDefault(require("../locale/locale-context"));
+
+var _empty = _interopRequireDefault(require("../radio/style/empty.svg"));
+
 require("./style/index.less");
 
-var _excluded = ["className", "options", "value"],
+var _excluded = ["className", "options", "value", "clearWhenOptionsUpdated"],
     _excluded2 = ["label", "value", "extraInfo"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 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; }
@@ -60,17 +80,54 @@ IglooCheckbox.formItemPropsHandler = function (config) {
 var _default = IglooCheckbox;
 exports.default = _default;
 
-var CheckboxGroup = function CheckboxGroup(_ref) {
+var InnerCheckboxGroup = function InnerCheckboxGroup(_ref) {
   var className = _ref.className,
       _ref$options = _ref.options,
       options = _ref$options === void 0 ? [] : _ref$options,
       value = _ref.value,
+      _ref$clearWhenOptions = _ref.clearWhenOptionsUpdated,
+      clearWhenOptionsUpdated = _ref$clearWhenOptions === void 0 ? false : _ref$clearWhenOptions,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  return (0, _jsxRuntime.jsx)(_checkbox.default.Group, _objectSpread(_objectSpread({}, (0, _omit.default)(rest, _formMethods.default)), {}, {
+  var _useState = (0, _react.useState)(value),
+      _useState2 = _slicedToArray(_useState, 2),
+      selected = _useState2[0],
+      setSelected = _useState2[1];
+
+  var originOptions = (0, _react.useRef)(options);
+
+  var _useContext = (0, _react.useContext)(_localeContext.default),
+      formatMessage = _useContext.formatMessage;
+
+  (0, _react.useEffect)(function () {
+    typeof rest.onChange === 'function' && value !== selected && rest.onChange(selected);
+  }, [selected]);
+  (0, _react.useEffect)(function () {
+    setSelected(value);
+  }, [value]);
+  (0, _react.useEffect)(function () {
+    var setFieldValue = rest.setFieldValue;
+
+    if ((0, _optionUtils.compareOptions)(options, originOptions.current)) {
+      if (clearWhenOptionsUpdated) {
+        typeof setFieldValue === 'function' && setFieldValue();
+      } else {
+        var foundValue = options.find(function (option) {
+          return Array.isArray(value) ? value.includes(option.value) : option.value === value;
+        });
+
+        if (!foundValue && value !== undefined) {
+          typeof setFieldValue === 'function' && setFieldValue();
+        }
+      }
+
+      originOptions.current = options;
+    }
+  }, [options]);
+  return (0, _jsxRuntime.jsxs)(_checkbox.default.Group, _objectSpread(_objectSpread({}, (0, _omit.default)(rest, _formMethods.default)), {}, {
     className: (0, _classnames.default)('igloo-checkbox-group', className),
     value: value,
-    children: (0, _jsxRuntime.jsx)(_row.default, {
+    children: [(0, _jsxRuntime.jsx)(_row.default, {
       gutter: [8, 8],
       children: options.map(function (_ref2) {
         var label = _ref2.label,
@@ -94,10 +151,35 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
           })]
         }, key);
       })
-    })
+    }), !options.length && (0, _jsxRuntime.jsxs)("div", {
+      style: {
+        display: 'flex',
+        flexDirection: 'column',
+        background: '#f9f9f9',
+        padding: 16,
+        alignItems: 'center'
+      },
+      children: [(0, _jsxRuntime.jsx)("img", {
+        src: _empty.default,
+        style: {
+          width: 32,
+          height: 24
+        }
+      }), (0, _jsxRuntime.jsx)(_typography.default, {
+        level: "h5",
+        style: {
+          color: '#212121',
+          marginTop: 8
+        },
+        children: formatMessage({
+          id: 'There are no options available currently'
+        })
+      })]
+    })]
   }));
 };
 
+var CheckboxGroup = (0, _optionUtils.optionsHOC)(InnerCheckboxGroup);
 exports.CheckboxGroup = CheckboxGroup;
 
 CheckboxGroup.formItemPropsHandler = function () {

package/lib/form/elements.js

@@ -35,6 +35,8 @@ var _render = _interopRequireDefault(require("./render"));
 
 var _typography = _interopRequireDefault(require("../typography"));
 
+var _searchBox = _interopRequireDefault(require("../search-box"));
+
 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; }
@@ -71,7 +73,8 @@ var elementMap = {
   InputDate: _input.InputDate,
   Confirmation: _confirmation.default,
   ExpiryDate: _input.ExpiryDate,
-  Typography: _typography.default
+  Typography: _typography.default,
+  SearchBox: _searchBox.default
 };
 
 var Unknown = function Unknown() {

package/lib/index.d.ts

@@ -35,6 +35,7 @@ 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 SearchBox } from './search-box';
 export { default as FreeForm } from './free-form';
 export { default as FormItem } from './free-form/element';
 export { default as FormPages } from './free-form/pages';

package/lib/index.js

@@ -66,6 +66,7 @@ var _exportNames = {
   Layout: true,
   DetailPanel: true,
   message: true,
+  SearchBox: true,
   FreeForm: true,
   FormItem: true,
   FormPages: true,
@@ -405,6 +406,12 @@ Object.defineProperty(exports, "RedButton", {
     return _button.RedButton;
   }
 });
+Object.defineProperty(exports, "SearchBox", {
+  enumerable: true,
+  get: function get() {
+    return _searchBox.default;
+  }
+});
 Object.defineProperty(exports, "Select", {
   enumerable: true,
   get: function get() {
@@ -570,6 +577,8 @@ var _detailPanel = _interopRequireDefault(require("./detail-panel"));
 
 var _globalMessage = _interopRequireDefault(require("./global-message"));
 
+var _searchBox = _interopRequireDefault(require("./search-box"));
+
 var _freeForm = _interopRequireDefault(require("./free-form"));
 
 var _element = _interopRequireDefault(require("./free-form/element"));

package/lib/input/amount.js

@@ -63,8 +63,15 @@ var Amount = function Amount(_ref) {
   var handleOnBlur = function handleOnBlur(e) {
     var onChange = rest.onChange;
 
-    if (typeof value === 'string' && value.endsWith('.')) {
-      e.target.value = value.replace('.', '');
+    if (typeof value === 'string') {
+      if (value.endsWith('.')) {
+        e.target.value = value.replace('.', '');
+      }
+
+      if (value.endsWith('0') && value.includes('.')) {
+        e.target.value = value.replace(/[0]+$/, '');
+      }
+
       onChange && onChange(e);
     }
   };
@@ -91,7 +98,11 @@ Amount.formItemPropsHandler = function (_ref2) {
     getValueFromEvent: function getValueFromEvent(e) {
       var value = e.target.value;
       var str = value.replaceAll(seperator, '').replaceAll(/[^0-9\.]/g, '');
-      if (value.endsWith('.')) return str;
+
+      if (str.endsWith('.') || str.includes('.') && str.endsWith('0')) {
+        return str;
+      }
+
       return str ? parseFloat(str) : undefined;
     },
     rules: [{

package/lib/input/input-number.js

@@ -30,8 +30,15 @@ var IglooInputNumber = function IglooInputNumber(props) {
     var value = props.value,
         onChange = props.onChange;
 
-    if (typeof value === 'string' && value.endsWith('.')) {
-      e.target.value = value.replace('.', '');
+    if (typeof value === 'string') {
+      if (value.endsWith('.')) {
+        e.target.value = value.replace('.', '');
+      }
+
+      if (value.endsWith('0') && value.includes('.')) {
+        e.target.value = value.replace(/[0]+$/, '');
+      }
+
       onChange && onChange(e);
     }
   };
@@ -49,7 +56,11 @@ IglooInputNumber.formItemPropsHandler = function (config) {
     getValueFromEvent: function getValueFromEvent(e) {
       var value = e.target.value;
       var str = value.replaceAll(/[^0-9\.]/g, '');
-      if (value.endsWith('.')) return parseInt(str);
+
+      if (str.endsWith('.') || str.includes('.') && str.endsWith('0')) {
+        return str;
+      }
+
       return str ? parseFloat(str) : undefined;
     }
   };

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

@@ -21,6 +21,7 @@
   "Data Processed": "Data Processed",
   "Data Processing...": "Data Processing...",
   "Date": "Date",
+  "Done": "Done",
   "Drag and drop a file here": "Drag and drop a file here",
   "Edit": "Edit",
   "Error Report": "Error Report",
@@ -56,10 +57,13 @@
   "Result": "Result",
   "Result: Success {success_num}; Error {fail_num}": "Result: Success {success_num}; Error {fail_num}",
   "Rows per page": "Rows per page",
+  "Search": "Search",
+  "Searching...": "Searching...",
   "Select All": "Select All",
   "Send OTP": "Send OTP",
   "Submit": "Submit",
   "The file type is not supported.": "The file type is not supported.",
+  "There are no options available currently": "There are no options available currently",
   "This Month": "This Month",
   "Unselect All": "Unselect All",
   "Uploading": "Uploading",

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

@@ -21,6 +21,7 @@
   "Data Processed": "Data Terproses",
   "Data Processing...": "Data Diproses",
   "Date": "Tanggal",
+  "Done": "Selesai",
   "Drag and drop a file here": "Geser dan Letakkan Dokumen disini",
   "Edit": "Ubah",
   "Error Report": "Laporan Kesalahan",
@@ -56,10 +57,13 @@
   "Result": "Hasil",
   "Result: Success {success_num}; Error {fail_num}": "Hasil: Sukses {success_num}; Kesalahan {fail_num}",
   "Rows per page": "Baris per halaman",
+  "Search": "Mencari",
+  "Searching...": "Mencari...",
   "Select All": "Pilih Semua",
   "Send OTP": "Kirim OTP",
   "Submit": "Ajukan",
   "The file type is not supported.": "Jenis file tidak didukung.",
+  "There are no options available currently": "Tidak ada opsi yang tersedia saat ini",
   "This Month": "Bulan ini",
   "Unselect All": "Batalkan semua",
   "Uploading": "Mengunggah",

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

@@ -21,6 +21,7 @@
   "Data Processed": "ประมวลข้อมูลสำเร็จแล้ว",
   "Data Processing...": "กำลังประมวลผลข้อมูล...",
   "Date": "วันที่",
+  "Done": "เสร็จแล้ว",
   "Drag and drop a file here": "ลากและวางไฟล์มาที่นี่",
   "Edit": "แก้ไข",
   "Error Report": "รายงานข้อผิดพลาด",
@@ -56,10 +57,13 @@
   "Result": "ผลลัพธ์",
   "Result: Success {success_num}; Error {fail_num}": "ผลลัพธ์: สำเร็จ {success_num}; ข้อผิดพลาด {fail_num}",
   "Rows per page": "แถวต่อหน้า",
+  "Search": "ค้นหา",
+  "Searching...": "กำลังค้นหา...",
   "Select All": "เลือกทั้งหมด",
   "Send OTP": "ส่ง OTP",
   "Submit": "ส่ง/ยืนยัน",
   "The file type is not supported.": "ประเภทไฟล์ไม่รองรับ",
+  "There are no options available currently": "ไม่มีตัวเลือกในขณะนี้",
   "This Month": "เดือนนี้",
   "Unselect All": "ไม่เลือกทั้งหมด",
   "Uploading": "กำลังอัพโหลด",

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

@@ -21,6 +21,7 @@
   "Data Processed": "Dữ liệu đã xử lý",
   "Data Processing...": "Đang xử lý dữ liệu...",
   "Date": "Ngày",
+  "Done": "Xong",
   "Drag and drop a file here": "Thả tệp tin vào đây",
   "Edit": "Sửa",
   "Error Report": "Báo cáo lỗi",
@@ -56,10 +57,13 @@
   "Result": "Kết quả",
   "Result: Success {success_num}; Error {fail_num}": "Kết quả: sự thành công {success_num}; lỗi {fail_num}",
   "Rows per page": "Dòng trên trang",
+  "Search": "Tìm kiếm",
+  "Searching...": "Đang tìm kiếm...",
   "Select All": "Chọn tất cả",
   "Send OTP": "Gửi OTP",
   "Submit": "Gửi",
   "The file type is not supported.": "Loại tệp không được hỗ trợ.",
+  "There are no options available currently": "Hiện tại không có tùy chọn nào",
   "This Month": "Tháng này",
   "Unselect All": "Hủy chọn tất cả",
   "Uploading": "Đang tải lên",

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

@@ -21,6 +21,7 @@
   "Data Processed": "已导入",
   "Data Processing...": "导入中",
   "Date": "日期",
+  "Done": "完成",
   "Drag and drop a file here": "拖拽一个文件到这里",
   "Edit": "编辑",
   "Error Report": "错误报告",
@@ -56,10 +57,13 @@
   "Result": "结果",
   "Result: Success {success_num}; Error {fail_num}": "结果：成功 {success_num}; 失败 {fail_num}",
   "Rows per page": "每页条数",
+  "Search": "搜索",
+  "Searching...": "正在搜索...",
   "Select All": "全选",
   "Send OTP": "发送OTP",
   "Submit": "提交",
   "The file type is not supported.": "不支持上传该类型的文件。",
+  "There are no options available currently": "当前没有可用的选项",
   "This Month": "当月",
   "Unselect All": "反选",
   "Uploading": "上传中",