uiw 4.10.4 → 4.10.5

package/dist/uiw.css

@@ -2286,29 +2286,30 @@ sup.w-badge-count {
 .w-fileinput-card {
   margin-right: -8px;
 }
-.w-fileinput-card_box {
-  width: 104px;
-  height: 104px;
+.w-fileinput-card-box {
   margin-right: 8px;
   margin-bottom: 8px;
   text-align: center;
   vertical-align: top;
   background-color: #fafafa;
   border: 1px dashed #d9d9d9;
+  overflow: hidden;
   border-radius: 2px;
   cursor: pointer;
   transition: border-color 0.3s;
   display: inline-flex;
   position: relative;
 }
-.w-fileinput-card_box_info {
-  padding: 5px;
+.w-fileinput-card-box-info {
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
 }
-.w-fileinput-card_box_info img {
+.w-fileinput-card-box-info img {
   width: 100%;
   height: 100%;
 }
-.w-fileinput-card_actions {
+.w-fileinput-card-actions {
   position: absolute;
   left: 0;
   top: 0;
@@ -2322,7 +2323,7 @@ sup.w-badge-count {
   background: rgba(0, 0, 0, 0.6);
   border-radius: 2px;
 }
-.w-fileinput-card_actions_remove {
+.w-fileinput-card-actions-remove {
   width: 24px;
   height: 20px;
   display: flex;
@@ -2330,17 +2331,36 @@ sup.w-badge-count {
   justify-content: center;
   cursor: pointer;
 }
-.w-fileinput-card_btn {
+.w-fileinput-card-btn {
   align-items: center;
   justify-content: center;
 }
-.w-fileinput-card_box:hover .w-fileinput-card_actions {
+.w-fileinput-card-box:hover .w-fileinput-card-actions {
   opacity: 1;
 }
+.w-fileinput-card-size-large .w-fileinput-card-box {
+  width: 110px;
+  height: 110px;
+}
+.w-fileinput-card-size-middle .w-fileinput-card-box {
+  width: 80px;
+  height: 80px;
+}
+.w-fileinput-card-size-small .w-fileinput-card-box {
+  width: 50px;
+  height: 50px;
+}
+.w-fileinput-card-shape-round .w-fileinput-card-box {
+  border-radius: 2px;
+}
+.w-fileinput-card-shape-circle .w-fileinput-card-box {
+  border-radius: 50%;
+}
 .w-fileinput-list {
   padding-bottom: 8px;
+  width: 100%;
 }
-.w-fileinput-list_actions {
+.w-fileinput-list-actions {
   position: absolute;
   left: 0;
   top: 0;
@@ -2354,7 +2374,7 @@ sup.w-badge-count {
   background: rgba(0, 0, 0, 0.6);
   border-radius: 2px;
 }
-.w-fileinput-list_actions_search {
+.w-fileinput-list-actions-search {
   width: 24px;
   height: 20px;
   display: flex;
@@ -2362,49 +2382,68 @@ sup.w-badge-count {
   justify-content: center;
   cursor: pointer;
 }
-.w-fileinput-list_info:hover .w-fileinput-list_actions {
+.w-fileinput-list-info:hover .w-fileinput-list-actions {
   opacity: 1;
 }
-.w-fileinput-list_picture {
+.w-fileinput-list-picture {
   border: 1px solid #d9d9d9;
   display: flex;
   align-items: center;
   padding: 5px;
   margin-top: 8px;
 }
-.w-fileinput-list_picture_info {
+.w-fileinput-list-picture-info {
   margin-right: 10px;
   position: relative;
+  overflow: hidden;
 }
-.w-fileinput-list_picture_info img {
+.w-fileinput-list-picture-info img {
   width: 48px;
   height: 48px;
   display: block;
 }
-.w-fileinput-list_picture_text {
+.w-fileinput-list-picture-text {
   flex: 1 1;
 }
-.w-fileinput-list_picture_icon {
+.w-fileinput-list-picture-icon {
   padding: 5px;
   cursor: pointer;
 }
-.w-fileinput-list_text {
+.w-fileinput-list-size-large .w-fileinput-list-picture-info img {
+  width: 70px;
+  height: 70px;
+}
+.w-fileinput-list-size-middle .w-fileinput-list-picture-info img {
+  width: 50px;
+  height: 50px;
+}
+.w-fileinput-list-size-small .w-fileinput-list-picture-info img {
+  width: 30px;
+  height: 30px;
+}
+.w-fileinput-list-shape-round .w-fileinput-list-picture-info {
+  border-radius: 2px;
+}
+.w-fileinput-list-shape-circle .w-fileinput-list-box-info {
+  border-radius: 50px;
+}
+.w-fileinput-list-text {
   border: 1px solid transparent;
   display: flex;
   align-items: center;
   padding: 5px;
   transition: all 0.5s;
 }
-.w-fileinput-list_text:hover {
+.w-fileinput-list-text:hover {
   background: #f5f5f5;
 }
-.w-fileinput-list_text:first-child {
+.w-fileinput-list-text:first-child {
   margin-top: 8px;
 }
-.w-fileinput-list_text_text {
+.w-fileinput-list-text-text {
   flex: 1 1;
 }
-.w-fileinput-list_text_icon {
+.w-fileinput-list-text-icon {
   padding: 0 5px;
   cursor: pointer;
 }

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;
@@ -6816,6 +6839,15 @@ function Form(_ref, ref) {
       data = _useState2[0],
       setData = _useState2[1];
 
+  (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) {