@para-ui/core 3.0.86 → 3.0.88

package/DynamicMultiBox/index.js

@@ -305,7 +305,9 @@ var FormItem = function FormItem(props) {
 };
 
 var RowForm = function RowForm(props) {
-  var _props$valueList = props.valueList,
+  var _props$rowKey = props.rowKey,
+    rowKey = _props$rowKey === void 0 ? 'id' : _props$rowKey,
+    _props$valueList = props.valueList,
     valueList = _props$valueList === void 0 ? [] : _props$valueList,
     rowError = props.rowError,
     _props$errors = props.errors,
@@ -338,13 +340,13 @@ var RowForm = function RowForm(props) {
           othersData = __rest(data, ["style"]);
         var formItemProps = (data === null || data === void 0 ? void 0 : data.inputType) !== 'Switch' ? Object.assign({
           rowIndex: rowIndex,
-          id: rowValue.id,
+          id: rowValue[rowKey],
           value: rowValue === null || rowValue === void 0 ? void 0 : rowValue[data.name || ''],
           error: !!(rowError === null || rowError === void 0 ? void 0 : rowError[data.name || '']),
           helperText: rowError === null || rowError === void 0 ? void 0 : rowError[data.name || '']
         }, othersData) : Object.assign({
           rowIndex: rowIndex,
-          id: rowValue.id,
+          id: rowValue[rowKey],
           checked: rowValue === null || rowValue === void 0 ? void 0 : rowValue[data.name || '']
         }, othersData);
         return jsxs("div", Object.assign({
@@ -929,7 +931,9 @@ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下
 styleInject(css_248z);
 
 var DynamicMultiBox = function DynamicMultiBox(props) {
-  var valueList = props.valueList,
+  var _props$rowKey = props.rowKey,
+    rowKey = _props$rowKey === void 0 ? 'id' : _props$rowKey,
+    valueList = props.valueList,
     _props$config = props.config,
     config = _props$config === void 0 ? [] : _props$config,
     _props$errors = props.errors,
@@ -1148,7 +1152,8 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
             required = item.required,
             className = item.className,
             inputType = item.inputType,
-            style = item.style;
+            style = item.style,
+            labelProps = item.labelProps;
           var str = 'title-config-row-item';
           if (inputType === 'Switch') str += ' row-form-switch';
           if (className) str += ' ' + className;
@@ -1158,10 +1163,10 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
             className: str,
             style: styleCom
           }, {
-            children: jsx(Label, {
+            children: jsx(Label, Object.assign({
               required: required,
               label: label
-            })
+            }, labelProps))
           }), index);
         })
       })) : titleMode === 'single' ? jsx(Label, {
@@ -1189,7 +1194,7 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
         }))]
       }))]
     }));
-  }, [titleMode, fixedConfig, selectedConfig, isSort, isFilter, checked, onCheckChange, onRestoreDefault]);
+  }, [titleMode, fixedConfig, selectedConfig, isSort, isFilter, checked, onCheckChange, onRestoreDefault, rowKey]);
   /**
    * 判断是否全部隐藏删除
    * 默认全部隐藏
@@ -1201,7 +1206,7 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
       return false;
     }
     for (var i = 0, l = valueList === null || valueList === void 0 ? void 0 : valueList.length; i < l; i++) {
-      var id = (_a = valueList[i]) === null || _a === void 0 ? void 0 : _a.id;
+      var id = (_a = valueList[i]) === null || _a === void 0 ? void 0 : _a[rowKey];
       if (id && deleteDisable.indexOf(id) === -1) {
         bol = false;
         break;
@@ -1220,14 +1225,15 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
       return jsx(Fragment, {
         children: valueList.map(function (item, rowIndex) {
           var _a;
-          var id = item.id;
+          var id = item[rowKey];
           var rowError = (_a = errors === null || errors === void 0 ? void 0 : errors.filter(function (item) {
-            return item.id === id;
+            return item[rowKey] === id;
           })) === null || _a === void 0 ? void 0 : _a[0];
           return jsxs("div", Object.assign({
             className: 'content-row-form'
           }, {
             children: [jsx(RowForm, {
+              rowKey: rowKey,
               rowIndex: rowIndex,
               valueList: valueList,
               errors: errors,
@@ -1263,7 +1269,7 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
         })
       });
     }
-  }, [valueList, isSort, isFilter, errors, fixedConfig, selectedConfig, keepLastItem, deleteRender]);
+  }, [valueList, isSort, isFilter, errors, fixedConfig, selectedConfig, keepLastItem, deleteRender, rowKey]);
   /**
    * @desc 删除事件
    * */
@@ -1304,12 +1310,8 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
     var id = UUID();
     // 取出已经筛选的配置数据
     var configArr = [].concat(_toConsumableArray(fixedConfig), _toConsumableArray(selectedConfig));
-    valueArr.push(Object.assign(Object.assign({}, getNewItem(configArr, 'value')), {
-      id: id
-    }));
-    errorArr.push(Object.assign(Object.assign({}, getNewItem(configArr, 'error')), {
-      id: id
-    }));
+    valueArr.push(Object.assign(Object.assign({}, getNewItem(configArr, 'value')), _defineProperty({}, rowKey, id)));
+    errorArr.push(Object.assign(Object.assign({}, getNewItem(configArr, 'error')), _defineProperty({}, rowKey, id)));
     onAdd && onAdd(valueArr, errorArr);
   };
   /**
@@ -1329,12 +1331,12 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
   var onDragSort = function onDragSort(newValueList) {
     // 获取排序后 id映射下标集合
     var idMapIndex = newValueList.reduce(function (acc, cur, index) {
-      return Object.assign(Object.assign({}, acc), _defineProperty({}, cur.id, index));
+      return Object.assign(Object.assign({}, acc), _defineProperty({}, cur[rowKey], index));
     }, {});
     // 需要交换的下标集合
     var swapIds = [];
     valueList.forEach(function (item, idx) {
-      if (idx !== idMapIndex[item.id]) swapIds.push(idx);
+      if (idx !== idMapIndex[item[rowKey]]) swapIds.push(idx);
     });
     onSort && onSort(newValueList, swapIds);
   };
@@ -1363,14 +1365,15 @@ var DynamicMultiBox = function DynamicMultiBox(props) {
       className: "multi-value-content",
       ref: domRef
     }, {
-      children: [renderTitle, jsx(dist.exports.ReactSortable, Object.assign({
+      children: [renderTitle, isSort ? jsx(dist.exports.ReactSortable, Object.assign({
+        id: rowKey,
         list: valueList,
         handle: '.sort-handler',
         animation: 150,
         setList: onDragSort
       }, {
         children: renderContent
-      }))]
+      })) : renderContent]
     })), jsxs("div", Object.assign({
       className: "add-button ".concat(disabledAdd ? 'disabled-add' : 'normal-button'),
       onClick: onAddEvent,

package/DynamicMultiBox/interface.d.ts

@@ -5,6 +5,7 @@
  */
 import { ReactNode } from "react";
 import { TextFieldProps, SelectProps, SwitchProps, InputNumberProps, InputLangProps, ComboSelectProps, DatePickerProps } from "@para-ui/core";
+import { LabelProps } from "../Label";
 /**组件类型：输入框，下拉框，开关，数字输入框，国际化输入框，日期框，时间选择框，组合选择器,自定义组件*/
 export type IInputType = 'TextField' | 'Select' | 'Switch' | 'InputNumber' | 'InputLang' | 'ComboSelect' | 'DatePicker' | 'custom';
 /** 配置项*/
@@ -27,31 +28,28 @@ export type IConfig = {
     list?: ((rowIndex: number, id: string, name: string, valueList: IValueList[]) => any[]) | any[];
     /** 样式 */
     style?: React.CSSProperties;
+    /** 标题样式 */
+    labelProps?: LabelProps;
     /** 其他*/
     [name: string]: any;
 } & (TextFieldProps | SelectProps | SwitchProps | InputNumberProps | InputLangProps | ComboSelectProps | DatePickerProps);
 /** value集合*/
 export interface IValueList {
-    /** id*/
-    id: string;
     /** 每行value值集合， name映射configItem中的name*/
     [name: string]: any;
 }
 export interface IErrors {
-    /** id*/
-    id: string;
     /** 每行错误集合，name映射configItem中的name*/
     [name: string]: any;
 }
 export interface ICurrentItem {
     /** 表单名*/
     name?: string;
-    /** 表单所处行id*/
-    id: string;
     /** 表单值*/
     value?: any;
     /** 表单所处下标*/
     rowIndex?: number;
+    [name: string]: any;
 }
 /** 过滤回调出参*/
 export interface IFilterParams {
@@ -66,6 +64,8 @@ export interface IFilterParams {
 }
 /** 主体接口定义*/
 export interface IMultiValueProps {
+    /** 指定每行key */
+    rowKey?: string;
     /**
      * 组件配置项
      */

package/DynamicMultiBox/rowForm.d.ts

@@ -1,6 +1,8 @@
 import { ReactNode } from "react";
 import { IConfig, IErrors, IValueList } from './interface';
 export interface IRowForm {
+    /** 指定每行key */
+    rowKey?: string;
     /** 行数据*/
     valueList?: IValueList[];
     /**行错误数据 */

package/Form/index.js

@@ -3,7 +3,8 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, v as validate } from '../_verture/index-fa8a0124.js';
+import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-816522b9.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
 import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../TextField/index.js';
@@ -35,7 +36,6 @@ import '../Radio/index.js';
 import '../Select/index.js';
 import '../_verture/defineProperty-62acccfc.js';
 import '../Empty/index.js';
-import '../_verture/useFormatMessage-703f8b20.js';
 import '@para-ui/icons/Close';
 import '@para-ui/icons/Down';
 import '@para-ui/icons/Check';
@@ -93,6 +93,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  * @description 用于根据配置自动生成表单
  */
 var Form = function Form(props) {
+  var intl = useFormatMessage('FormItem', localeJson);
   var _props$className = props.className,
     className = _props$className === void 0 ? "" : _props$className,
     FormProps = props.FormProps,
@@ -202,7 +203,7 @@ var Form = function Form(props) {
           errorCount++;
           continue;
         }
-        var msg = validate(tItem, refData.current.allValues[key]);
+        var msg = validate(tItem, refData.current.allValues[key], intl);
         if (msg) {
           errorCount++;
           if (typeof msg === "string") refData.current.itemsCheckMessage[key] = msg;

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-fa8a0124.js';
+export { F as default } from '../_verture/index-816522b9.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-66aa48a1.js';

package/FormItem/lang/en_US.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    choseFile: string;
+    unEmpty: string;
+    maxLength: string;
+    minLength: string;
+    unRule: string;
+    minValue: string;
+    maxValue: string;
+};
+export default _default;

package/FormItem/lang/index.d.ts

@@ -0,0 +1,21 @@
+declare const _default: {
+    zh: {
+        choseFile: string;
+        unEmpty: string;
+        maxLength: string;
+        minLength: string;
+        unRule: string;
+        minValue: string;
+        maxValue: string;
+    };
+    en: {
+        choseFile: string;
+        unEmpty: string;
+        maxLength: string;
+        minLength: string;
+        unRule: string;
+        minValue: string;
+        maxValue: string;
+    };
+};
+export default _default;

package/FormItem/lang/zh_CN.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    choseFile: string;
+    unEmpty: string;
+    maxLength: string;
+    minLength: string;
+    unRule: string;
+    minValue: string;
+    maxValue: string;
+};
+export default _default;

package/FormItem/validateFunction.d.ts

@@ -6,7 +6,7 @@ import { FormItemProps } from './index';
 * @param {any} val 校验项的值
 * @return {boolean | string} 返回校验结果或报错信息
 */
-export type validateFunctionType = (item: FormItemProps, val: any) => boolean | string;
+export type validateFunctionType = (item: FormItemProps, val: any, intl: any) => boolean | string;
 /**
 * 表单rules校验方法
 * @type {validateFunctionType}

package/FunctionModal/index.js

@@ -1,5 +1,5 @@
-import { u as useModal } from '../_verture/modalContext-20780c9a.js';
-export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-20780c9a.js';
+import { u as useModal } from '../_verture/modalContext-630bdb73.js';
+export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-630bdb73.js';
 import '../_verture/toConsumableArray-81040c9e.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../_verture/slicedToArray-76060636.js';
@@ -29,7 +29,7 @@ import '@paraview/lib';
 import '../_verture/useFormatMessage-703f8b20.js';
 import '@para-ui/core/GlobalContext';
 import '@para-ui/icons/Close';
-import '../_verture/index-e2881a53.js';
+import '../_verture/index-65bbd1e4.js';
 import 'react-dom';
 import '@para-ui/icons/CheckCircleF';
 import '@para-ui/icons/CloseCircleF';

package/GlobalContext/confirmLocale.d.ts

@@ -2,6 +2,5 @@ export declare const changeConfirmLocale: (newLocale: {
     [name: string]: any;
 }) => void;
 export declare const getConfirmLocale: () => {
-    cancel: string;
-    ok: string;
+    [key: string]: string;
 };

package/GlobalContext/index.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { i as i18nIntl } from '../_verture/intl-4a9f1b44.js';
 import { GetLanguage } from '@paraview/lib';
-import { d as defaultModalLocale } from '../_verture/index-e2881a53.js';
+import { d as defaultModalLocale } from '../_verture/index-65bbd1e4.js';
 import '../_verture/typeof-498dd2b1.js';
 
 //confirm 默认中文
@@ -15,7 +15,8 @@ var changeConfirmLocale = function changeConfirmLocale(newLocale) {
   }
 };
 var getConfirmLocale = function getConfirmLocale() {
-  return confirmRuntimeLocale;
+  var lang = GetLanguage();
+  return (defaultModalLocale === null || defaultModalLocale === void 0 ? void 0 : defaultModalLocale[lang]) || defaultModalLocale['zh'];
 };
 
 var GlobalContext = /*#__PURE__*/React__default.createContext({

package/Modal/index.js

@@ -6,7 +6,7 @@ import Dialog from 'rc-dialog';
 import { Button } from '../Button/index.js';
 import CloseIcon from '@para-ui/icons/Close';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
-import { d as defaultModalLocale } from '../_verture/index-e2881a53.js';
+import { d as defaultModalLocale } from '../_verture/index-65bbd1e4.js';
 import ReactDOM from 'react-dom';
 import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';

package/Modal/lang/index.d.ts

@@ -7,5 +7,13 @@ declare const _default: {
         cancel: string;
         ok: string;
     };
+    'zh-CN': {
+        cancel: string;
+        ok: string;
+    };
+    'en-US': {
+        cancel: string;
+        ok: string;
+    };
 };
 export default _default;

package/OperateBtn/index.js

@@ -8,6 +8,7 @@ import { Button } from '../Button/index.js';
 import { Popover } from '../Popover/index.js';
 import AutoTips from '../AutoTips/index.js';
 import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../_verture/typeof-498dd2b1.js';
@@ -23,9 +24,21 @@ import 'rc-dropdown';
 import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
 import '@paraview/lib';
-import '../_verture/useFormatMessage-703f8b20.js';
 import '@para-ui/core/GlobalContext';
 
+var en = {
+  more: 'more'
+};
+
+var zh = {
+  more: '更多'
+};
+
+var localeJson = {
+  zh: zh,
+  en: en
+};
+
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2022/4/13 10:48 AM\n* @description 表格操作按钮\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-operate-btn {\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  display: flex;\n  align-items: center;\n}\n.paraui-v3-operate-btn > .operate-btn-line {\n  display: inline-block;\n  width: 1px;\n  background-color: rgba(54, 102, 214, 0.2);\n  margin: 0 12px;\n}\n.paraui-v3-operate-btn.paraui-v3-operate-btn-small > .operate-btn-line {\n  height: 12px;\n}\n.paraui-v3-operate-btn.paraui-v3-operate-btn-small button svg {\n  font-size: 18px;\n}\n.paraui-v3-operate-btn.paraui-v3-operate-btn-medium > .operate-btn-line {\n  height: 14px;\n}\n.paraui-v3-operate-btn.paraui-v3-operate-btn-medium button svg {\n  font-size: 24px;\n}\n.paraui-v3-operate-btn.paraui-v3-operate-btn-large > .operate-btn-line {\n  height: 16px;\n}\n.paraui-v3-operate-btn.paraui-v3-operate-btn-large button > svg {\n  font-size: 28px;\n}\n\n.paraui-v3-operate-btn-popover .operate-btn-list {\n  padding: 8px 0;\n}\n.paraui-v3-operate-btn-popover .operate-btn-list > .operate-btn-list-item {\n  padding: 0 12px;\n  max-width: 120px;\n  cursor: pointer;\n  color: rgb(46, 55, 67);\n  line-height: 36px;\n  text-align: left;\n}\n.paraui-v3-operate-btn-popover .operate-btn-list > .operate-btn-list-item:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-operate-btn-popover .operate-btn-list > .operate-btn-list-item-disabled {\n  cursor: not-allowed;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-operate-btn-popover .operate-btn-list > .operate-btn-list-item-danger {\n  color: rgb(235, 96, 84);\n}";
 styleInject(css_248z);
 
@@ -55,6 +68,7 @@ var OperateBtn = function OperateBtn(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     loadingInside = _useState4[0],
     setLoadingInside = _useState4[1]; // 内部loading
+  var intl = useFormatMessage('OperateBtn', localeJson);
   // 点击选项
   var clickItem = function clickItem(item, index) {
     return function (e) {
@@ -172,7 +186,9 @@ var OperateBtn = function OperateBtn(props) {
       }, {
         children: jsx(Button.IconButton, Object.assign({
           variant: 'text',
-          toolTipTitle: !openMoreCom && '更多',
+          toolTipTitle: !openMoreCom && intl({
+            id: 'more'
+          }),
           TooltipProps: {
             placement: placement,
             arrow: false

package/README.md

@@ -1,3 +1,18 @@
+## 版本: 3.0.88
+
+    para-ui/core@3.0.88 发布
+        【表单-Form】表单校验国际化
+        【动态多值框-DynamicMultiBox】增加labelProps参数，用来修改标题
+        【动态多值框-DynamicMultiBox】增加rowKey,用来自定义每行的唯一id
+        【动态多值框-DynamicMultiBox】没有拖拽，valueList不生成chosen，selected字段
+
+## 版本: 3.0.87
+
+    para-ui/core@3.0.87 发布
+        【确认框-Confirm】修复确认框国际化问题
+        【表格操作按钮-OperateBtn】表格操作按钮国际化
+        【表单-FormFile】修改表单选择文件国际化问题
+
 ## 版本: 3.0.86
 
     para-ui/core@3.0.86 发布

package/Upload/index.js

@@ -37,7 +37,7 @@ import '@paraview/lib';
 import 'rc-slider';
 import 'rc-dialog';
 import '@para-ui/icons/Close';
-import '../_verture/index-e2881a53.js';
+import '../_verture/index-65bbd1e4.js';
 import 'react-dom';
 import '@para-ui/icons/CheckCircleF';
 import '@para-ui/icons/CloseCircleF';

package/_verture/{index-e2881a53.js → index-65bbd1e4.js}

@@ -10,7 +10,9 @@ var zh = {
 
 var defaultModalLocale = {
   zh: zh,
-  en: en
+  en: en,
+  'zh-CN': zh,
+  'en-US': en
 };
 
 export { defaultModalLocale as d };