iglooform 2.4.28 → 2.4.29

package/es/filter/checkBox.d.ts

@@ -5,6 +5,7 @@ declare const CratetCheckBoxFilter: (props: {
     allSelected: any[];
     valueConfirm: any;
     chooseed?: string[];
+    onChange?: any;
     disabled?: any[];
 }) => JSX.Element;
 export default CratetCheckBoxFilter;

package/es/filter/checkBox.js

@@ -50,6 +50,7 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
       _props$chooseed = props.chooseed,
       chooseed = _props$chooseed === void 0 ? [] : _props$chooseed,
       disabled = props.disabled,
+      _onChange = props.onChange,
       _props$valueConfirm = props.valueConfirm,
       valueConfirm = _props$valueConfirm === void 0 ? function () {} : _props$valueConfirm;
   var timeKey = new Date();
@@ -83,6 +84,7 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
       }), allChoose ? _jsx("span", {
         className: "igloo-form-filter-drop-down-container-content-group-title-action",
         onClick: function onClick() {
+          typeof _onChange === 'function' && _onChange([]);
           valueConfirm({
             type: optionKey,
             value: []
@@ -98,6 +100,7 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
       }) : _jsx("span", {
         className: "igloo-form-filter-drop-down-container-content-group-title-action",
         onClick: function onClick() {
+          typeof _onChange === 'function' && _onChange(allCanChoose);
           valueConfirm({
             type: optionKey,
             value: allCanChoose
@@ -117,7 +120,8 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
         width: '100%'
       },
       onChange: function onChange(e) {
-        return valueConfirm({
+        typeof _onChange === 'function' && _onChange(e);
+        valueConfirm({
           type: optionKey,
           value: e
         });

package/es/filter/index.d.ts

@@ -23,6 +23,7 @@ export interface IFrameConfig {
     canNotDelete?: boolean;
     tagTitle?: (value?: any) => string;
     render?: (value: any, onChange: any) => ReactNode;
+    onChange?: any;
 }
 export interface IFilterProps {
     initValue?: {

package/es/filter/index.js

@@ -635,7 +635,8 @@ var FilterComponent = function FilterComponent(props) {
               format = _item$format2 === void 0 ? defaultFormat : _item$format2,
               dateRangeConfig = item.dateRangeConfig,
               render = item.render,
-              tagTitle = item.tagTitle;
+              tagTitle = item.tagTitle,
+              onChangeProps = item.onChange;
 
           switch (type) {
             case 'customize':
@@ -671,7 +672,8 @@ var FilterComponent = function FilterComponent(props) {
                 onFocus: invisibleRef.current,
                 dateRangeConfig: dateRangeConfig,
                 pickerOpenStatus: dataPickerOpenStatus[key],
-                setPickerOpenStatus: setPickerOpenStatus
+                setPickerOpenStatus: setPickerOpenStatus,
+                onChange: onChangeProps
               }, key);
 
             case 'mult':
@@ -683,7 +685,8 @@ var FilterComponent = function FilterComponent(props) {
                 allSelected: optionsAllSelected[key],
                 chooseed: optionsChanged[key],
                 disabled: disabled,
-                valueConfirm: dispatchOptionsChange
+                valueConfirm: dispatchOptionsChange,
+                onChange: onChangeProps
               }, key);
 
             case 'single':
@@ -694,7 +697,8 @@ var FilterComponent = function FilterComponent(props) {
                 optionKey: key,
                 chooseed: optionsChanged[key],
                 disabled: disabled,
-                valueConfirm: dispatchOptionsChange
+                valueConfirm: dispatchOptionsChange,
+                onChange: onChangeProps
               }, key);
           }
         })]

package/es/filter/radioBox.d.ts

@@ -5,6 +5,7 @@ declare type IRadioBoxProps = {
     valueConfirm: any;
     chooseed?: string[];
     disabled?: any[];
+    onChange?: any;
 };
 declare const CreateRadioBoxFilter: (props: IRadioBoxProps) => JSX.Element;
 export default CreateRadioBoxFilter;

package/es/filter/radioBox.js

@@ -15,7 +15,8 @@ var CreateRadioBoxFilter = function CreateRadioBoxFilter(props) {
       configList = props.configList,
       disabled = props.disabled,
       valueConfirm = props.valueConfirm,
-      chooseed = props.chooseed;
+      chooseed = props.chooseed,
+      _onChange = props.onChange;
   return _jsxs("div", {
     className: "igloo-form-filter-drop-down-container-content-group",
     children: [_jsx("div", {
@@ -27,7 +28,8 @@ var CreateRadioBoxFilter = function CreateRadioBoxFilter(props) {
     }), _jsx(_Radio.Group, {
       value: chooseed,
       onChange: function onChange(e) {
-        return valueConfirm({
+        typeof _onChange === 'function' && _onChange(e.target.value);
+        valueConfirm({
           type: optionKey,
           value: e.target.value
         });

package/es/filter/rangePicker.d.ts

@@ -12,6 +12,7 @@ declare const CreateRangePickerFilter: (props: {
     disabledDate?: any;
     setRangeType?: any;
     format?: string;
+    onChange?: any;
     tiemRange?: number;
 }) => JSX.Element;
 export default CreateRangePickerFilter;

package/es/filter/rangePicker.js

@@ -44,6 +44,7 @@ var CreateRangePickerFilter = function CreateRangePickerFilter(props) {
       dateRangeConfig = _props$dateRangeConfi === void 0 ? {} : _props$dateRangeConfi,
       _props$pickerOpenStat = props.pickerOpenStatus,
       pickerOpenStatus = _props$pickerOpenStat === void 0 ? false : _props$pickerOpenStat,
+      onChange = props.onChange,
       setPickerOpenStatus = props.setPickerOpenStatus;
   var RangePicker = _DatePicker.RangePicker;
 
@@ -83,6 +84,7 @@ var CreateRangePickerFilter = function CreateRangePickerFilter(props) {
         type: optionKey,
         value: [timeValueRef.current.startTime, timeValueRef.current.endTime]
       });
+      typeof onChange === 'function' && onChange([timeValueRef.current.startTime, timeValueRef.current.endTime]);
       setPickerOpenStatus({
         type: optionKey,
         value: false

package/es/upload-photo/index.js

@@ -235,10 +235,10 @@ var UploadPhoto = function UploadPhoto(props) {
   };
 
   useEffect(function () {
-    if (Array.isArray(value)) {
+    if (Array.isArray(value) && files.length === 0) {
       mapFilesFromValue(value);
     }
-  }, []);
+  }, [value]);
   var uploadId = useMemo(function () {
     return "igloo-upload-photo-input-".concat(Math.random());
   }, []);

package/lib/filter/checkBox.d.ts

@@ -5,6 +5,7 @@ declare const CratetCheckBoxFilter: (props: {
     allSelected: any[];
     valueConfirm: any;
     chooseed?: string[];
+    onChange?: any;
     disabled?: any[];
 }) => JSX.Element;
 export default CratetCheckBoxFilter;

package/lib/filter/checkBox.js

@@ -69,6 +69,7 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
       _props$chooseed = props.chooseed,
       chooseed = _props$chooseed === void 0 ? [] : _props$chooseed,
       disabled = props.disabled,
+      _onChange = props.onChange,
       _props$valueConfirm = props.valueConfirm,
       valueConfirm = _props$valueConfirm === void 0 ? function () {} : _props$valueConfirm;
   var timeKey = new Date();
@@ -102,6 +103,7 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
       }), allChoose ? (0, _jsxRuntime.jsx)("span", {
         className: "igloo-form-filter-drop-down-container-content-group-title-action",
         onClick: function onClick() {
+          typeof _onChange === 'function' && _onChange([]);
           valueConfirm({
             type: optionKey,
             value: []
@@ -117,6 +119,7 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
       }) : (0, _jsxRuntime.jsx)("span", {
         className: "igloo-form-filter-drop-down-container-content-group-title-action",
         onClick: function onClick() {
+          typeof _onChange === 'function' && _onChange(allCanChoose);
           valueConfirm({
             type: optionKey,
             value: allCanChoose
@@ -136,7 +139,8 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
         width: '100%'
       },
       onChange: function onChange(e) {
-        return valueConfirm({
+        typeof _onChange === 'function' && _onChange(e);
+        valueConfirm({
           type: optionKey,
           value: e
         });

package/lib/filter/index.d.ts

@@ -23,6 +23,7 @@ export interface IFrameConfig {
     canNotDelete?: boolean;
     tagTitle?: (value?: any) => string;
     render?: (value: any, onChange: any) => ReactNode;
+    onChange?: any;
 }
 export interface IFilterProps {
     initValue?: {

package/lib/filter/index.js

@@ -668,7 +668,8 @@ var FilterComponent = function FilterComponent(props) {
               format = _item$format2 === void 0 ? defaultFormat : _item$format2,
               dateRangeConfig = item.dateRangeConfig,
               render = item.render,
-              tagTitle = item.tagTitle;
+              tagTitle = item.tagTitle,
+              onChangeProps = item.onChange;
 
           switch (type) {
             case 'customize':
@@ -704,7 +705,8 @@ var FilterComponent = function FilterComponent(props) {
                 onFocus: invisibleRef.current,
                 dateRangeConfig: dateRangeConfig,
                 pickerOpenStatus: dataPickerOpenStatus[key],
-                setPickerOpenStatus: setPickerOpenStatus
+                setPickerOpenStatus: setPickerOpenStatus,
+                onChange: onChangeProps
               }, key);
 
             case 'mult':
@@ -716,7 +718,8 @@ var FilterComponent = function FilterComponent(props) {
                 allSelected: optionsAllSelected[key],
                 chooseed: optionsChanged[key],
                 disabled: disabled,
-                valueConfirm: dispatchOptionsChange
+                valueConfirm: dispatchOptionsChange,
+                onChange: onChangeProps
               }, key);
 
             case 'single':
@@ -727,7 +730,8 @@ var FilterComponent = function FilterComponent(props) {
                 optionKey: key,
                 chooseed: optionsChanged[key],
                 disabled: disabled,
-                valueConfirm: dispatchOptionsChange
+                valueConfirm: dispatchOptionsChange,
+                onChange: onChangeProps
               }, key);
           }
         })]

package/lib/filter/radioBox.d.ts

@@ -5,6 +5,7 @@ declare type IRadioBoxProps = {
     valueConfirm: any;
     chooseed?: string[];
     disabled?: any[];
+    onChange?: any;
 };
 declare const CreateRadioBoxFilter: (props: IRadioBoxProps) => JSX.Element;
 export default CreateRadioBoxFilter;

package/lib/filter/radioBox.js

@@ -33,7 +33,8 @@ var CreateRadioBoxFilter = function CreateRadioBoxFilter(props) {
       configList = props.configList,
       disabled = props.disabled,
       valueConfirm = props.valueConfirm,
-      chooseed = props.chooseed;
+      chooseed = props.chooseed,
+      _onChange = props.onChange;
   return (0, _jsxRuntime.jsxs)("div", {
     className: "igloo-form-filter-drop-down-container-content-group",
     children: [(0, _jsxRuntime.jsx)("div", {
@@ -45,7 +46,8 @@ var CreateRadioBoxFilter = function CreateRadioBoxFilter(props) {
     }), (0, _jsxRuntime.jsx)(_radio.default.Group, {
       value: chooseed,
       onChange: function onChange(e) {
-        return valueConfirm({
+        typeof _onChange === 'function' && _onChange(e.target.value);
+        valueConfirm({
           type: optionKey,
           value: e.target.value
         });

package/lib/filter/rangePicker.d.ts

@@ -12,6 +12,7 @@ declare const CreateRangePickerFilter: (props: {
     disabledDate?: any;
     setRangeType?: any;
     format?: string;
+    onChange?: any;
     tiemRange?: number;
 }) => JSX.Element;
 export default CreateRangePickerFilter;

package/lib/filter/rangePicker.js

@@ -65,6 +65,7 @@ var CreateRangePickerFilter = function CreateRangePickerFilter(props) {
       dateRangeConfig = _props$dateRangeConfi === void 0 ? {} : _props$dateRangeConfi,
       _props$pickerOpenStat = props.pickerOpenStatus,
       pickerOpenStatus = _props$pickerOpenStat === void 0 ? false : _props$pickerOpenStat,
+      onChange = props.onChange,
       setPickerOpenStatus = props.setPickerOpenStatus;
   var RangePicker = _datePicker.default.RangePicker;
 
@@ -104,6 +105,7 @@ var CreateRangePickerFilter = function CreateRangePickerFilter(props) {
         type: optionKey,
         value: [timeValueRef.current.startTime, timeValueRef.current.endTime]
       });
+      typeof onChange === 'function' && onChange([timeValueRef.current.startTime, timeValueRef.current.endTime]);
       setPickerOpenStatus({
         type: optionKey,
         value: false

package/lib/upload-photo/index.js

@@ -268,10 +268,10 @@ var UploadPhoto = function UploadPhoto(props) {
   };
 
   (0, _react.useEffect)(function () {
-    if (Array.isArray(value)) {
+    if (Array.isArray(value) && files.length === 0) {
       mapFilesFromValue(value);
     }
-  }, []);
+  }, [value]);
   var uploadId = (0, _react.useMemo)(function () {
     return "igloo-upload-photo-input-".concat(Math.random());
   }, []);

package/package.json

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