iglooform 2.5.23 → 2.5.24

package/es/input/input.js

@@ -11,6 +11,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import formMethods from '../utils/form-methods';
 import omit from 'omit.js';
+import { staticFormatMessage } from '@/locale';
 import './style/index.less';
 var IglooInput = /*#__PURE__*/forwardRef(function (props, ref) {
   return _jsx(_Input, _objectSpread(_objectSpread({
@@ -21,7 +22,76 @@ var IglooInput = /*#__PURE__*/forwardRef(function (props, ref) {
 });
 
 IglooInput.formItemPropsHandler = function (config) {
-  return {};
+  var maxLength = config.maxLength,
+      minLength = config.minLength,
+      pattern = config.pattern,
+      label = config.label;
+  var rules = [];
+
+  if (maxLength !== undefined && minLength !== undefined) {
+    rules.push({
+      validator: function validator(_, value) {
+        if (value === undefined || value === null || String(value).length >= minLength && String(value).length <= maxLength) return Promise.resolve();
+        return Promise.reject(staticFormatMessage({
+          id: '{label} must be {minLength} - {maxLength} characters.',
+          values: {
+            maxLength: maxLength,
+            minLength: minLength,
+            label: label
+          }
+        }));
+      }
+    });
+  }
+
+  if (maxLength !== undefined && minLength === undefined) {
+    rules.push({
+      validator: function validator(_, value) {
+        if (value === undefined || value === null || String(value).length <= maxLength) return Promise.resolve();
+        return Promise.reject(staticFormatMessage({
+          id: '{label} must be less than {maxLength} characters.',
+          values: {
+            maxLength: maxLength,
+            label: label
+          }
+        }));
+      }
+    });
+  }
+
+  if (maxLength === undefined && minLength !== undefined) {
+    rules.push({
+      validator: function validator(_, value) {
+        if (value === undefined || value === null || String(value).length >= minLength) return Promise.resolve();
+        return Promise.reject(staticFormatMessage({
+          id: '{label} must be at least {minLength} characters.',
+          values: {
+            minLength: minLength,
+            label: label
+          }
+        }));
+      }
+    });
+  }
+
+  if (pattern) {
+    rules.push({
+      validator: function validator(_, value) {
+        if (new RegExp(pattern).test(value)) return Promise.resolve();
+        return Promise.reject(staticFormatMessage({
+          id: '{label} must match ther pattern {pattern}.',
+          values: {
+            pattern: pattern,
+            label: label
+          }
+        }));
+      }
+    });
+  }
+
+  return {
+    rules: rules
+  };
 };
 
 export default IglooInput;

package/lib/input/input.js

@@ -17,6 +17,8 @@ var _formMethods = _interopRequireDefault(require("../utils/form-methods"));
 
 var _omit = _interopRequireDefault(require("omit.js"));
 
+var _locale = require("@/locale");
+
 require("./style/index.less");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -36,7 +38,76 @@ var IglooInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 });
 
 IglooInput.formItemPropsHandler = function (config) {
-  return {};
+  var maxLength = config.maxLength,
+      minLength = config.minLength,
+      pattern = config.pattern,
+      label = config.label;
+  var rules = [];
+
+  if (maxLength !== undefined && minLength !== undefined) {
+    rules.push({
+      validator: function validator(_, value) {
+        if (value === undefined || value === null || String(value).length >= minLength && String(value).length <= maxLength) return Promise.resolve();
+        return Promise.reject((0, _locale.staticFormatMessage)({
+          id: '{label} must be {minLength} - {maxLength} characters.',
+          values: {
+            maxLength: maxLength,
+            minLength: minLength,
+            label: label
+          }
+        }));
+      }
+    });
+  }
+
+  if (maxLength !== undefined && minLength === undefined) {
+    rules.push({
+      validator: function validator(_, value) {
+        if (value === undefined || value === null || String(value).length <= maxLength) return Promise.resolve();
+        return Promise.reject((0, _locale.staticFormatMessage)({
+          id: '{label} must be less than {maxLength} characters.',
+          values: {
+            maxLength: maxLength,
+            label: label
+          }
+        }));
+      }
+    });
+  }
+
+  if (maxLength === undefined && minLength !== undefined) {
+    rules.push({
+      validator: function validator(_, value) {
+        if (value === undefined || value === null || String(value).length >= minLength) return Promise.resolve();
+        return Promise.reject((0, _locale.staticFormatMessage)({
+          id: '{label} must be at least {minLength} characters.',
+          values: {
+            minLength: minLength,
+            label: label
+          }
+        }));
+      }
+    });
+  }
+
+  if (pattern) {
+    rules.push({
+      validator: function validator(_, value) {
+        if (new RegExp(pattern).test(value)) return Promise.resolve();
+        return Promise.reject((0, _locale.staticFormatMessage)({
+          id: '{label} must match ther pattern {pattern}.',
+          values: {
+            pattern: pattern,
+            label: label
+          }
+        }));
+      }
+    });
+  }
+
+  return {
+    rules: rules
+  };
 };
 
 var _default = IglooInput;

package/package.json

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

package/es/example/index.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-declare const Excample: FC;
-export default Excample;

package/es/example/index.js

@@ -1,119 +0,0 @@
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-var _excluded = ["onSubmit"];
-
-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 _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; }
-
-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; }
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState } from 'react';
-import { RedoOutlined } from '@ant-design/icons';
-import { LocaleProvider } from '../locale';
-import Select from '../select';
-import ReactJson from 'react-json-view';
-
-var Excample = function Excample(_ref) {
-  var children = _ref.children;
-
-  var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      result = _useState2[0],
-      setResult = _useState2[1];
-
-  var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      key = _useState4[0],
-      setKey = _useState4[1];
-
-  var _useState5 = useState('en-US'),
-      _useState6 = _slicedToArray(_useState5, 2),
-      currentLang = _useState6[0],
-      setLang = _useState6[1];
-
-  var options = [{
-    label: 'en-US',
-    value: 'en-US'
-  }, {
-    label: 'id-ID',
-    value: 'id-ID'
-  }, {
-    label: 'th-TH',
-    value: 'th-TH'
-  }, {
-    label: 'vi-VN',
-    value: 'vi-VN'
-  }, {
-    label: 'zh-CN',
-    value: 'zh-CN'
-  }, {
-    label: 'zh-TW',
-    value: 'zh-TW'
-  }];
-
-  var _children$props = children.props,
-      onSubmit = _children$props.onSubmit,
-      rest = _objectWithoutProperties(_children$props, _excluded);
-
-  var handleSubmit = function handleSubmit(values) {
-    setResult(values);
-
-    if (typeof onSubmit === 'function') {
-      return onSubmit(values);
-    }
-  };
-
-  return _jsxs(LocaleProvider, {
-    currentLang: currentLang,
-    children: [_jsx(_Button, {
-      onClick: function onClick() {
-        setKey(key + 1);
-        setResult(undefined);
-      },
-      shape: "circle",
-      icon: _jsx(RedoOutlined, {}),
-      type: "primary",
-      style: {
-        marginBottom: 16
-      }
-    }), _jsx(Select, {
-      defaultValue: currentLang,
-      style: {
-        width: 200,
-        marginLeft: 20
-      },
-      options: options,
-      onChange: function onChange(e) {
-        return setLang(e);
-      }
-    }), /*#__PURE__*/React.cloneElement(children, _objectSpread(_objectSpread({}, rest), {}, {
-      onSubmit: handleSubmit,
-      key: key
-    })), result && _jsx(ReactJson, {
-      src: result,
-      displayDataTypes: false,
-      name: false,
-      displayObjectSize: false
-    })]
-  });
-};
-
-export default Excample;

package/es/example/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/es/example/style/index.js

@@ -1 +0,0 @@
-import './index.less';

package/lib/example/index.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-declare const Excample: FC;
-export default Excample;

package/lib/example/index.js

@@ -1,142 +0,0 @@
-"use strict";
-
-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); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("antd/es/button/style");
-
-var _button = _interopRequireDefault(require("antd/es/button"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _icons = require("@ant-design/icons");
-
-var _locale = require("../locale");
-
-var _select = _interopRequireDefault(require("../select"));
-
-var _reactJsonView = _interopRequireDefault(require("react-json-view"));
-
-var _excluded = ["onSubmit"];
-
-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; }
-
-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; }
-
-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 _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; }
-
-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; }
-
-var Excample = function Excample(_ref) {
-  var children = _ref.children;
-
-  var _useState = (0, _react.useState)(),
-      _useState2 = _slicedToArray(_useState, 2),
-      result = _useState2[0],
-      setResult = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      key = _useState4[0],
-      setKey = _useState4[1];
-
-  var _useState5 = (0, _react.useState)('en-US'),
-      _useState6 = _slicedToArray(_useState5, 2),
-      currentLang = _useState6[0],
-      setLang = _useState6[1];
-
-  var options = [{
-    label: 'en-US',
-    value: 'en-US'
-  }, {
-    label: 'id-ID',
-    value: 'id-ID'
-  }, {
-    label: 'th-TH',
-    value: 'th-TH'
-  }, {
-    label: 'vi-VN',
-    value: 'vi-VN'
-  }, {
-    label: 'zh-CN',
-    value: 'zh-CN'
-  }, {
-    label: 'zh-TW',
-    value: 'zh-TW'
-  }];
-
-  var _children$props = children.props,
-      onSubmit = _children$props.onSubmit,
-      rest = _objectWithoutProperties(_children$props, _excluded);
-
-  var handleSubmit = function handleSubmit(values) {
-    setResult(values);
-
-    if (typeof onSubmit === 'function') {
-      return onSubmit(values);
-    }
-  };
-
-  return (0, _jsxRuntime.jsxs)(_locale.LocaleProvider, {
-    currentLang: currentLang,
-    children: [(0, _jsxRuntime.jsx)(_button.default, {
-      onClick: function onClick() {
-        setKey(key + 1);
-        setResult(undefined);
-      },
-      shape: "circle",
-      icon: (0, _jsxRuntime.jsx)(_icons.RedoOutlined, {}),
-      type: "primary",
-      style: {
-        marginBottom: 16
-      }
-    }), (0, _jsxRuntime.jsx)(_select.default, {
-      defaultValue: currentLang,
-      style: {
-        width: 200,
-        marginLeft: 20
-      },
-      options: options,
-      onChange: function onChange(e) {
-        return setLang(e);
-      }
-    }), /*#__PURE__*/_react.default.cloneElement(children, _objectSpread(_objectSpread({}, rest), {}, {
-      onSubmit: handleSubmit,
-      key: key
-    })), result && (0, _jsxRuntime.jsx)(_reactJsonView.default, {
-      src: result,
-      displayDataTypes: false,
-      name: false,
-      displayObjectSize: false
-    })]
-  });
-};
-
-var _default = Excample;
-exports.default = _default;

package/lib/example/style/index.d.ts

@@ -1 +0,0 @@
-import './index.less';

package/lib/example/style/index.js

@@ -1,3 +0,0 @@
-"use strict";
-
-require("./index.less");