@para-ui/core 4.0.0-beta → 4.0.0-rc.1

package/_verture/{index-e6f85fd5.js → index-d251967e.js}

@@ -11,6 +11,8 @@ import Delete from '@para-ui/icons/Delete';
 import ParaLinkGroup from '@para-ui/icons/LinkGroup';
 import AutoTips from '../AutoTips/index.js';
 import { Button } from '../Button/index.js';
+import UploadIcon from '@para-ui/icons/UploadFile';
+import { u as useFormatMessage } from './useFormatMessage-703f8b20.js';
 import { s as styleInject } from './style-inject.es-300983ab.js';
 import { InputNumber } from '../InputNumber/index.js';
 import { ComboSelect } from '../ComboSelect/index.js';
@@ -23,15 +25,15 @@ var FormRadioGroup = function FormRadioGroup(props) {
   var defaultValue = props.defaultValue,
     change = props.change;
   /**
-  * 选中的值
-  */
+   * 选中的值
+   */
   var _React$useState = React__default.useState(defaultValue || ''),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectValue = _React$useState2[0],
     setSelectValue = _React$useState2[1];
   /**
-  * 选中值改变
-  */
+   * 选中值改变
+   */
   var changeValue = function changeValue(value) {
     setSelectValue(value);
     change && change(value);
@@ -49,15 +51,15 @@ var FormSelect = function FormSelect(props) {
     change = props.change,
     value = props.value;
   /**
-  * 选中的值
-  */
+   * 选中的值
+   */
   var _React$useState = React__default.useState(value !== undefined ? value : defaultValue),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectValue = _React$useState2[0],
     setSelectValue = _React$useState2[1];
   /**
-  * 选中值改变
-  */
+   * 选中值改变
+   */
   var changeValue = function changeValue(value) {
     setSelectValue(value);
     change && change(value);
@@ -78,15 +80,15 @@ var FormCheckboxGroup = function FormCheckboxGroup(props) {
   var defaultValue = props.defaultValue,
     change = props.change;
   /**
-  * 选中的值
-  */
+   * 选中的值
+   */
   var _React$useState = React__default.useState(defaultValue || []),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectValue = _React$useState2[0],
     setSelectValue = _React$useState2[1];
   /**
-  * 选中值改变
-  */
+   * 选中值改变
+   */
   var changeValue = function changeValue(value) {
     setSelectValue(value);
     change && change(value);
@@ -99,14 +101,18 @@ var FormCheckboxGroup = function FormCheckboxGroup(props) {
 };
 
 /**
-* 表单默认的校验方法
-* @type {{[name: string]: validateFunctionType}}
-*/
+ * 表单默认的校验方法
+ * @type {{[name: string]: validateFunctionType}}
+ */
 var fixedValidateFunction = {
-  'required': function required(item, val) {
+  'required': function required(item, val, intl) {
     var _a, _b, _c, _d;
     var vtype = _typeof(val);
-    var error = ((_b = (_a = item.rules) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.required) || "".concat(item.label, "\u4E0D\u80FD\u4E3A\u7A7A");
+    var error = ((_b = (_a = item.rules) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.required) || intl({
+      id: 'unEmpty'
+    }, {
+      label: item.label
+    });
     var jude = false;
     switch (vtype) {
       case 'string':
@@ -134,10 +140,14 @@ var fixedValidateFunction = {
     }
     return jude || error;
   },
-  'maxlength': function maxlength(item, val) {
+  'maxlength': function maxlength(item, val, intl) {
     var _a, _b, _c, _d, _e, _f;
     var vtype = _typeof(val);
-    var error = ((_b = (_a = item.rules) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.maxlength) || "\u6700\u5927\u957F\u5EA6\u4E0D\u80FD\u8D85\u8FC7".concat((_d = (_c = item.rules) === null || _c === void 0 ? void 0 : _c.validate) === null || _d === void 0 ? void 0 : _d.maxlength);
+    var error = ((_b = (_a = item.rules) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.maxlength) || intl({
+      id: 'maxLength'
+    }, {
+      len: (_d = (_c = item.rules) === null || _c === void 0 ? void 0 : _c.validate) === null || _d === void 0 ? void 0 : _d.maxlength
+    });
     var jude = false;
     if (vtype === 'string' || vtype === 'number' && val + 1 > val) {
       jude = !("".concat(val).length > (((_f = (_e = item.rules) === null || _e === void 0 ? void 0 : _e.validate) === null || _f === void 0 ? void 0 : _f.maxlength) || NaN));
@@ -146,10 +156,14 @@ var fixedValidateFunction = {
     }
     return jude || error;
   },
-  'minLength': function minLength(item, val) {
+  'minLength': function minLength(item, val, intl) {
     var _a, _b, _c, _d, _e, _f;
     var vtype = _typeof(val);
-    var error = ((_b = (_a = item.rules) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.minLength) || "\u6700\u5C0F\u957F\u5EA6\u4E3A".concat((_d = (_c = item.rules) === null || _c === void 0 ? void 0 : _c.validate) === null || _d === void 0 ? void 0 : _d.minLength);
+    var error = ((_b = (_a = item.rules) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.minLength) || intl({
+      id: 'minLength'
+    }, {
+      len: (_d = (_c = item.rules) === null || _c === void 0 ? void 0 : _c.validate) === null || _d === void 0 ? void 0 : _d.minLength
+    });
     var jude = false;
     if (vtype === 'string' || vtype === 'number' && val + 1 > val) {
       jude = "".concat(val).length >= (((_f = (_e = item.rules) === null || _e === void 0 ? void 0 : _e.validate) === null || _f === void 0 ? void 0 : _f.minLength) || -1);
@@ -158,30 +172,42 @@ var fixedValidateFunction = {
     }
     return jude || error;
   },
-  'pattern': function pattern(item, val) {
+  'pattern': function pattern(item, val, intl) {
     var _a, _b, _c, _d;
     var testReg = (_b = (_a = item.rules) === null || _a === void 0 ? void 0 : _a.validate) === null || _b === void 0 ? void 0 : _b.pattern;
-    var error = ((_d = (_c = item.rules) === null || _c === void 0 ? void 0 : _c.message) === null || _d === void 0 ? void 0 : _d.pattern) || "\u53C2\u6570\u4E0D\u7B26\u5408\u6821\u9A8C\u89C4\u5219: ".concat(testReg);
+    var error = ((_d = (_c = item.rules) === null || _c === void 0 ? void 0 : _c.message) === null || _d === void 0 ? void 0 : _d.pattern) || intl({
+      id: 'unRule'
+    }, {
+      rule: '' + testReg
+    });
     var jude = !val;
     if (testReg && val && typeof testReg !== 'function') {
       jude = testReg.test(val);
     }
     return jude || error;
   },
-  'min': function min(item, val) {
+  'min': function min(item, val, intl) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     var vtype = _typeof(val);
-    var error = ((_b = (_a = item.rules) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.min) || "\u6700\u5C0F\u503C\u4E3A".concat((_d = (_c = item.rules) === null || _c === void 0 ? void 0 : _c.validate) === null || _d === void 0 ? void 0 : _d.min);
+    var error = ((_b = (_a = item.rules) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.min) || intl({
+      id: 'minValue'
+    }, {
+      val: (_d = (_c = item.rules) === null || _c === void 0 ? void 0 : _c.validate) === null || _d === void 0 ? void 0 : _d.min
+    });
     var jude = !val;
     if (vtype === 'string' || vtype === 'number') {
       jude = val >= (((_f = (_e = item.rules) === null || _e === void 0 ? void 0 : _e.validate) === null || _f === void 0 ? void 0 : _f.min) === undefined ? -Infinity : (_h = (_g = item.rules) === null || _g === void 0 ? void 0 : _g.validate) === null || _h === void 0 ? void 0 : _h.min);
     }
     return jude || error;
   },
-  'max': function max(item, val) {
+  'max': function max(item, val, intl) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     var vtype = _typeof(val);
-    var error = ((_b = (_a = item.rules) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.max) || "\u6700\u5927\u503C\u4E3A".concat((_d = (_c = item.rules) === null || _c === void 0 ? void 0 : _c.validate) === null || _d === void 0 ? void 0 : _d.max);
+    var error = ((_b = (_a = item.rules) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.max) || intl({
+      id: 'maxValue'
+    }, {
+      val: (_d = (_c = item.rules) === null || _c === void 0 ? void 0 : _c.validate) === null || _d === void 0 ? void 0 : _d.max
+    });
     var jude = !val;
     if (vtype === 'string' || vtype === 'number') {
       jude = val <= (((_f = (_e = item.rules) === null || _e === void 0 ? void 0 : _e.validate) === null || _f === void 0 ? void 0 : _f.max) === undefined ? Infinity : (_h = (_g = item.rules) === null || _g === void 0 ? void 0 : _g.validate) === null || _h === void 0 ? void 0 : _h.max);
@@ -193,7 +219,7 @@ var fixedValidateFunction = {
 * 表单rules校验方法
 * @type {validateFunctionType}
 */
-var validate = function validate(item, val) {
+var validate = function validate(item, val, intl) {
   var _a, _b;
   var validateObj = (_a = item.rules) === null || _a === void 0 ? void 0 : _a.validate;
   if (validateObj) {
@@ -202,11 +228,11 @@ var validate = function validate(item, val) {
       var tempFuc = validateObj[key];
       var tmsg = '';
       if (typeof tempFuc === 'function') {
-        tmsg = tempFuc(item, val);
+        tmsg = tempFuc(item, val, intl);
         if (tmsg === false && messageObj) tmsg = messageObj[key];
       } else if (!!tempFuc && fixedValidateFunction[key]) {
-        tmsg = fixedValidateFunction[key](item, val);
-      } else if (!!!tempFuc) {
+        tmsg = fixedValidateFunction[key](item, val, intl);
+      } else if (!tempFuc) {
         tmsg = true;
       } else {
         console.log("\u9879\u76EE: ".concat(item.label, ", \u81EA\u5B9A\u4E49\u6821\u9A8C\u89C4\u5219: ").concat(key, ", \u65B9\u6CD5\u672A\u5B9A\u4E49"));
@@ -218,6 +244,31 @@ var validate = function validate(item, val) {
   return false;
 };
 
+var en = {
+  choseFile: 'Chose File',
+  unEmpty: '{label} Cannot be empty',
+  maxLength: 'The maximum length cannot be exceeded{len}',
+  minLength: 'The minimum length cannot be exceeded{len}',
+  unRule: 'The parameter does not comply with the validation rule {rule}',
+  minValue: 'The minimum value is {val}',
+  maxValue: 'The maximum value is {val}'
+};
+
+var zh = {
+  choseFile: '选择文件',
+  unEmpty: '{label}不能为空',
+  maxLength: '最大长度不能超过{len}',
+  minLength: '最小长度为{len}',
+  unRule: '参数不符合校验规则{rule}',
+  minValue: '最小值为{val}',
+  maxValue: '最大值为{val}'
+};
+
+var localeJson = {
+  zh: zh,
+  en: en
+};
+
 var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.form-file {\n  padding: 6px;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.form-file .file-tips {\n  min-height: 20px;\n  position: relative;\n  padding: 6px;\n}\n.form-file .file-tips .file-tips-item {\n  position: relative;\n  height: 20px;\n  line-height: 16px;\n  padding-right: 20px;\n}\n.form-file .file-tips .file-tips-item > [data-name=LinkGroup] {\n  vertical-align: middle;\n  margin-right: 9px;\n}\n.form-file .file-tips .file-tips-item .file-tips-context {\n  display: inline-block;\n  vertical-align: middle;\n  width: calc(100% - 45px);\n  color: rgb(92, 101, 115);\n}\n.form-file .file-tips .file-tips-item > [data-name=Delete] {\n  display: none;\n  vertical-align: middle;\n  cursor: pointer;\n  position: absolute;\n  right: 3px;\n  top: 2px;\n}\n.form-file .file-tips .file-tips-item > [data-name=Delete]:hover {\n  opacity: 0.8;\n}\n.form-file .file-tips .file-tips-item:hover {\n  backgroundColor: #f5f5f5;\n}\n.form-file .file-tips .file-tips-item:hover > [data-name=Delete] {\n  display: inline-block;\n}";
 styleInject(css_248z$1);
 
@@ -233,6 +284,7 @@ var FormFile = function FormFile(props) {
     buttonLabel = props.buttonLabel,
     inputProps = props.inputProps,
     buttonProps = props.buttonProps;
+  var intl = useFormatMessage('FormItem', localeJson);
   /**
    * 存储文件输入框真实dom
    * @type {HTMLInputElement}
@@ -280,9 +332,12 @@ var FormFile = function FormFile(props) {
     children: [!disabled && jsx(Button, Object.assign({
       variant: "outlined"
     }, buttonProps, {
+      startIcon: jsx(UploadIcon, {}),
       onClick: inputFileClick
     }, {
-      children: buttonLabel || '选择文件'
+      children: buttonLabel || intl({
+        id: 'chooseFile'
+      })
     })), jsx("input", Object.assign({}, inputProps, {
       ref: inputFileEl,
       type: "file",
@@ -314,10 +369,10 @@ var FormFile = function FormFile(props) {
 };
 
 /**
-* @module src\FormItem\compoments\defaultCompoments\index.tsx
-* @author zhanzl
-* @date 2022/06/02
-*/
+ * @module src\FormItem\compoments\defaultCompoments\index.tsx
+ * @author zhanzl
+ * @date 2022/06/02
+ */
 var DefaultCompoments = function DefaultCompoments(props) {
   var error = props.error,
     placeholder = props.placeholder,
@@ -366,6 +421,7 @@ var ItemType = function ItemType(props) {
     backData = props.backData,
     disabled = props.disabled,
     change = props.change;
+  var intl = useFormatMessage('FormItem', localeJson);
   var tipsStr = placeholder || "".concat(label);
   /**
    * 报错信息
@@ -387,7 +443,7 @@ var ItemType = function ItemType(props) {
       setErrorMsg: setErrorMsg,
       setAndValidateValue: setAndValidateValue
     });
-    var errorMessage = validate(item, val) || '';
+    var errorMessage = validate(item, val, intl) || '';
     setErrorMsg(errorMessage);
   };
   /**
@@ -528,6 +584,7 @@ var ItemType = function ItemType(props) {
         }
         return jsx(TextField, Object.assign({
           defaultValue: backData[name] || '',
+          autocomplete: "off",
           error: errorStatus,
           placeholder: tipsStr,
           onChange: function onChange(e) {
@@ -543,24 +600,24 @@ var ItemType = function ItemType(props) {
 };
 
 /**
-* 报错信息组件
-* @description 为了解决，在主组件设置state，导致输入框中内容刷新，且失去焦点
-*/
+ * 报错信息组件
+ * @description 为了解决，在主组件设置state，导致输入框中内容刷新，且失去焦点
+ */
 var ErrorTips = function ErrorTips(props) {
   var getSetError = props.getSetError,
     errorMessage = props.errorMessage,
     helperTextProps = props.helperTextProps;
   /**
-  * 报错信息
-  * @type {string}
-  */
+   * 报错信息
+   * @type {string}
+   */
   var _React$useState = React__default.useState(errorMessage || ''),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     errorTips = _React$useState2[0],
     setErrorTips = _React$useState2[1];
   /**
-  * 初始化传出， 设置错误信息方法
-  */
+   * 初始化传出， 设置错误信息方法
+   */
   React__default.useEffect(function () {
     setErrorTips(errorMessage || '');
   }, [errorMessage]);
@@ -656,7 +713,7 @@ var FormItem = function FormItem(props) {
   /** 处理className */
   var handClass = function handClass() {
     var str = "".concat($prefixCls, "-form-item ").concat($prefixCls, "-form-item-").concat(name);
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     if (typeof InputType === 'string' && formInputTypeJson[InputType]) {
       str += " ".concat($prefixCls, "-form-item-").concat(InputType);
     }
@@ -705,4 +762,4 @@ var FormItem = function FormItem(props) {
   }));
 };
 
-export { FormItem as F, validate as v };
+export { FormItem as F, localeJson as l, validate as v };

package/_verture/{modalContext-c12ca3e8.js → modalContext-9299acc9.js}

@@ -1,6 +1,6 @@
 import { _ as _toConsumableArray } from './toConsumableArray-8f4c9589.js';
 import { _ as _slicedToArray } from './slicedToArray-a8206399.js';
-import { r as regenerator } from './index-d63bd287.js';
+import { r as regenerator } from './index-232d890b.js';
 import { a as __awaiter } from './tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default from 'react';
@@ -23,8 +23,8 @@ var FDialog = function FDialog(props) {
     listIndex = props.listIndex,
     ModalProps = props.ModalProps;
   /**
-  * 外部想要单独关闭弹窗传出
-  */
+   * 外部想要单独关闭弹窗传出
+   */
   React__default.useEffect(function () {
     getClose && getClose(function () {
       return onClose(listIndex);
@@ -56,8 +56,8 @@ var FDialog = function FDialog(props) {
 };
 
 /**
-* 创建模态框的上下文
-*/
+ * 创建模态框的上下文
+ */
 var FunctionModalContext = /*#__PURE__*/React__default.createContext(Promise.reject);
 /**
  * 弹出框组件
@@ -71,8 +71,8 @@ var useModal = function useModal() {
 };
 var setState;
 /**
-* 函数弹窗组件Provider
-*/
+ * 函数弹窗组件Provider
+ */
 var FunctionModalProvider = function FunctionModalProvider(_ref) {
   var children = _ref.children;
   // 模态框组 配置
@@ -88,10 +88,10 @@ var FunctionModalProvider = function FunctionModalProvider(_ref) {
   // 存储每个模态框的 promise 方法
   var awaitingPromiseRef = React__default.useRef([]);
   /**
-  * 模态框初始化方法
-  * @param options 模态框配置
-  * @return 返回一个promise 用于外部判断弹窗状态
-  */
+   * 模态框初始化方法
+   * @param options 模态框配置
+   * @return 返回一个promise 用于外部判断弹窗状态
+   */
   var openConfirmation = function openConfirmation(options) {
     setConfirmationState(function (pre) {
       pre.push(options);
@@ -105,10 +105,10 @@ var FunctionModalProvider = function FunctionModalProvider(_ref) {
     });
   };
   /**
-  * 模态框关闭方法
-  * @param idx 模态框在模态框数组里的下标，用于拿到对应的配置 和 promise
-  * @description 关闭后会清空相关配置
-  */
+   * 模态框关闭方法
+   * @param idx 模态框在模态框数组里的下标，用于拿到对应的配置 和 promise
+   * @description 关闭后会清空相关配置
+   */
   var handleClose = function handleClose(idx) {
     // 是否有禁用取消停止功能的配置
     if (confirmationState[idx] && !confirmationState[idx].disCatchOnCancel && awaitingPromiseRef.current[idx]) {
@@ -120,9 +120,9 @@ var FunctionModalProvider = function FunctionModalProvider(_ref) {
     deleteOption(idx);
   };
   /**
-  * 模态框确定触发的方法
-  * @param idx 模态框在模态框数组里的下标，用于拿到对应的配置 和 promise
-  */
+   * 模态框确定触发的方法
+   * @param idx 模态框在模态框数组里的下标，用于拿到对应的配置 和 promise
+   */
   var handleSubmit = function handleSubmit(idx) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
       var checkFuc, jude, pRef;
@@ -157,10 +157,10 @@ var FunctionModalProvider = function FunctionModalProvider(_ref) {
     }));
   };
   /**
-  * 删除模态框配置，promise 执行成功操作
-  * @param pRef 模态框的promise
-  * @param idx 模态框在模态框组里的下标
-  */
+   * 删除模态框配置，promise 执行成功操作
+   * @param pRef 模态框的promise
+   * @param idx 模态框在模态框组里的下标
+   */
   var deleteOption = function deleteOption(idx, pRef) {
     setTimeout(function () {
       pRef && pRef.resolve(true);
@@ -172,10 +172,10 @@ var FunctionModalProvider = function FunctionModalProvider(_ref) {
     }, 200);
   };
   /**
-  * 隐藏模态框对应的dom
-  * @param idx 模态框在模态框数组里的下标
-  * @desc 解决异步导致的闪烁问题
-  */
+   * 隐藏模态框对应的dom
+   * @param idx 模态框在模态框数组里的下标
+   * @desc 解决异步导致的闪烁问题
+   */
   var hideDialog = function hideDialog(idx) {
     var dialogEl = document.querySelectorAll('.function-modal .MuiDialog-container')[idx];
     if (dialogEl) dialogEl.style.opacity = '0';