fennec-ui 1.1.315 → 1.1.318

package/dist/fennec-ui.js

@@ -5389,7 +5389,8 @@ function DropdownAction(props) {
   var button = props.button,
     menuOptions = props.menuOptions,
     items = props.items,
-    style = props.style;
+    style = props.style,
+    icon = props.icon;
   var auth = useAuth();
   var _useState = React.useState([]),
     actions = _useState[0],
@@ -5417,7 +5418,7 @@ function DropdownAction(props) {
         },
         type: "default",
         "data-locator": getLocator((props === null || props === void 0 ? void 0 : props.locator) || "menu", props === null || props === void 0 ? void 0 : props.object)
-      }, /*#__PURE__*/React__default.createElement(RefIcon$8, null));
+      }, icon || /*#__PURE__*/React__default.createElement(RefIcon$8, null));
     }
   };
   return /*#__PURE__*/React__default.createElement("div", {
@@ -7148,7 +7149,7 @@ function DefaultCollectionServer(props) {
       display: "flex",
       justifyContent: "space-between",
       alignItems: "center",
-      paddingBottom: "10px"
+      paddingBottom: filters && filters.length > 0 ? "10px" : "0px"
     }, headerStyle ? headerStyle : {})
   }, /*#__PURE__*/React__default.createElement("div", {
     style: {
@@ -7719,7 +7720,8 @@ function FieldLayout(_ref) {
   }, item === null || item === void 0 ? void 0 : item.description)), children);
 }
 function ActionsSpace(props) {
-  var children = props.children,
+  var className = props.className,
+    children = props.children,
     item = props.item,
     data = props.data,
     setData = props.setData,
@@ -7915,6 +7917,7 @@ function ActionsSpace(props) {
     });
   }, [item, data, loading, value, meta, contextObject, objectName]);
   return /*#__PURE__*/React__default.createElement(antd.Space.Compact, {
+    className: className,
     style: {
       width: '100%'
     }
@@ -7958,7 +7961,7 @@ function UploadItems(_ref2) {
   };
   return /*#__PURE__*/React__default.createElement(antd.Upload, _extends({}, uploadingProps, {
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name)
-  }, inputProps), !item.trigger && /*#__PURE__*/React__default.createElement(antd.Button, {
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps), !item.trigger && /*#__PURE__*/React__default.createElement(antd.Button, {
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name, "upload"),
     icon: /*#__PURE__*/React__default.createElement(RefIcon$c, null)
   }, "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0444\u0430\u0439\u043B\u044B"), (item === null || item === void 0 ? void 0 : item.trigger) && (item === null || item === void 0 ? void 0 : item.trigger()));
@@ -8025,7 +8028,7 @@ function UploadItem(_ref3) {
   };
   return /*#__PURE__*/React__default.createElement(Dragger, _extends({}, uploadingProps, {
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name)
-  }, inputProps), item.trigger && /*#__PURE__*/React__default.createElement("div", {
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps), item.trigger && /*#__PURE__*/React__default.createElement("div", {
     ref: hoverRef
   }, item.trigger(), !item.nocontent && /*#__PURE__*/React__default.createElement("div", {
     style: {
@@ -8049,7 +8052,8 @@ function UploadItem(_ref3) {
   }, content(item)))), !item.trigger && content(item));
 }
 function Image$1(_ref4) {
-  var inputProps = _ref4.inputProps,
+  var wrapperProps = _ref4.wrapperProps,
+    inputProps = _ref4.inputProps,
     auth = _ref4.auth,
     item = _ref4.item,
     value = _ref4.value,
@@ -8091,7 +8095,7 @@ function Image$1(_ref4) {
     style: {
       padding: "5px 0px"
     }
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", _extends({
     className: "bg bg-grey",
     style: {
       backgroundColor: "rgb(235 235 235 / 20%)",
@@ -8099,7 +8103,7 @@ function Image$1(_ref4) {
       display: "flex",
       justifyContent: "space-between"
     }
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, wrapperProps), /*#__PURE__*/React__default.createElement("div", {
     onClick: onOpenChange,
     style: {
       cursor: "pointer"
@@ -8142,11 +8146,12 @@ function Image$1(_ref4) {
     onChange: onChange,
     open: open,
     close: close
-  }, inputProps))));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps))));
 }
 function GroupObj(_ref5) {
   var _item$relation5, _item$relation5$refer, _item$relation6, _item$relation6$refer, _item$relation7, _item$relation7$refer, _item$relation8, _item$relation8$refer, _item$relation9, _item$relation9$refer;
-  var inputProps = _ref5.inputProps,
+  var wrapperProps = _ref5.wrapperProps,
+    inputProps = _ref5.inputProps,
     formItem = _ref5.formItem,
     auth = _ref5.auth,
     item = _ref5.item,
@@ -8309,7 +8314,7 @@ function GroupObj(_ref5) {
     style: item !== null && item !== void 0 && item.fieldLayoutStyle ? item.fieldLayoutStyle : {
       width: "100%"
     }
-  }, /*#__PURE__*/React__default.createElement(antd.Select, _extends({
+  }, /*#__PURE__*/React__default.createElement("div", wrapperProps, /*#__PURE__*/React__default.createElement(antd.Select, _extends({
     "data-locator": getLocator((item === null || item === void 0 ? void 0 : item.name) || objectName, itemByProperty(item, value)),
     size: item.size ? item.size : "middle",
     mode: "multiple",
@@ -8327,10 +8332,11 @@ function GroupObj(_ref5) {
       var _option$label;
       return (option === null || option === void 0 ? void 0 : (_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.toLowerCase().indexOf(input.toLowerCase())) >= 0;
     }
-  }, inputProps), elements(data)));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps), elements(data))));
 }
 function RangeTime(_ref8) {
-  var inputProps = _ref8.inputProps,
+  var wrapperProps = _ref8.wrapperProps,
+    inputProps = _ref8.inputProps,
     formItem = _ref8.formItem,
     item = _ref8.item,
     value = _ref8.value,
@@ -8348,7 +8354,7 @@ function RangeTime(_ref8) {
     style: item !== null && item !== void 0 && item.fieldLayoutStyle ? item.fieldLayoutStyle : {
       width: "100%"
     }
-  }, /*#__PURE__*/React__default.createElement(antd.TimePicker.RangePicker, _extends({
+  }, /*#__PURE__*/React__default.createElement("div", wrapperProps, /*#__PURE__*/React__default.createElement(antd.TimePicker.RangePicker, _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name),
     changeOnBlur: true,
     value: a,
@@ -8359,10 +8365,11 @@ function RangeTime(_ref8) {
     style: {
       width: "100%"
     }
-  }, inputProps)));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps))));
 }
 function RangeDate(_ref9) {
-  var inputProps = _ref9.inputProps,
+  var wrapperProps = _ref9.wrapperProps,
+    inputProps = _ref9.inputProps,
     formItem = _ref9.formItem,
     item = _ref9.item,
     value = _ref9.value,
@@ -8380,7 +8387,7 @@ function RangeDate(_ref9) {
     style: item !== null && item !== void 0 && item.fieldLayoutStyle ? item.fieldLayoutStyle : {
       width: "100%"
     }
-  }, /*#__PURE__*/React__default.createElement(antd.DatePicker.RangePicker, _extends({
+  }, /*#__PURE__*/React__default.createElement("div", wrapperProps, /*#__PURE__*/React__default.createElement(antd.DatePicker.RangePicker, _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name),
     changeOnBlur: true,
     value: a,
@@ -8390,10 +8397,11 @@ function RangeDate(_ref9) {
     style: {
       width: "100%"
     }
-  }, inputProps)));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps))));
 }
 function RangeDateTime(_ref10) {
-  var inputProps = _ref10.inputProps,
+  var wrapperProps = _ref10.wrapperProps,
+    inputProps = _ref10.inputProps,
     formItem = _ref10.formItem,
     item = _ref10.item,
     value = _ref10.value,
@@ -8411,7 +8419,7 @@ function RangeDateTime(_ref10) {
     style: item !== null && item !== void 0 && item.fieldLayoutStyle ? item.fieldLayoutStyle : {
       width: "100%"
     }
-  }, /*#__PURE__*/React__default.createElement(antd.DatePicker.RangePicker, _extends({
+  }, /*#__PURE__*/React__default.createElement("div", wrapperProps, /*#__PURE__*/React__default.createElement(antd.DatePicker.RangePicker, _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name),
     changeOnBlur: true,
     showTime: {
@@ -8424,10 +8432,11 @@ function RangeDateTime(_ref10) {
     style: {
       width: "100%"
     }
-  }, inputProps)));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps))));
 }
 function RangeFloat(_ref11) {
-  var inputProps = _ref11.inputProps,
+  var wrapperProps = _ref11.wrapperProps,
+    inputProps = _ref11.inputProps,
     formItem = _ref11.formItem,
     item = _ref11.item,
     value = _ref11.value,
@@ -8450,7 +8459,7 @@ function RangeFloat(_ref11) {
     style: item !== null && item !== void 0 && item.fieldLayoutStyle ? item.fieldLayoutStyle : {
       width: "100%"
     }
-  }, /*#__PURE__*/React__default.createElement(antd.Slider, _extends({
+  }, /*#__PURE__*/React__default.createElement("div", wrapperProps, /*#__PURE__*/React__default.createElement(antd.Slider, _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name),
     range: true,
     defaultValue: def,
@@ -8461,11 +8470,12 @@ function RangeFloat(_ref11) {
     value: val || def,
     onChange: setVal,
     onAfterChange: item.realtime ? onAfterChange : onChange
-  }, inputProps)));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps))));
 }
 function FloatSlider(_ref12) {
   var _item$func, _item$func2;
-  var inputProps = _ref12.inputProps,
+  var wrapperProps = _ref12.wrapperProps,
+    inputProps = _ref12.inputProps,
     formItem = _ref12.formItem,
     item = _ref12.item,
     value = _ref12.value,
@@ -8487,7 +8497,7 @@ function FloatSlider(_ref12) {
     style: item !== null && item !== void 0 && item.fieldLayoutStyle ? item.fieldLayoutStyle : {
       width: "100%"
     }
-  }, /*#__PURE__*/React__default.createElement(antd.Slider, _extends({
+  }, /*#__PURE__*/React__default.createElement("div", wrapperProps, /*#__PURE__*/React__default.createElement(antd.Slider, _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name),
     disabled: item && item.view && item.view.disabled ? item.view.disabled : false,
     min: xmin,
@@ -8496,11 +8506,12 @@ function FloatSlider(_ref12) {
     value: item.realtime ? value : val,
     onChange: item.realtime ? onChange : setVal,
     onAfterChange: item.realtime ? onAfterChange : onChange
-  }, inputProps)));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps))));
 }
 function RangeInteger(_ref13) {
   var _item$func3, _item$func4;
-  var inputProps = _ref13.inputProps,
+  var wrapperProps = _ref13.wrapperProps,
+    inputProps = _ref13.inputProps,
     formItem = _ref13.formItem,
     item = _ref13.item,
     value = _ref13.value,
@@ -8523,7 +8534,7 @@ function RangeInteger(_ref13) {
     style: item !== null && item !== void 0 && item.fieldLayoutStyle ? item.fieldLayoutStyle : {
       width: "100%"
     }
-  }, /*#__PURE__*/React__default.createElement(antd.Slider, _extends({
+  }, /*#__PURE__*/React__default.createElement("div", wrapperProps, /*#__PURE__*/React__default.createElement(antd.Slider, _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name),
     range: true,
     defaultValue: def,
@@ -8534,11 +8545,12 @@ function RangeInteger(_ref13) {
     included: true,
     onChange: item.realtime ? onChange : setVal,
     onAfterChange: item.realtime ? onAfterChange : onChange
-  }, inputProps)));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps))));
 }
 function IntegerSlider(_ref14) {
   var _item$func5, _item$func6;
-  var inputProps = _ref14.inputProps,
+  var wrapperProps = _ref14.wrapperProps,
+    inputProps = _ref14.inputProps,
     formItem = _ref14.formItem,
     item = _ref14.item,
     value = _ref14.value,
@@ -8560,7 +8572,7 @@ function IntegerSlider(_ref14) {
     style: item !== null && item !== void 0 && item.fieldLayoutStyle ? item.fieldLayoutStyle : {
       width: "100%"
     }
-  }, /*#__PURE__*/React__default.createElement(antd.Slider, _extends({
+  }, /*#__PURE__*/React__default.createElement("div", wrapperProps, /*#__PURE__*/React__default.createElement(antd.Slider, _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name),
     disabled: item && item.view && item.view.disabled ? item.view.disabled : false,
     min: xmin,
@@ -8569,11 +8581,12 @@ function IntegerSlider(_ref14) {
     value: item.realtime ? value : val,
     onChange: item.realtime ? onChange : setVal,
     onAfterChange: item.realtime ? onAfterChange : onChange
-  }, inputProps)));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps))));
 }
 function Obj(_ref15) {
   var _item$relation14, _item$relation14$refe, _item$relation15, _item$relation15$refe, _item$relation16, _item$relation16$refe, _item$relation17, _item$relation17$refe, _item$relation18, _item$relation18$refe;
-  var inputProps = _ref15.inputProps,
+  var wrapperProps = _ref15.wrapperProps,
+    inputProps = _ref15.inputProps,
     formItem = _ref15.formItem,
     auth = _ref15.auth,
     item = _ref15.item,
@@ -8850,11 +8863,11 @@ function Obj(_ref15) {
     style: item !== null && item !== void 0 && item.fieldLayoutStyle ? item.fieldLayoutStyle : {
       width: "100%"
     }
-  }, /*#__PURE__*/React__default.createElement(antd.Space.Compact, {
+  }, /*#__PURE__*/React__default.createElement(antd.Space.Compact, _extends({
     style: {
       width: '100%'
     }
-  }, /*#__PURE__*/React__default.createElement(antd.Select, _extends({
+  }, wrapperProps), /*#__PURE__*/React__default.createElement(antd.Select, _extends({
     showSearch: true,
     "data-locator": getLocator((item === null || item === void 0 ? void 0 : item.name) || objectName, _itemByProperty3(item, value)),
     size: item.size ? item.size : "middle",
@@ -8874,11 +8887,12 @@ function Obj(_ref15) {
       var _option$label2;
       return (option === null || option === void 0 ? void 0 : (_option$label2 = option.label) === null || _option$label2 === void 0 ? void 0 : _option$label2.toLowerCase().indexOf(input.toLowerCase())) >= 0;
     }
-  }, inputProps), elements(data)), (item === null || item === void 0 ? void 0 : item.actions) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, RendeActions()), (item === null || item === void 0 ? void 0 : item.dropdownActions) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, RenderDropdownActions())));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps), elements(data)), (item === null || item === void 0 ? void 0 : item.actions) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, RendeActions()), (item === null || item === void 0 ? void 0 : item.dropdownActions) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, RenderDropdownActions())));
 }
 function ObjCollection(_ref18) {
   var _item$relation27, _item$relation27$refe, _item$relation28, _item$relation28$refe;
-  var formItem = _ref18.formItem,
+  var wrapperProps = _ref18.wrapperProps,
+    formItem = _ref18.formItem,
     auth = _ref18.auth,
     item = _ref18.item,
     value = _ref18.value,
@@ -9091,11 +9105,11 @@ function ObjCollection(_ref18) {
     style: item !== null && item !== void 0 && item.fieldLayoutStyle ? item.fieldLayoutStyle : {
       width: "100%"
     }
-  }, /*#__PURE__*/React__default.createElement(antd.Space.Compact, {
+  }, /*#__PURE__*/React__default.createElement(antd.Space.Compact, _extends({
     style: {
       width: '100%'
     }
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, wrapperProps), /*#__PURE__*/React__default.createElement("div", {
     style: {
       width: "100%",
       border: "1px solid #d9d9d9",
@@ -9136,7 +9150,8 @@ function ObjCollection(_ref18) {
 }
 function BigObj(_ref20) {
   var _item$relation30, _item$relation30$refe, _item$relation31, _item$relation31$refe, _item$relation32, _item$relation32$refe, _item$relation33, _item$relation33$refe, _item$relation34, _item$relation34$refe, _item$relation39, _item$relation39$refe, _item$relation40, _item$relation40$refe;
-  var inputProps = _ref20.inputProps,
+  var wrapperProps = _ref20.wrapperProps,
+    inputProps = _ref20.inputProps,
     formItem = _ref20.formItem,
     auth = _ref20.auth,
     item = _ref20.item,
@@ -9512,11 +9527,11 @@ function BigObj(_ref20) {
     style: item !== null && item !== void 0 && item.fieldLayoutStyle ? item.fieldLayoutStyle : {
       width: "100%"
     }
-  }, /*#__PURE__*/React__default.createElement(antd.Space.Compact, {
+  }, /*#__PURE__*/React__default.createElement(antd.Space.Compact, _extends({
     style: {
       width: '100%'
     }
-  }, /*#__PURE__*/React__default.createElement(antd.Input, _extends({
+  }, wrapperProps), /*#__PURE__*/React__default.createElement(antd.Input, _extends({
     "data-locator": getLocator((item === null || item === void 0 ? void 0 : item.name) || objectName, _itemByProperty4(item, value)),
     suffix: loading ? /*#__PURE__*/React__default.createElement(antd.Spin, {
       size: "small"
@@ -9531,7 +9546,7 @@ function BigObj(_ref20) {
     },
     value: displayString(item, _itemByProperty4(item, value)),
     disabled: item && item.view && item.view.disabled ? item.view.disabled : loading ? loading : false
-  }, inputProps)), /*#__PURE__*/React__default.createElement(Action, {
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps)), /*#__PURE__*/React__default.createElement(Action, {
     title: /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
       style: {
         fontSize: "12px",
@@ -9561,7 +9576,8 @@ function BigObj(_ref20) {
   }), (item === null || item === void 0 ? void 0 : item.actions) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, RendeActions()), (item === null || item === void 0 ? void 0 : item.dropdownActions) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, RenderDropdownActions())));
 }
 function DateTime(_ref24) {
-  var inputProps = _ref24.inputProps,
+  var wrapperProps = _ref24.wrapperProps,
+    inputProps = _ref24.inputProps,
     formItem = _ref24.formItem,
     auth = _ref24.auth,
     item = _ref24.item,
@@ -9576,14 +9592,14 @@ function DateTime(_ref24) {
     style: item !== null && item !== void 0 && item.fieldLayoutStyle ? item.fieldLayoutStyle : {
       width: "100%"
     }
-  }, /*#__PURE__*/React__default.createElement(ActionsSpace, {
+  }, /*#__PURE__*/React__default.createElement(ActionsSpace, _extends({
     auth: auth,
     item: item,
     value: value,
     onChange: onChange,
     loading: loading,
     setLoading: setLoading
-  }, /*#__PURE__*/React__default.createElement(antd.DatePicker, _extends({
+  }, wrapperProps), /*#__PURE__*/React__default.createElement(antd.DatePicker, _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name),
     changeOnBlur: true,
     value: value ? dayjs(value) : undefined,
@@ -9595,10 +9611,11 @@ function DateTime(_ref24) {
       width: "100%"
     },
     disabled: item && item.view && item.view.disabled ? item.view.disabled : loading ? loading : false
-  }, inputProps))));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps))));
 }
 function Date$1(_ref25) {
-  var inputProps = _ref25.inputProps,
+  var wrapperProps = _ref25.wrapperProps,
+    inputProps = _ref25.inputProps,
     formItem = _ref25.formItem,
     auth = _ref25.auth,
     item = _ref25.item,
@@ -9613,14 +9630,14 @@ function Date$1(_ref25) {
     style: item !== null && item !== void 0 && item.fieldLayoutStyle ? item.fieldLayoutStyle : {
       width: "100%"
     }
-  }, /*#__PURE__*/React__default.createElement(ActionsSpace, {
+  }, /*#__PURE__*/React__default.createElement(ActionsSpace, _extends({
     auth: auth,
     item: item,
     value: value,
     onChange: onChange,
     loading: loading,
     setLoading: setLoading
-  }, /*#__PURE__*/React__default.createElement(antd.DatePicker, _extends({
+  }, wrapperProps), /*#__PURE__*/React__default.createElement(antd.DatePicker, _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name),
     changeOnBlur: true,
     value: value ? dayjs(value) : undefined,
@@ -9631,10 +9648,11 @@ function Date$1(_ref25) {
       width: "100%"
     },
     disabled: item && item.view && item.view.disabled ? item.view.disabled : loading ? loading : false
-  }, inputProps))));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps))));
 }
 function Time(_ref26) {
-  var inputProps = _ref26.inputProps,
+  var wrapperProps = _ref26.wrapperProps,
+    inputProps = _ref26.inputProps,
     formItem = _ref26.formItem,
     auth = _ref26.auth,
     item = _ref26.item,
@@ -9649,14 +9667,14 @@ function Time(_ref26) {
     style: item !== null && item !== void 0 && item.fieldLayoutStyle ? item.fieldLayoutStyle : {
       width: "100%"
     }
-  }, /*#__PURE__*/React__default.createElement(ActionsSpace, {
+  }, /*#__PURE__*/React__default.createElement(ActionsSpace, _extends({
     auth: auth,
     item: item,
     value: value,
     onChange: onChange,
     loading: loading,
     setLoading: setLoading
-  }, /*#__PURE__*/React__default.createElement(antd.DatePicker, _extends({
+  }, wrapperProps), /*#__PURE__*/React__default.createElement(antd.DatePicker, _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name),
     changeOnBlur: true,
     value: value ? dayjs(value) : undefined,
@@ -9668,7 +9686,7 @@ function Time(_ref26) {
       width: "100%"
     },
     disabled: item && item.view && item.view.disabled ? item.view.disabled : loading ? loading : false
-  }, inputProps))));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps))));
 }
 function Boolean$1(_ref27) {
   var inputProps = _ref27.inputProps,
@@ -9688,11 +9706,12 @@ function Boolean$1(_ref27) {
     checked: value,
     onChange: change,
     disabled: item && item.view && item.view.disabled ? item.view.disabled : loading ? loading : false
-  }, inputProps), item.label));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps), item.label));
 }
 function Float(_ref28) {
   var _item$validators, _item$validators2;
-  var inputProps = _ref28.inputProps,
+  var wrapperProps = _ref28.wrapperProps,
+    inputProps = _ref28.inputProps,
     formItem = _ref28.formItem,
     auth = _ref28.auth,
     item = _ref28.item,
@@ -9707,14 +9726,14 @@ function Float(_ref28) {
     style: item !== null && item !== void 0 && item.fieldLayoutStyle ? item.fieldLayoutStyle : {
       width: "100%"
     }
-  }, /*#__PURE__*/React__default.createElement(ActionsSpace, {
+  }, /*#__PURE__*/React__default.createElement(ActionsSpace, _extends({
     auth: auth,
     item: item,
     value: value,
     onChange: onChange,
     loading: loading,
     setLoading: setLoading
-  }, /*#__PURE__*/React__default.createElement(antd.InputNumber, _extends({
+  }, wrapperProps), /*#__PURE__*/React__default.createElement(antd.InputNumber, _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name),
     value: value,
     onChange: onChange,
@@ -9724,11 +9743,12 @@ function Float(_ref28) {
     min: (item === null || item === void 0 ? void 0 : item.min) || (item === null || item === void 0 ? void 0 : (_item$validators = item.validators) === null || _item$validators === void 0 ? void 0 : _item$validators.min),
     max: (item === null || item === void 0 ? void 0 : item.max) || (item === null || item === void 0 ? void 0 : (_item$validators2 = item.validators) === null || _item$validators2 === void 0 ? void 0 : _item$validators2.max),
     disabled: item && item.view && item.view.disabled ? item.view.disabled : loading ? loading : false
-  }, inputProps))));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps))));
 }
 function Integer(_ref29) {
   var _item$validators3, _item$validators4;
-  var inputProps = _ref29.inputProps,
+  var wrapperProps = _ref29.wrapperProps,
+    inputProps = _ref29.inputProps,
     formItem = _ref29.formItem,
     auth = _ref29.auth,
     item = _ref29.item,
@@ -9743,14 +9763,14 @@ function Integer(_ref29) {
     style: item !== null && item !== void 0 && item.fieldLayoutStyle ? item.fieldLayoutStyle : {
       width: "100%"
     }
-  }, /*#__PURE__*/React__default.createElement(ActionsSpace, {
+  }, /*#__PURE__*/React__default.createElement(ActionsSpace, _extends({
     auth: auth,
     item: item,
     value: value,
     onChange: onChange,
     loading: loading,
     setLoading: setLoading
-  }, /*#__PURE__*/React__default.createElement(antd.InputNumber, _extends({
+  }, wrapperProps), /*#__PURE__*/React__default.createElement(antd.InputNumber, _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name),
     value: value,
     onChange: onChange,
@@ -9760,10 +9780,11 @@ function Integer(_ref29) {
     min: (item === null || item === void 0 ? void 0 : item.min) || (item === null || item === void 0 ? void 0 : (_item$validators3 = item.validators) === null || _item$validators3 === void 0 ? void 0 : _item$validators3.min),
     max: (item === null || item === void 0 ? void 0 : item.max) || (item === null || item === void 0 ? void 0 : (_item$validators4 = item.validators) === null || _item$validators4 === void 0 ? void 0 : _item$validators4.max),
     disabled: item && item.view && item.view.disabled ? item.view.disabled : loading ? loading : false
-  }, inputProps))));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps))));
 }
 function String$1(_ref30) {
-  var inputProps = _ref30.inputProps,
+  var wrapperProps = _ref30.wrapperProps,
+    inputProps = _ref30.inputProps,
     formItem = _ref30.formItem,
     auth = _ref30.auth,
     item = _ref30.item,
@@ -9778,14 +9799,14 @@ function String$1(_ref30) {
     style: item !== null && item !== void 0 && item.fieldLayoutStyle ? item.fieldLayoutStyle : {
       width: "100%"
     }
-  }, /*#__PURE__*/React__default.createElement(ActionsSpace, {
+  }, /*#__PURE__*/React__default.createElement(ActionsSpace, _extends({
     auth: auth,
     item: item,
     value: value,
     onChange: _onChange3,
     loading: loading,
     setLoading: setLoading
-  }, /*#__PURE__*/React__default.createElement(antd.Input, _extends({
+  }, wrapperProps), /*#__PURE__*/React__default.createElement(antd.Input, _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name),
     size: item.size ? item.size : "middle",
     allowClear: true,
@@ -9797,10 +9818,11 @@ function String$1(_ref30) {
       width: "100%"
     },
     disabled: item && item.view && item.view.disabled ? item.view.disabled : loading ? loading : false
-  }, inputProps))));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps))));
 }
 function Password(_ref31) {
-  var inputProps = _ref31.inputProps,
+  var wrapperProps = _ref31.wrapperProps,
+    inputProps = _ref31.inputProps,
     formItem = _ref31.formItem,
     auth = _ref31.auth,
     item = _ref31.item,
@@ -9815,14 +9837,14 @@ function Password(_ref31) {
     style: item !== null && item !== void 0 && item.fieldLayoutStyle ? item.fieldLayoutStyle : {
       width: "100%"
     }
-  }, /*#__PURE__*/React__default.createElement(ActionsSpace, {
+  }, /*#__PURE__*/React__default.createElement(ActionsSpace, _extends({
     auth: auth,
     item: item,
     value: value,
     onChange: _onChange4,
     loading: loading,
     setLoading: setLoading
-  }, /*#__PURE__*/React__default.createElement(antd.Input.Password, _extends({
+  }, wrapperProps), /*#__PURE__*/React__default.createElement(antd.Input.Password, _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name),
     allowClear: true,
     value: value,
@@ -9836,10 +9858,11 @@ function Password(_ref31) {
       return visible ? /*#__PURE__*/React__default.createElement(RefIcon$3, null) : /*#__PURE__*/React__default.createElement(RefIcon$2, null);
     },
     disabled: item && item.view && item.view.disabled ? item.view.disabled : loading ? loading : false
-  }, inputProps))));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps))));
 }
 function MultilineText(_ref32) {
-  var inputProps = _ref32.inputProps,
+  var wrapperProps = _ref32.wrapperProps,
+    inputProps = _ref32.inputProps,
     formItem = _ref32.formItem,
     auth = _ref32.auth,
     item = _ref32.item,
@@ -9854,14 +9877,14 @@ function MultilineText(_ref32) {
     style: item !== null && item !== void 0 && item.fieldLayoutStyle ? item.fieldLayoutStyle : {
       width: "100%"
     }
-  }, /*#__PURE__*/React__default.createElement(ActionsSpace, {
+  }, /*#__PURE__*/React__default.createElement(ActionsSpace, _extends({
     auth: auth,
     item: item,
     value: value,
     onChange: _onChange5,
     loading: loading,
     setLoading: setLoading
-  }, /*#__PURE__*/React__default.createElement(TextArea, _extends({
+  }, wrapperProps), /*#__PURE__*/React__default.createElement(TextArea, _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name),
     rows: 6,
     allowClear: true,
@@ -9873,7 +9896,7 @@ function MultilineText(_ref32) {
       width: "100%"
     },
     disabled: item && item.view && item.view.disabled ? item.view.disabled : loading ? loading : false
-  }, inputProps))));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps))));
 }
 function Unknown(_ref33) {
   var formItem = _ref33.formItem,
@@ -9888,6 +9911,32 @@ function Unknown(_ref33) {
     key: item.name
   }, /*#__PURE__*/React__default.createElement("div", null, item.label, " - ", item.name), /*#__PURE__*/React__default.createElement("div", null, item.uuid)));
 }
+function FieldWrapper(_ref34) {
+  var wrapperProps = _ref34.wrapperProps,
+    formItem = _ref34.formItem,
+    auth = _ref34.auth,
+    item = _ref34.item,
+    value = _ref34.value,
+    onChange = _ref34.onChange,
+    children = _ref34.children;
+  var _useState35 = React.useState(false),
+    loading = _useState35[0],
+    setLoading = _useState35[1];
+  return /*#__PURE__*/React__default.createElement(FieldLayout, {
+    formItem: formItem,
+    item: item,
+    style: item !== null && item !== void 0 && item.fieldLayoutStyle ? item.fieldLayoutStyle : {
+      width: "100%"
+    }
+  }, /*#__PURE__*/React__default.createElement(ActionsSpace, _extends({
+    auth: auth,
+    item: item,
+    value: value,
+    onChange: onChange,
+    loading: loading,
+    setLoading: setLoading
+  }, wrapperProps), children));
+}
 function Field(props) {
   var _props$item, _props$item2, _props$item3, _props$item4, _props$item5, _props$item6, _props$item7, _props$item8;
   var auth = props.auth,
@@ -9903,11 +9952,13 @@ function Field(props) {
     objectName = props.objectName,
     formItem = props.formItem,
     data = props.data,
+    wrapperProps = props.wrapperProps,
     inputProps = props.inputProps;
   var type = (item.view ? item.view.type : undefined) || item.type;
   var FullReplacementFunc = useFieldFullReplacement(type, fullReplacement);
   if (FullReplacementFunc) {
     return /*#__PURE__*/React__default.createElement(FullReplacementFunc, {
+      wrapperProps: wrapperProps,
       inputProps: inputProps,
       data: data,
       auth: auth,
@@ -9932,11 +9983,14 @@ function Field(props) {
             contextObject: contextObject,
             objectName: objectName,
             formItem: formItem,
-            data: data
+            data: data,
+            inputProps: inputProps,
+            wrapperProps: wrapperProps
           }) : undefined;
         case "object":
         case "document":
           return /*#__PURE__*/React__default.createElement(GroupObj, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -9952,6 +10006,7 @@ function Field(props) {
           });
         default:
           return /*#__PURE__*/React__default.createElement(Unknown, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -9973,7 +10028,9 @@ function Field(props) {
             contextObject: contextObject,
             objectName: objectName,
             formItem: formItem,
-            data: data
+            data: data,
+            inputProps: inputProps,
+            wrapperProps: wrapperProps
           }) : undefined;
         case "int":
         case "uint":
@@ -9983,6 +10040,7 @@ function Field(props) {
         case "uint64":
         case "uint32":
           return /*#__PURE__*/React__default.createElement(RangeInteger, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -10000,6 +10058,7 @@ function Field(props) {
         case "float64":
         case "float32":
           return /*#__PURE__*/React__default.createElement(RangeFloat, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -10014,6 +10073,7 @@ function Field(props) {
           });
         case "time":
           return /*#__PURE__*/React__default.createElement(RangeTime, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -10028,6 +10088,7 @@ function Field(props) {
           });
         case "date":
           return /*#__PURE__*/React__default.createElement(RangeDate, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -10043,6 +10104,7 @@ function Field(props) {
         case "datetime":
         case "time.Time":
           return /*#__PURE__*/React__default.createElement(RangeDateTime, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -10057,6 +10119,7 @@ function Field(props) {
           });
         default:
           return /*#__PURE__*/React__default.createElement(Unknown, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -10078,7 +10141,9 @@ function Field(props) {
             contextObject: contextObject,
             objectName: objectName,
             formItem: formItem,
-            data: data
+            data: data,
+            inputProps: inputProps,
+            wrapperProps: wrapperProps
           }) : undefined;
         case "int":
         case "uint":
@@ -10088,6 +10153,7 @@ function Field(props) {
         case "uint64":
         case "uint32":
           return /*#__PURE__*/React__default.createElement(IntegerSlider, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -10105,6 +10171,7 @@ function Field(props) {
         case "float64":
         case "float32":
           return /*#__PURE__*/React__default.createElement(FloatSlider, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -10119,6 +10186,7 @@ function Field(props) {
           });
         default:
           return /*#__PURE__*/React__default.createElement(Unknown, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -10135,9 +10203,10 @@ function Field(props) {
     default:
       switch (type) {
         case "func":
-          return props !== null && props !== void 0 && (_props$item7 = props.item) !== null && _props$item7 !== void 0 && _props$item7.render ? props === null || props === void 0 ? void 0 : (_props$item8 = props.item) === null || _props$item8 === void 0 ? void 0 : _props$item8.render(auth, item, value, onChange, onAfterChange, isChanged, partialReplacement, contextObject, objectName, data) : undefined;
+          return props !== null && props !== void 0 && (_props$item7 = props.item) !== null && _props$item7 !== void 0 && _props$item7.render ? props === null || props === void 0 ? void 0 : (_props$item8 = props.item) === null || _props$item8 === void 0 ? void 0 : _props$item8.render(auth, item, value, onChange, onAfterChange, isChanged, partialReplacement, contextObject, objectName, data, inputProps, wrapperProps) : undefined;
         case "text":
           return /*#__PURE__*/React__default.createElement(MultilineText, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -10152,6 +10221,7 @@ function Field(props) {
           });
         case "string":
           return /*#__PURE__*/React__default.createElement(String$1, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -10166,6 +10236,7 @@ function Field(props) {
           });
         case "password":
           return /*#__PURE__*/React__default.createElement(Password, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -10186,6 +10257,7 @@ function Field(props) {
         case "uint64":
         case "uint32":
           return /*#__PURE__*/React__default.createElement(Integer, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -10203,6 +10275,7 @@ function Field(props) {
         case "float64":
         case "float32":
           return /*#__PURE__*/React__default.createElement(Float, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -10218,6 +10291,7 @@ function Field(props) {
         case "boolean":
         case "bool":
           return /*#__PURE__*/React__default.createElement(Boolean$1, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -10232,6 +10306,7 @@ function Field(props) {
           });
         case "time":
           return /*#__PURE__*/React__default.createElement(Time, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -10246,6 +10321,7 @@ function Field(props) {
           });
         case "date":
           return /*#__PURE__*/React__default.createElement(Date$1, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -10261,6 +10337,7 @@ function Field(props) {
         case "datetime":
         case "time.Time":
           return /*#__PURE__*/React__default.createElement(DateTime, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -10277,6 +10354,7 @@ function Field(props) {
           switch (item.SubType) {
             default:
               return /*#__PURE__*/React__default.createElement(ObjCollection, {
+                wrapperProps: wrapperProps,
                 inputProps: inputProps,
                 auth: auth,
                 formItem: formItem,
@@ -10295,6 +10373,7 @@ function Field(props) {
         case "document":
           if (item.mode === "dialog") {
             return /*#__PURE__*/React__default.createElement(BigObj, {
+              wrapperProps: wrapperProps,
               inputProps: inputProps,
               auth: auth,
               formItem: formItem,
@@ -10309,6 +10388,7 @@ function Field(props) {
               changed: changed
             });
           } else return /*#__PURE__*/React__default.createElement(Obj, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -10324,6 +10404,7 @@ function Field(props) {
           });
         case "file":
           return /*#__PURE__*/React__default.createElement(UploadItem, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -10338,6 +10419,7 @@ function Field(props) {
           });
         case "files":
           return /*#__PURE__*/React__default.createElement(UploadItems, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -10352,6 +10434,7 @@ function Field(props) {
           });
         case "imageeditor":
           return /*#__PURE__*/React__default.createElement(ImageEditor, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -10366,6 +10449,7 @@ function Field(props) {
           });
         case "image":
           return /*#__PURE__*/React__default.createElement(Image$1, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -10380,6 +10464,7 @@ function Field(props) {
           });
         default:
           return /*#__PURE__*/React__default.createElement(Unknown, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             formItem: formItem,
@@ -11030,7 +11115,7 @@ function UploadItems$1(_ref) {
     upload: upload
   }, uploadingProps, {
     showUpload: urls.length < uploadingProps.maxCount
-  }, inputProps), item.trigger && _$a.isFunction(item.trigger) && item.trigger(item))));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps), item.trigger && _$a.isFunction(item.trigger) && item.trigger(item))));
 }
 function UploadItem$1(_ref2) {
   var inputProps = _ref2.inputProps,
@@ -11114,7 +11199,7 @@ function UploadItem$1(_ref2) {
     upload: upload
   }, uploadingProps, {
     showUpload: urls.length < uploadingProps.maxCount
-  }, inputProps), item.trigger && _$a.isFunction(item.trigger) && item.trigger(item), item.trigger && !_$a.isFunction(item.trigger) && content(item))));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps), item.trigger && _$a.isFunction(item.trigger) && item.trigger(item), item.trigger && !_$a.isFunction(item.trigger) && content(item))));
 }
 function Image$2(_ref3) {
   var _item$validators;
@@ -11211,7 +11296,7 @@ function Image$2(_ref3) {
     onChange: onChange,
     open: open,
     close: close
-  }, inputProps))));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps))));
 }
 function ActionItem(_ref4) {
   var inputProps = _ref4.inputProps,
@@ -11226,7 +11311,7 @@ function ActionItem(_ref4) {
     item: item,
     value: value,
     onChange: onChange
-  }, inputProps)));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps)));
 }
 function RangeDate$1(_ref5) {
   var _item$validators2;
@@ -11455,7 +11540,8 @@ function RangeFloat$1(_ref6) {
 }
 function FloatSlider$1(_ref7) {
   var _item$func, _item$func2, _item$validators4;
-  var inputProps = _ref7.inputProps,
+  var wrapperProps = _ref7.wrapperProps,
+    inputProps = _ref7.inputProps,
     item = _ref7.item,
     value = _ref7.value,
     onChange = _ref7.onChange,
@@ -11495,7 +11581,7 @@ function FloatSlider$1(_ref7) {
     }
   }, /*#__PURE__*/React__default.createElement("i", {
     className: "fa fa-times"
-  }))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(antdMobile.Slider, _extends({
+  }))), /*#__PURE__*/React__default.createElement("div", wrapperProps, /*#__PURE__*/React__default.createElement(antdMobile.Slider, _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name, "input"),
     disabled: item && item.view && item.view.disabled ? item.view.disabled : false,
     range: true,
@@ -11505,11 +11591,12 @@ function FloatSlider$1(_ref7) {
     value: item.realtime ? value : val,
     onChange: item.realtime ? onChange : setVal,
     onAfterChange: item.realtime ? onAfterChange : onChange
-  }, inputProps))));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps))));
 }
 function RangeInteger$1(_ref8) {
   var _item$validators5;
-  var item = _ref8.item,
+  var wrapperProps = _ref8.wrapperProps,
+    item = _ref8.item,
     value = _ref8.value,
     onChange = _ref8.onChange;
   var _useState11 = React.useState(),
@@ -11532,12 +11619,12 @@ function RangeInteger$1(_ref8) {
       setVal([val[0], v]);
     }
   };
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name),
     style: {
       padding: "5px 0px"
     }
-  }, item && item.header !== false && /*#__PURE__*/React__default.createElement("div", {
+  }, wrapperProps), item && item.header !== false && /*#__PURE__*/React__default.createElement("div", {
     className: "bg bg-grey",
     style: {
       textAlign: "left",
@@ -11602,7 +11689,8 @@ function RangeInteger$1(_ref8) {
 }
 function IntegerSlider$1(_ref9) {
   var _item$func3, _item$func4, _item$validators6;
-  var inputProps = _ref9.inputProps,
+  var wrapperProps = _ref9.wrapperProps,
+    inputProps = _ref9.inputProps,
     item = _ref9.item,
     value = _ref9.value,
     onChange = _ref9.onChange,
@@ -11616,12 +11704,12 @@ function IntegerSlider$1(_ref9) {
   var xstep = (item === null || item === void 0 ? void 0 : item.step) || 1;
   var xmin = (item === null || item === void 0 ? void 0 : item.min) || (item === null || item === void 0 ? void 0 : (_item$func3 = item.func) === null || _item$func3 === void 0 ? void 0 : _item$func3.min) || 0;
   var xmax = (item === null || item === void 0 ? void 0 : item.max) || (item === null || item === void 0 ? void 0 : (_item$func4 = item.func) === null || _item$func4 === void 0 ? void 0 : _item$func4.max) || 100000;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name),
     style: {
       padding: "5px 0px"
     }
-  }, item && item.header !== false && /*#__PURE__*/React__default.createElement("div", {
+  }, wrapperProps), item && item.header !== false && /*#__PURE__*/React__default.createElement("div", {
     className: "bg bg-grey",
     style: {
       textAlign: "left",
@@ -11651,7 +11739,7 @@ function IntegerSlider$1(_ref9) {
     value: item.realtime ? value : val,
     onChange: item.realtime ? onChange : setVal,
     onAfterChange: item.realtime ? onAfterChange : onChange
-  }, inputProps)));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps)));
 }
 function Obj$1(_ref10) {
   var _item$relation, _item$relation$refere, _item$relation2, _item$relation2$refer, _item$relation3, _item$relation3$refer, _item$relation4, _item$relation4$refer, _item$relation5, _item$relation5$refer, _item$validators7, _item$validators8, _item$label3;
@@ -12271,7 +12359,8 @@ function GroupObj$1(_ref13) {
 }
 function Date$2(_ref16) {
   var _item$validators11;
-  var inputProps = _ref16.inputProps,
+  var wrapperProps = _ref16.wrapperProps,
+    inputProps = _ref16.inputProps,
     item = _ref16.item,
     value = _ref16.value,
     onChange = _ref16.onChange;
@@ -12319,7 +12408,7 @@ function Date$2(_ref16) {
       justifyContent: "space-between",
       gap: "5px"
     }
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name, "visible"),
     onClick: function onClick() {
       setVisible(true);
@@ -12331,7 +12420,7 @@ function Date$2(_ref16) {
       borderRadius: "4px",
       padding: "2px 6px"
     }
-  }, /*#__PURE__*/React__default.createElement(antdMobile.DatePicker, _extends({
+  }, wrapperProps), /*#__PURE__*/React__default.createElement(antdMobile.DatePicker, _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name, "input"),
     style: {
       "--item-font-size": "13px"
@@ -12350,7 +12439,7 @@ function Date$2(_ref16) {
       return onChange(moment(value));
     },
     value: val || null
-  }, inputProps), function (value) {
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps), function (value) {
     var _item$label5;
     return value ? moment(value).format('YYYY-MM-DD') : /*#__PURE__*/React__default.createElement("span", {
       style: {
@@ -12361,7 +12450,8 @@ function Date$2(_ref16) {
 }
 function DateTime$1(_ref17) {
   var _item$validators12;
-  var inputProps = _ref17.inputProps,
+  var wrapperProps = _ref17.wrapperProps,
+    inputProps = _ref17.inputProps,
     item = _ref17.item,
     value = _ref17.value,
     onChange = _ref17.onChange;
@@ -12409,7 +12499,7 @@ function DateTime$1(_ref17) {
       justifyContent: "space-between",
       gap: "5px"
     }
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name, "visible"),
     onClick: function onClick() {
       setVisible(true);
@@ -12421,7 +12511,7 @@ function DateTime$1(_ref17) {
       borderRadius: "4px",
       padding: "2px 6px"
     }
-  }, /*#__PURE__*/React__default.createElement(antdMobile.DatePicker, _extends({
+  }, wrapperProps), /*#__PURE__*/React__default.createElement(antdMobile.DatePicker, _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name, "input"),
     style: {
       "--item-font-size": "13px"
@@ -12440,7 +12530,7 @@ function DateTime$1(_ref17) {
       return onChange(moment(value));
     },
     value: val || null
-  }, inputProps), function (value) {
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps), function (value) {
     var _item$label6;
     return value ? moment(value).format('YYYY-MM-DD HH:mm:ss') : /*#__PURE__*/React__default.createElement("span", {
       style: {
@@ -12451,7 +12541,8 @@ function DateTime$1(_ref17) {
 }
 function Time$1(_ref18) {
   var _item$validators13;
-  var inputProps = _ref18.inputProps,
+  var wrapperProps = _ref18.wrapperProps,
+    inputProps = _ref18.inputProps,
     item = _ref18.item,
     value = _ref18.value,
     onChange = _ref18.onChange;
@@ -12499,7 +12590,7 @@ function Time$1(_ref18) {
       justifyContent: "space-between",
       gap: "5px"
     }
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", _extends({
     onClick: function onClick() {
       setVisible(true);
     },
@@ -12510,7 +12601,7 @@ function Time$1(_ref18) {
       fontSize: "13px",
       padding: "2px 6px"
     }
-  }, /*#__PURE__*/React__default.createElement(antdMobile.DatePicker, _extends({
+  }, wrapperProps), /*#__PURE__*/React__default.createElement(antdMobile.DatePicker, _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name, "input"),
     style: {
       "--item-font-size": "13px"
@@ -12529,7 +12620,7 @@ function Time$1(_ref18) {
       return onChange(moment(value));
     },
     value: val || null
-  }, inputProps), function (value) {
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps), function (value) {
     var _item$label7;
     return value ? moment(value).format('HH:mm:ss') : /*#__PURE__*/React__default.createElement("span", {
       style: {
@@ -12539,20 +12630,22 @@ function Time$1(_ref18) {
   }))));
 }
 function Boolean$2(_ref19) {
-  var inputProps = _ref19.inputProps,
+  var wrapperProps = _ref19.wrapperProps,
+    inputProps = _ref19.inputProps,
     item = _ref19.item,
     value = _ref19.value,
     onChange = _ref19.onChange;
-  return /*#__PURE__*/React__default.createElement(antdMobile.Checkbox, _extends({
+  return /*#__PURE__*/React__default.createElement("div", wrapperProps, /*#__PURE__*/React__default.createElement(antdMobile.Checkbox, _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name),
     disabled: item.view && item.view.disabled ? item.view.disabled : false,
     onChange: onChange,
     checked: value
-  }, inputProps), item === null || item === void 0 ? void 0 : item.label);
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps), item === null || item === void 0 ? void 0 : item.label));
 }
 function Float$1(_ref20) {
   var _item$validators14, _item$label8;
-  var inputProps = _ref20.inputProps,
+  var wrapperProps = _ref20.wrapperProps,
+    inputProps = _ref20.inputProps,
     item = _ref20.item,
     value = _ref20.value,
     _onChange3 = _ref20.onChange;
@@ -12587,7 +12680,7 @@ function Float$1(_ref20) {
       justifyContent: "space-between",
       gap: "5px"
     }
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", _extends({
     style: {
       flex: "1",
       border: "1px solid #e5e5e5",
@@ -12595,7 +12688,7 @@ function Float$1(_ref20) {
       borderRadius: "4px",
       padding: "2px 6px"
     }
-  }, /*#__PURE__*/React__default.createElement(antdMobile.Input, _extends({
+  }, wrapperProps), /*#__PURE__*/React__default.createElement(antdMobile.Input, _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name, "input"),
     disabled: item.view && item.view.disabled ? item.view.disabled : false,
     placeholder: item.placeholder || "введите " + (item !== null && item !== void 0 && item.label ? item === null || item === void 0 ? void 0 : (_item$label8 = item.label) === null || _item$label8 === void 0 ? void 0 : _item$label8.toLowerCase() : "значение"),
@@ -12605,11 +12698,12 @@ function Float$1(_ref20) {
       }
     },
     value: value || ""
-  }, inputProps)))));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps)))));
 }
 function Integer$1(_ref21) {
   var _item$validators15, _item$label9;
-  var inputProps = _ref21.inputProps,
+  var wrapperProps = _ref21.wrapperProps,
+    inputProps = _ref21.inputProps,
     item = _ref21.item,
     value = _ref21.value,
     _onChange4 = _ref21.onChange;
@@ -12644,7 +12738,7 @@ function Integer$1(_ref21) {
       justifyContent: "space-between",
       gap: "5px"
     }
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", _extends({
     style: {
       flex: "1",
       border: "1px solid #e5e5e5",
@@ -12652,7 +12746,7 @@ function Integer$1(_ref21) {
       borderRadius: "4px",
       padding: "2px 6px"
     }
-  }, /*#__PURE__*/React__default.createElement(antdMobile.Input, _extends({
+  }, wrapperProps), /*#__PURE__*/React__default.createElement(antdMobile.Input, _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name, "input"),
     disabled: item.view && item.view.disabled ? item.view.disabled : false,
     placeholder: item.placeholder || "введите " + (item !== null && item !== void 0 && item.label ? item === null || item === void 0 ? void 0 : (_item$label9 = item.label) === null || _item$label9 === void 0 ? void 0 : _item$label9.toLowerCase() : "значение"),
@@ -12662,11 +12756,12 @@ function Integer$1(_ref21) {
       }
     },
     value: value || ""
-  }, inputProps)))));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps)))));
 }
 function String$2(_ref22) {
   var _item$validators16, _item$label10;
-  var inputProps = _ref22.inputProps,
+  var wrapperProps = _ref22.wrapperProps,
+    inputProps = _ref22.inputProps,
     item = _ref22.item,
     value = _ref22.value,
     onChange = _ref22.onChange;
@@ -12701,7 +12796,7 @@ function String$2(_ref22) {
       justifyContent: "space-between",
       gap: "5px"
     }
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", _extends({
     style: {
       flex: "1",
       border: "1px solid #e5e5e5",
@@ -12709,7 +12804,7 @@ function String$2(_ref22) {
       borderRadius: "4px",
       padding: "2px 6px"
     }
-  }, /*#__PURE__*/React__default.createElement(antdMobile.TextArea, _extends({
+  }, wrapperProps), /*#__PURE__*/React__default.createElement(antdMobile.TextArea, _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name, "input"),
     style: {
       "--font-size": "14px"
@@ -12722,11 +12817,12 @@ function String$2(_ref22) {
     onChange: onChange,
     value: value || "",
     placeholder: item.placeholder || "введите " + (item !== null && item !== void 0 && item.label ? item === null || item === void 0 ? void 0 : (_item$label10 = item.label) === null || _item$label10 === void 0 ? void 0 : _item$label10.toLowerCase() : "значение")
-  }, inputProps)))));
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps)))));
 }
 function Password$1(_ref23) {
   var _item$validators17, _item$label11;
-  var inputProps = _ref23.inputProps,
+  var wrapperProps = _ref23.wrapperProps,
+    inputProps = _ref23.inputProps,
     item = _ref23.item,
     value = _ref23.value,
     onChange = _ref23.onChange;
@@ -12772,16 +12868,16 @@ function Password$1(_ref23) {
       borderRadius: "4px",
       padding: "2px 6px"
     }
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", _extends({
     className: undefined.password
-  }, /*#__PURE__*/React__default.createElement(antdMobile.Input, _extends({
+  }, wrapperProps), /*#__PURE__*/React__default.createElement(antdMobile.Input, _extends({
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name, "input"),
     value: value,
     onChange: onChange,
     className: undefined.input,
     placeholder: item.placeholder || "введите " + (item !== null && item !== void 0 && item.label ? item === null || item === void 0 ? void 0 : (_item$label11 = item.label) === null || _item$label11 === void 0 ? void 0 : _item$label11.toLowerCase() : "значение"),
     type: visible ? 'text' : 'password'
-  }, inputProps)), /*#__PURE__*/React__default.createElement("div", {
+  }, inputProps, item === null || item === void 0 ? void 0 : item.inputProps)), /*#__PURE__*/React__default.createElement("div", {
     className: undefined.eye
   }, !visible ? /*#__PURE__*/React__default.createElement(EyeInvisibleOutline, {
     "data-locator": getLocator(item === null || item === void 0 ? void 0 : item.name, "visible"),
@@ -12815,11 +12911,13 @@ function FieldMobile(_ref25) {
     contextObject = _ref25.contextObject,
     objectName = _ref25.objectName,
     data = _ref25.data,
+    wrapperProps = _ref25.wrapperProps,
     inputProps = _ref25.inputProps;
   var type = (item.view ? item.view.type : undefined) || item.type;
   var FullReplacementFunc = useFieldFullReplacement(type, fullReplacement);
   if (FullReplacementFunc) {
     return /*#__PURE__*/React__default.createElement(FullReplacementFunc, {
+      wrapperProps: wrapperProps,
       inputProps: inputProps,
       data: data,
       auth: auth,
@@ -12842,11 +12940,14 @@ function FieldMobile(_ref25) {
             partialReplacement: partialReplacement,
             contextObject: contextObject,
             objectName: objectName,
-            data: data
+            data: data,
+            inputProps: inputProps,
+            wrapperProps: wrapperProps
           }) : undefined;
         case "object":
         case "document":
           return /*#__PURE__*/React__default.createElement(GroupObj$1, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             partialReplacement: partialReplacement,
@@ -12861,6 +12962,7 @@ function FieldMobile(_ref25) {
           });
         default:
           return /*#__PURE__*/React__default.createElement(Unknown$1, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             partialReplacement: partialReplacement,
@@ -12880,7 +12982,9 @@ function FieldMobile(_ref25) {
             partialReplacement: partialReplacement,
             contextObject: contextObject,
             objectName: objectName,
-            data: data
+            data: data,
+            inputProps: inputProps,
+            wrapperProps: wrapperProps
           }) : undefined;
         case "int":
         case "uint":
@@ -12890,6 +12994,7 @@ function FieldMobile(_ref25) {
         case "uint64":
         case "uint32":
           return /*#__PURE__*/React__default.createElement(RangeInteger$1, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             partialReplacement: partialReplacement,
@@ -12906,6 +13011,7 @@ function FieldMobile(_ref25) {
         case "float64":
         case "float32":
           return /*#__PURE__*/React__default.createElement(RangeFloat$1, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             partialReplacement: partialReplacement,
@@ -12922,6 +13028,7 @@ function FieldMobile(_ref25) {
         case "datetime":
         case "time.Time":
           return /*#__PURE__*/React__default.createElement(RangeDate$1, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             partialReplacement: partialReplacement,
@@ -12935,6 +13042,7 @@ function FieldMobile(_ref25) {
           });
         default:
           return /*#__PURE__*/React__default.createElement(Unknown$1, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             partialReplacement: partialReplacement,
@@ -12954,7 +13062,9 @@ function FieldMobile(_ref25) {
             partialReplacement: partialReplacement,
             contextObject: contextObject,
             objectName: objectName,
-            data: data
+            data: data,
+            inputProps: inputProps,
+            wrapperProps: wrapperProps
           }) : undefined;
         case "int":
         case "uint":
@@ -12964,6 +13074,7 @@ function FieldMobile(_ref25) {
         case "uint64":
         case "uint32":
           return /*#__PURE__*/React__default.createElement(IntegerSlider$1, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             partialReplacement: partialReplacement,
@@ -12980,6 +13091,7 @@ function FieldMobile(_ref25) {
         case "float64":
         case "float32":
           return /*#__PURE__*/React__default.createElement(FloatSlider$1, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             partialReplacement: partialReplacement,
@@ -12993,6 +13105,7 @@ function FieldMobile(_ref25) {
           });
         default:
           return /*#__PURE__*/React__default.createElement(Unknown$1, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             partialReplacement: partialReplacement,
@@ -13012,10 +13125,13 @@ function FieldMobile(_ref25) {
             partialReplacement: partialReplacement,
             contextObject: contextObject,
             objectName: objectName,
-            data: data
+            data: data,
+            inputProps: inputProps,
+            wrapperProps: wrapperProps
           }) : undefined;
         case "string":
           return /*#__PURE__*/React__default.createElement(String$2, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             partialReplacement: partialReplacement,
@@ -13029,6 +13145,7 @@ function FieldMobile(_ref25) {
           });
         case "password":
           return /*#__PURE__*/React__default.createElement(Password$1, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             partialReplacement: partialReplacement,
@@ -13048,6 +13165,7 @@ function FieldMobile(_ref25) {
         case "uint64":
         case "uint32":
           return /*#__PURE__*/React__default.createElement(Integer$1, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             partialReplacement: partialReplacement,
@@ -13064,6 +13182,7 @@ function FieldMobile(_ref25) {
         case "float64":
         case "float32":
           return /*#__PURE__*/React__default.createElement(Float$1, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             partialReplacement: partialReplacement,
@@ -13078,6 +13197,7 @@ function FieldMobile(_ref25) {
         case "boolean":
         case "bool":
           return /*#__PURE__*/React__default.createElement(Boolean$2, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             partialReplacement: partialReplacement,
@@ -13091,6 +13211,7 @@ function FieldMobile(_ref25) {
           });
         case "time":
           return /*#__PURE__*/React__default.createElement(Time$1, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             partialReplacement: partialReplacement,
@@ -13104,6 +13225,7 @@ function FieldMobile(_ref25) {
           });
         case "date":
           return /*#__PURE__*/React__default.createElement(Date$2, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             partialReplacement: partialReplacement,
@@ -13118,6 +13240,7 @@ function FieldMobile(_ref25) {
         case "datetime":
         case "time.Time":
           return /*#__PURE__*/React__default.createElement(DateTime$1, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             partialReplacement: partialReplacement,
@@ -13132,6 +13255,7 @@ function FieldMobile(_ref25) {
         case "object":
         case "document":
           return /*#__PURE__*/React__default.createElement(Obj$1, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             partialReplacement: partialReplacement,
@@ -13146,6 +13270,7 @@ function FieldMobile(_ref25) {
           });
         case "action":
           return /*#__PURE__*/React__default.createElement(ActionItem, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             partialReplacement: partialReplacement,
@@ -13159,6 +13284,7 @@ function FieldMobile(_ref25) {
           });
         case "file":
           return /*#__PURE__*/React__default.createElement(UploadItem$1, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             partialReplacement: partialReplacement,
@@ -13172,6 +13298,7 @@ function FieldMobile(_ref25) {
           });
         case "files":
           return /*#__PURE__*/React__default.createElement(UploadItems$1, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             partialReplacement: partialReplacement,
@@ -13185,6 +13312,7 @@ function FieldMobile(_ref25) {
           });
         case "image":
           return /*#__PURE__*/React__default.createElement(Image$2, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             partialReplacement: partialReplacement,
@@ -13198,6 +13326,7 @@ function FieldMobile(_ref25) {
           });
         default:
           return /*#__PURE__*/React__default.createElement(Unknown$1, {
+            wrapperProps: wrapperProps,
             inputProps: inputProps,
             auth: auth,
             partialReplacement: partialReplacement,
@@ -15169,6 +15298,7 @@ exports.FieldFullReplacementProvider = FieldFullReplacementProvider;
 exports.FieldMobile = FieldMobile;
 exports.FieldPartialReplacement = FieldPartialReplacement;
 exports.FieldPartialReplacementProvider = FieldPartialReplacementProvider;
+exports.FieldWrapper = FieldWrapper;
 exports.FilterToQueryParameters = FilterToQueryParameters;
 exports.FilteringUIMobile = FilteringUIMobile;
 exports.FiltersFieldsUI = FiltersFieldsUI;