uiw 4.10.3 → 4.10.7

package/dist/uiw.js

@@ -6221,12 +6221,14 @@ function Dropdown(props) {
 ;// CONCATENATED MODULE: ../react-file-input/esm/Input.js
 
 
-var Input_excluded = ["className", "prefixCls"];
+var Input_excluded = ["className", "dataLabel", "prefixCls"];
 
 
 
 /* harmony default export */ var Input = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(function (props, ref) {
   var className = props.className,
+      _props$dataLabel = props.dataLabel,
+      dataLabel = _props$dataLabel === void 0 ? 'Browse' : _props$dataLabel,
       _props$prefixCls = props.prefixCls,
       prefixCls = _props$prefixCls === void 0 ? 'w-fileinput' : _props$prefixCls,
       other = _objectWithoutPropertiesLoose(props, Input_excluded);
@@ -6234,7 +6236,7 @@ var Input_excluded = ["className", "prefixCls"];
   var cls = [prefixCls, className].filter(Boolean).join(' ').trim();
   return /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, _extends({
     ref: ref,
-    "data-label": "Browse",
+    "data-label": dataLabel,
     className: cls
   }, other, {
     type: "file"
@@ -6257,30 +6259,40 @@ var Picture = function Picture(props) {
       _props$dataList = props.dataList,
       dataList = _props$dataList === void 0 ? [] : _props$dataList,
       uploadType = props.uploadType,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'middle' : _props$size,
+      _props$shape = props.shape,
+      shape = _props$shape === void 0 ? 'round' : _props$shape,
+      readonly = props.readonly,
       children = props.children,
+      _props$showFileIcon = props.showFileIcon,
+      showFileIcon = _props$showFileIcon === void 0 ? {
+    showPreviewIcon: true,
+    showRemoveIcon: true
+  } : _props$showFileIcon,
       onPreview = props.onPreview,
       onAdd = props.onAdd,
       onRemove = props.onRemove;
-  var cls = [prefixCls, className].filter(Boolean).join(' ').trim();
+  var cls = [prefixCls, prefixCls + "-size-" + size, prefixCls + "-shape-" + shape, className].filter(Boolean).join(' ').trim();
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
     className: cls,
-    children: [children && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(children) && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(children, {
+    children: [children && !readonly && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(children) && /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(children, {
       onClick: onAdd
     }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
       children: dataList.map(function (item, index) {
         return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-          className: cls + "_" + uploadType,
+          className: prefixCls + "-" + uploadType,
           children: [uploadType === 'picture' && /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-            className: cls + "_info " + cls + "_" + uploadType + "_info",
+            className: prefixCls + "-info " + prefixCls + "-" + uploadType + "-info",
             children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
               src: item['dataURL'],
               alt: ""
-            }), onPreview && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-              className: cls + "_actions",
+            }), (showFileIcon == null ? void 0 : showFileIcon.showPreviewIcon) && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+              className: prefixCls + "-actions",
               children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-                className: cls + "_actions_search",
+                className: prefixCls + "-actions-search",
                 onClick: function onClick() {
-                  return onPreview(item);
+                  return onPreview == null ? void 0 : onPreview(item);
                 },
                 children: /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
                   type: "search",
@@ -6292,12 +6304,12 @@ var Picture = function Picture(props) {
               })
             })]
           }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-            className: cls + "_" + uploadType + "_text",
+            className: prefixCls + "-" + uploadType + "-text",
             children: item.name
-          }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-            className: cls + "_" + uploadType + "_icon",
+          }), (showFileIcon == null ? void 0 : showFileIcon.showRemoveIcon) && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+            className: prefixCls + "-" + uploadType + "-icon",
             onClick: function onClick() {
-              return onRemove(index);
+              return onRemove == null ? void 0 : onRemove(index);
             },
             children: /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
               type: "delete",
@@ -6328,29 +6340,39 @@ var Card = function Card(props) {
       dataList = _props$dataList === void 0 ? [] : _props$dataList,
       _props$maxNumber = props.maxNumber,
       maxNumber = _props$maxNumber === void 0 ? 3 : _props$maxNumber,
+      _props$shape = props.shape,
+      shape = _props$shape === void 0 ? 'round' : _props$shape,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'middle' : _props$size,
       readonly = props.readonly,
       children = props.children,
+      _props$showFileIcon = props.showFileIcon,
+      showFileIcon = _props$showFileIcon === void 0 ? {
+    showPreviewIcon: true,
+    showRemoveIcon: true
+  } : _props$showFileIcon,
       onAdd = props.onAdd,
       onPreview = props.onPreview,
       onRemove = props.onRemove;
-  var cls = [prefixCls, className].filter(Boolean).join(' ').trim();
+  var cls = [prefixCls, prefixCls + "-size-" + size, prefixCls + "-shape-" + shape, className].filter(Boolean).join(' ').trim();
+  var isAction = showFileIcon.showPreviewIcon || showFileIcon.showRemoveIcon ? true : false;
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
     className: cls,
     children: [dataList.map(function (item, index) {
       return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-        className: cls + "_box",
+        className: prefixCls + "-box",
         children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-          className: cls + "_box_info",
+          className: prefixCls + "-box-info",
           children: /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
             src: item['dataURL'],
             alt: ""
           })
         }), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-          className: cls + "_actions",
-          children: [onPreview && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-            className: cls + "_actions_remove",
+          className: isAction ? prefixCls + "-actions" : '',
+          children: [(showFileIcon == null ? void 0 : showFileIcon.showPreviewIcon) && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+            className: prefixCls + "-actions-remove",
             onClick: function onClick() {
-              return onPreview(item);
+              return onPreview == null ? void 0 : onPreview(item);
             },
             children: /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
               type: "search",
@@ -6359,10 +6381,10 @@ var Card = function Card(props) {
                 fontSize: 16
               }
             })
-          }), /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-            className: cls + "_actions_remove",
+          }), (showFileIcon == null ? void 0 : showFileIcon.showRemoveIcon) && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+            className: prefixCls + "-actions-remove",
             onClick: function onClick() {
-              return onRemove(index);
+              return onRemove == null ? void 0 : onRemove(index);
             },
             children: /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
               type: "delete",
@@ -6375,7 +6397,7 @@ var Card = function Card(props) {
         })]
       }, index);
     }), maxNumber > dataList.length && !readonly && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: cls + "_box " + cls + "_btn",
+      className: prefixCls + "-box " + prefixCls + "-btn",
       onClick: onAdd,
       children: children
     })]
@@ -6457,6 +6479,7 @@ var FileList = function FileList(props) {
     return openFileDialog(inputRef);
   }, [inputRef]);
   var onFileUpload = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(function () {
+    if (inputRef.current) inputRef.current.value = '';
     handleClickInput();
   }, [handleClickInput]);
 
@@ -6509,7 +6532,7 @@ var FileList = function FileList(props) {
 
     updatedList.splice(index, 1);
     setFileList(updatedList);
-    onChange == null ? void 0 : onChange(fileList);
+    onChange == null ? void 0 : onChange(updatedList);
   };
 
   var Comp;
@@ -6789,7 +6812,8 @@ var isPromise = function isPromise(promise) {
   return promise && typeof promise.then === 'function';
 };
 
-function Form(_ref, ref) {
+function Form(_ref, ref //| React.RefObject<FormRefType>,
+) {
   var _ref$prefixCls = _ref.prefixCls,
       prefixCls = _ref$prefixCls === void 0 ? 'w-form' : _ref$prefixCls,
       className = _ref.className,
@@ -6802,20 +6826,36 @@ function Form(_ref, ref) {
       afterSubmit = _ref.afterSubmit,
       others = _objectWithoutPropertiesLoose(_ref, Form_excluded);
 
-  var initData = newFormState(fields, function (_ref2) {
-    var initialValue = _ref2.initialValue;
-    initialValue = newInitialValue(initialValue);
-    return {
-      initialValue: initialValue,
-      currentValue: initialValue
-    };
-  });
+  var initData = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    return newFormState(fields, function (_ref2) {
+      var initialValue = _ref2.initialValue;
+      initialValue = newInitialValue(initialValue);
+      return {
+        initialValue: initialValue,
+        currentValue: initialValue
+      };
+    });
+  }, []);
 
-  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(initData),
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(JSON.parse(JSON.stringify(initData))),
       _useState2 = _slicedToArray(_useState, 2),
       data = _useState2[0],
-      setData = _useState2[1];
+      setDatas = _useState2[1];
+
+  var setData = function setData(values) {
+    // 解决value为数组时不进行深拷贝,initvalue无法重置问题
+    setDatas(JSON.parse(JSON.stringify(values)));
+  };
 
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useImperativeHandle)(ref, function () {
+    return {
+      onSubmit: handleSubmit,
+      resetForm: handleReset,
+      getFieldValues: function getFieldValues() {
+        return data.current;
+      }
+    };
+  }, [data]);
   var formUnits = {};
 
   for (var name in fields) {
@@ -6915,12 +6955,12 @@ function Form(_ref, ref) {
     };
 
     try {
-      var afterSubmitPromise = onSubmit({
+      var afterSubmitPromise = onSubmit ? onSubmit({
         initial: initial,
         current: current
-      });
+      }, e) : undefined;
 
-      if (isPromise(afterSubmitPromise)) {
+      if (afterSubmitPromise && isPromise(afterSubmitPromise)) {
         return afterSubmitPromise.then(onSuccess).catch(onError);
       } else {
         return onSuccess(afterSubmitPromise);
@@ -6980,10 +7020,10 @@ function Form(_ref, ref) {
     props.id = element.props.id;
     props.value = hasCurrentValue ? data.current && data.current[name] : props.value; // : element.props.value;
 
-    var type = element.props.type;
+    var type = element.props.type; // console.log('type', element)
 
-    if (type === 'checkbox' || type === 'switch') {
-      props.checked = !!props.checked;
+    if (type === 'checkbox' || type === 'switch' || typeof props.value === 'boolean') {
+      props.checked = !!props.value;
       delete props.value;
     }
 
@@ -8296,6 +8336,52 @@ function NotificationCreate(props, type) {
   };
 });
 /* harmony default export */ var react_notify_esm = (NotificationCreate);
+;// CONCATENATED MODULE: ../react-select/esm/Option.js
+
+
+
+/* harmony default export */ var Option = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(function (props, ref) {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("option", _extends({}, props, {
+    ref: ref
+  }));
+}));
+;// CONCATENATED MODULE: ../react-select/esm/Group.js
+
+
+
+/* harmony default export */ var Group = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(function (props, ref) {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("optgroup", _extends({}, props, {
+    ref: ref
+  }));
+}));
+;// CONCATENATED MODULE: ../react-select/esm/style/index.css
+// extracted by mini-css-extract-plugin
+/* harmony default export */ var react_select_esm_style = ({});
+;// CONCATENATED MODULE: ../react-select/esm/index.js
+
+
+var react_select_esm_excluded = ["prefixCls", "className", "size"];
+
+
+
+
+
+var Select = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(function (props, ref) {
+  var _props$prefixCls = props.prefixCls,
+      prefixCls = _props$prefixCls === void 0 ? 'w-select' : _props$prefixCls,
+      className = props.className,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'default' : _props$size,
+      other = _objectWithoutPropertiesLoose(props, react_select_esm_excluded);
+
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("select", _extends({}, other, {
+    ref: ref,
+    className: [prefixCls, className, size ? prefixCls + "-" + size : null].filter(Boolean).join(' ').trim()
+  }));
+});
+Select.Option = Option;
+Select.Group = Group;
+/* harmony default export */ var react_select_esm = (Select);
 ;// CONCATENATED MODULE: ../react-pagination/esm/style/index.css
 // extracted by mini-css-extract-plugin
 /* harmony default export */ var react_pagination_esm_style = ({});
@@ -8303,7 +8389,9 @@ function NotificationCreate(props, type) {
 
 
 
-var react_pagination_esm_excluded = ["className", "style", "prefixCls", "alignment", "size", "total", "pageSize", "current", "onChange", "divider"];
+var react_pagination_esm_excluded = ["className", "style", "prefixCls", "alignment", "size", "total", "pageSize", "pageSizeOptions", "current", "onChange", "onShowSizeChange", "divider"];
+
+
 
 
 
@@ -8320,12 +8408,15 @@ function Pagination(props) {
       total = _props$total === void 0 ? 0 : _props$total,
       _props$pageSize = props.pageSize,
       pageSize = _props$pageSize === void 0 ? 10 : _props$pageSize,
+      _props$pageSizeOption = props.pageSizeOptions,
+      pageSizeOptions = _props$pageSizeOption === void 0 ? [] : _props$pageSizeOption,
       _props$current = props.current,
       currentNumber = _props$current === void 0 ? 1 : _props$current,
       _props$onChange = props.onChange,
       onChange = _props$onChange === void 0 ? function () {
     return null;
   } : _props$onChange,
+      onShowSizeChange = props.onShowSizeChange,
       divider = props.divider,
       other = _objectWithoutPropertiesLoose(props, react_pagination_esm_excluded);
 
@@ -8453,13 +8544,20 @@ function Pagination(props) {
     onChange && onChange(state.current, total, pageSize);
   }
 
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("ul", _extends({
+  var onSizeChange = function onSizeChange(e) {
+    var sizeCount = Number(e.target.value);
+    var count = Math.ceil(total / sizeCount);
+    var newCurrent = current > count ? count : current;
+    onShowSizeChange && onShowSizeChange(newCurrent, sizeCount);
+  };
+
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("ul", _extends({
     className: cls,
     style: _extends({}, style, {
       textAlign: alignment
     })
   }, other, {
-    children: initPageSoure.map(function (item, idx) {
+    children: [initPageSoure.map(function (item, idx) {
       // eslint-disable-next-line jsx-a11y/anchor-is-valid
       var label = /*#__PURE__*/(0,jsx_runtime.jsx)("a", {
         children: item.label
@@ -8479,7 +8577,20 @@ function Pagination(props) {
         },
         children: label
       }, idx);
-    })
+    }), pageSizeOptions.length > 0 && /*#__PURE__*/(0,jsx_runtime.jsx)("li", {
+      className: prefixCls + "-options",
+      children: /*#__PURE__*/(0,jsx_runtime.jsx)(react_select_esm, {
+        size: size,
+        defaultValue: pageSize,
+        onChange: onSizeChange,
+        children: pageSizeOptions.map(function (item, index) {
+          return /*#__PURE__*/(0,jsx_runtime.jsxs)(react_select_esm.Option, {
+            value: item,
+            children: [item, "\u6761/\u9875"]
+          }, index);
+        })
+      })
+    })]
   }));
 }
 ;// CONCATENATED MODULE: ../react-pin-code/esm/style/input.css
@@ -9203,52 +9314,6 @@ function SearchSelect(props) {
     })
   }));
 }
-;// CONCATENATED MODULE: ../react-select/esm/Option.js
-
-
-
-/* harmony default export */ var Option = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(function (props, ref) {
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("option", _extends({}, props, {
-    ref: ref
-  }));
-}));
-;// CONCATENATED MODULE: ../react-select/esm/Group.js
-
-
-
-/* harmony default export */ var Group = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(function (props, ref) {
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("optgroup", _extends({}, props, {
-    ref: ref
-  }));
-}));
-;// CONCATENATED MODULE: ../react-select/esm/style/index.css
-// extracted by mini-css-extract-plugin
-/* harmony default export */ var react_select_esm_style = ({});
-;// CONCATENATED MODULE: ../react-select/esm/index.js
-
-
-var react_select_esm_excluded = ["prefixCls", "className", "size"];
-
-
-
-
-
-var Select = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(function (props, ref) {
-  var _props$prefixCls = props.prefixCls,
-      prefixCls = _props$prefixCls === void 0 ? 'w-select' : _props$prefixCls,
-      className = props.className,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'default' : _props$size,
-      other = _objectWithoutPropertiesLoose(props, react_select_esm_excluded);
-
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("select", _extends({}, other, {
-    ref: ref,
-    className: [prefixCls, className, size ? prefixCls + "-" + size : null].filter(Boolean).join(' ').trim()
-  }));
-});
-Select.Option = Option;
-Select.Group = Group;
-/* harmony default export */ var react_select_esm = (Select);
 ;// CONCATENATED MODULE: ../../node_modules/@uiw/react-split/esm/style/index.css
 // extracted by mini-css-extract-plugin
 /* harmony default export */ var react_split_esm_style = ({});