iglooform 3.0.11 → 3.0.12

package/.dumi/tmp/dumi/theme/ContextWrapper.tsx

@@ -30,7 +30,7 @@ export default function DumiContextWrapper() {
 
   return (
     <SiteContext.Provider value={{
-      pkg: {"name":"iglooform","version":"3.0.9","license":"MIT"},
+      pkg: {"name":"iglooform","version":"3.0.12","license":"MIT"},
       historyType: "browser",
       entryExports,
       demos,

package/es/form/addable-section/index.js

@@ -29,10 +29,11 @@ var useBreakpoint = Grid.useBreakpoint;
 var AddableSection = function AddableSection(_ref) {
   var parentName = _ref.parentName,
     config = _ref.config,
-    preview = _ref.preview,
+    previewPropsFromInnerConfig = _ref.preview,
     disabled = _ref.disabled,
     setShowStepButton = _ref.setShowStepButton;
-  var _config$elements = config.elements,
+  var formItemPreview = config.preview,
+    _config$elements = config.elements,
     elements = _config$elements === void 0 ? [] : _config$elements,
     name = config.name,
     label = config.label,
@@ -51,6 +52,7 @@ var AddableSection = function AddableSection(_ref) {
     addButtonText = config.addButtonText,
     addButtonIcon = config.addButtonIcon,
     description = config.description;
+  var preview = previewPropsFromInnerConfig || formItemPreview;
   var _useBreakpoint = useBreakpoint(),
     md = _useBreakpoint.md;
   var _useContext = useContext(LocaleContext),
@@ -130,7 +132,7 @@ var AddableSection = function AddableSection(_ref) {
           level: !md ? 'body1' : 'h3b',
           wrapElement: "div",
           children: label
-        })) : /*#__PURE__*/_jsx("div", {}), groupKeys.length > min && !preview && /*#__PURE__*/_jsx(Button, {
+        })) : /*#__PURE__*/_jsx("div", {}), groupKeys.length > min && !preview && !elementProps.disabled && /*#__PURE__*/_jsx(Button, {
           type: "link",
           className: "igloo-addable-section-label-remove",
           onClick: function onClick() {
@@ -203,7 +205,7 @@ var AddableSection = function AddableSection(_ref) {
           whiteSpace: 'pre-wrap'
         },
         children: description
-      }), /*#__PURE__*/_jsx(Button, {
+      }), !elementProps.disabled && /*#__PURE__*/_jsx(Button, {
         onClick: function onClick() {
           return dispath({
             type: 'add',
@@ -212,7 +214,6 @@ var AddableSection = function AddableSection(_ref) {
         },
         className: "igloo-form-addable-section-button",
         icon: addButtonIcon,
-        disabled: elementProps.disabled,
         children: addButtonText || "".concat(formatMessage({
           id: 'Add'
         }), " ").concat(label)

package/es/free-form/addable-section/index.js

@@ -242,7 +242,7 @@ var AddableSection = function AddableSection(props) {
           level: !md ? 'body1' : 'h3b',
           wrapElement: "div",
           children: label
-        })) : /*#__PURE__*/_jsx("div", {}), groupKeys.length > min && !preview && /*#__PURE__*/_jsx(Button, {
+        })) : /*#__PURE__*/_jsx("div", {}), groupKeys.length > min && !preview && !elementProps.disabled && /*#__PURE__*/_jsx(Button, {
           type: "link",
           className: "igloo-addable-section-label-remove",
           onClick: function onClick() {
@@ -287,7 +287,7 @@ var AddableSection = function AddableSection(props) {
           whiteSpace: 'pre-wrap'
         },
         children: description
-      }), /*#__PURE__*/_jsx(Button, {
+      }), !elementProps.disabled && /*#__PURE__*/_jsx(Button, {
         onClick: function onClick() {
           return dispath({
             type: 'add',

package/es/upload-photo/index.js

@@ -145,7 +145,9 @@ var UploadPhoto = function UploadPhoto(props) {
     id = props.id,
     validateField = props.validateField,
     _props$capture = props.capture,
-    capture = _props$capture === void 0 ? false : _props$capture;
+    capture = _props$capture === void 0 ? false : _props$capture,
+    disabled = props.disabled;
+  console.log(props, 'props');
   var _useContext2 = useContext(LocaleContext),
     formatMessage = _useContext2.formatMessage;
   var _useState = useState(isMobileAgent()),
@@ -575,7 +577,7 @@ var UploadPhoto = function UploadPhoto(props) {
     });
   };
   return /*#__PURE__*/_jsxs("div", {
-    className: classnames(prefix, className),
+    className: classnames(prefix, className, disabled ? "".concat(prefix, "-disabled") : ''),
     id: id,
     ref: DomRef,
     children: [Boolean(descriptions || samples.length) && /*#__PURE__*/_jsx("div", {
@@ -614,6 +616,7 @@ var UploadPhoto = function UploadPhoto(props) {
         })]
       })
     }), /*#__PURE__*/_jsx("input", {
+      disabled: disabled,
       id: uploadId,
       type: "file",
       style: {
@@ -654,7 +657,7 @@ var UploadPhoto = function UploadPhoto(props) {
           type = _ref9.type,
           uid = _ref9.uid;
         return /*#__PURE__*/_jsx(Badge, {
-          count: getBadge(status, index, limit),
+          count: disabled ? null : getBadge(status, index, limit),
           children: /*#__PURE__*/_jsxs("div", {
             className: classnames((_classnames5 = {}, _defineProperty(_classnames5, "".concat(prefix, "-content-container"), true), _defineProperty(_classnames5, "".concat(prefix, "-content-error"), status === 'failed'), _classnames5)),
             onMouseEnter: function onMouseEnter() {

package/es/upload-photo/style/index.less

@@ -159,6 +159,19 @@
   }
 }
 
+.igloo-upload-photo-disabled {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: not-allowed;
+
+  & label {
+    cursor: not-allowed !important;
+  }
+
+  & .igloo-icon {
+    color: rgba(0, 0, 0, 0.25) !important;
+  }
+}
+
 .ant-form-item-has-error .igloo-upload-photo-content-button {
   border-color: @error-color;
 }

package/es/utils/tools.d.ts

@@ -1,2 +1,2 @@
 export declare const parseFileSize: (size: number) => string;
-export declare function classifyType(type: string): "image" | "video" | "pdf" | "unknown";
+export declare function classifyType(type: string): "video" | "image" | "pdf" | "unknown";

package/lib/form/addable-section/index.js

@@ -37,10 +37,11 @@ var useBreakpoint = _antd.Grid.useBreakpoint;
 var AddableSection = function AddableSection(_ref) {
   var parentName = _ref.parentName,
     config = _ref.config,
-    preview = _ref.preview,
+    previewPropsFromInnerConfig = _ref.preview,
     disabled = _ref.disabled,
     setShowStepButton = _ref.setShowStepButton;
-  var _config$elements = config.elements,
+  var formItemPreview = config.preview,
+    _config$elements = config.elements,
     elements = _config$elements === void 0 ? [] : _config$elements,
     name = config.name,
     label = config.label,
@@ -59,6 +60,7 @@ var AddableSection = function AddableSection(_ref) {
     addButtonText = config.addButtonText,
     addButtonIcon = config.addButtonIcon,
     description = config.description;
+  var preview = previewPropsFromInnerConfig || formItemPreview;
   var _useBreakpoint = useBreakpoint(),
     md = _useBreakpoint.md;
   var _useContext = (0, _react.useContext)(_locale.LocaleContext),
@@ -138,7 +140,7 @@ var AddableSection = function AddableSection(_ref) {
           level: !md ? 'body1' : 'h3b',
           wrapElement: "div",
           children: label
-        })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {}), groupKeys.length > min && !preview && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+        })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {}), groupKeys.length > min && !preview && !elementProps.disabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
           type: "link",
           className: "igloo-addable-section-label-remove",
           onClick: function onClick() {
@@ -211,7 +213,7 @@ var AddableSection = function AddableSection(_ref) {
           whiteSpace: 'pre-wrap'
         },
         children: description
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+      }), !elementProps.disabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
         onClick: function onClick() {
           return dispath({
             type: 'add',
@@ -220,7 +222,6 @@ var AddableSection = function AddableSection(_ref) {
         },
         className: "igloo-form-addable-section-button",
         icon: addButtonIcon,
-        disabled: elementProps.disabled,
         children: addButtonText || "".concat(formatMessage({
           id: 'Add'
         }), " ").concat(label)

package/lib/free-form/addable-section/index.js

@@ -249,7 +249,7 @@ var AddableSection = function AddableSection(props) {
           level: !md ? 'body1' : 'h3b',
           wrapElement: "div",
           children: label
-        })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {}), groupKeys.length > min && !preview && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+        })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {}), groupKeys.length > min && !preview && !elementProps.disabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
           type: "link",
           className: "igloo-addable-section-label-remove",
           onClick: function onClick() {
@@ -294,7 +294,7 @@ var AddableSection = function AddableSection(props) {
           whiteSpace: 'pre-wrap'
         },
         children: description
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+      }), !elementProps.disabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
         onClick: function onClick() {
           return dispath({
             type: 'add',

package/lib/upload-photo/index.js

@@ -149,7 +149,9 @@ var UploadPhoto = function UploadPhoto(props) {
     id = props.id,
     validateField = props.validateField,
     _props$capture = props.capture,
-    capture = _props$capture === void 0 ? false : _props$capture;
+    capture = _props$capture === void 0 ? false : _props$capture,
+    disabled = props.disabled;
+  console.log(props, 'props');
   var _useContext2 = (0, _react.useContext)(_locale.LocaleContext),
     formatMessage = _useContext2.formatMessage;
   var _useState = (0, _react.useState)((0, _agentDetect.isMobileAgent)()),
@@ -579,7 +581,7 @@ var UploadPhoto = function UploadPhoto(props) {
     });
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames6.default)(prefix, className),
+    className: (0, _classnames6.default)(prefix, className, disabled ? "".concat(prefix, "-disabled") : ''),
     id: id,
     ref: DomRef,
     children: [Boolean(descriptions || samples.length) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -618,6 +620,7 @@ var UploadPhoto = function UploadPhoto(props) {
         })]
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      disabled: disabled,
       id: uploadId,
       type: "file",
       style: {
@@ -658,7 +661,7 @@ var UploadPhoto = function UploadPhoto(props) {
           type = _ref9.type,
           uid = _ref9.uid;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Badge, {
-          count: getBadge(status, index, limit),
+          count: disabled ? null : getBadge(status, index, limit),
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             className: (0, _classnames6.default)((_classnames5 = {}, _defineProperty(_classnames5, "".concat(prefix, "-content-container"), true), _defineProperty(_classnames5, "".concat(prefix, "-content-error"), status === 'failed'), _classnames5)),
             onMouseEnter: function onMouseEnter() {

package/lib/upload-photo/style/index.less

@@ -159,6 +159,19 @@
   }
 }
 
+.igloo-upload-photo-disabled {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: not-allowed;
+
+  & label {
+    cursor: not-allowed !important;
+  }
+
+  & .igloo-icon {
+    color: rgba(0, 0, 0, 0.25) !important;
+  }
+}
+
 .ant-form-item-has-error .igloo-upload-photo-content-button {
   border-color: @error-color;
 }

package/lib/utils/tools.d.ts

@@ -1,2 +1,2 @@
 export declare const parseFileSize: (size: number) => string;
-export declare function classifyType(type: string): "image" | "video" | "pdf" | "unknown";
+export declare function classifyType(type: string): "video" | "image" | "pdf" | "unknown";

package/package.json

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