iglooform 2.5.12 → 2.5.13

package/es/select/attached-select.js

@@ -43,7 +43,7 @@ import LocaleContext from '../locale/locale-context';
 import Button from '../button';
 import Input from '../input';
 import './style';
-import { compareOptions, optionsHOC } from '../utils/option-utils';
+import { compareOptions, compareSelected, optionsHOC } from '../utils/option-utils';
 var Option = _Select.Option,
     OptGroup = _Select.OptGroup;
 export { Option, OptGroup };
@@ -84,7 +84,7 @@ var IglooSelect = function IglooSelect(_ref) {
 
   var originOptions = useRef(options);
   useEffect(function () {
-    typeof rest.onChange === 'function' && valueProp !== selected && rest.onChange(selected, selectedOptions);
+    typeof rest.onChange === 'function' && compareSelected(selected, valueProp) && rest.onChange(selected, selectedOptions);
   }, [selected]);
   useEffect(function () {
     valueProp !== selected && setSelected(valueProp);

package/es/utils/option-utils.d.ts

@@ -3,6 +3,7 @@ import { FormInstance } from 'antd/es/form';
 import { NamePath } from 'antd/es/form/interface';
 import { SelectProps, SelectValue } from 'antd/es/select';
 export declare const compareOptions: (newOptions: any[], oldOptions?: any[] | undefined) => boolean;
+export declare const compareSelected: (newValue: any | any[], oldValue: any | any[]) => boolean;
 declare type Options = SelectProps<SelectValue>['options'];
 export interface HOCProps extends IglooComponentProps {
     options?: Options;

package/es/utils/option-utils.js

@@ -14,8 +14,6 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
@@ -36,6 +34,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState, useContext, useRef } from 'react';
 import FormContext from '../form-context';
@@ -62,6 +62,25 @@ export var compareOptions = function compareOptions(newOptions, oldOptions) {
 
   return false;
 };
+export var compareSelected = function compareSelected(newValue, oldValue) {
+  if (_typeof(newValue) !== _typeof(oldValue)) {
+    return true;
+  }
+
+  if (Array.isArray(newValue) && Array.isArray(oldValue)) {
+    if (newValue.length !== oldValue.length) {
+      return true;
+    }
+
+    return newValue.every(function (v) {
+      return oldValue.find(function (ov) {
+        return v === ov;
+      });
+    });
+  }
+
+  return newValue !== oldValue;
+};
 export function optionsHOC(Component) {
   return function (props) {
     var options = props.options,

package/lib/select/attached-select.js

@@ -108,7 +108,7 @@ var IglooSelect = function IglooSelect(_ref) {
 
   var originOptions = (0, _react.useRef)(options);
   (0, _react.useEffect)(function () {
-    typeof rest.onChange === 'function' && valueProp !== selected && rest.onChange(selected, selectedOptions);
+    typeof rest.onChange === 'function' && (0, _optionUtils.compareSelected)(selected, valueProp) && rest.onChange(selected, selectedOptions);
   }, [selected]);
   (0, _react.useEffect)(function () {
     valueProp !== selected && setSelected(valueProp);

package/lib/utils/option-utils.d.ts

@@ -3,6 +3,7 @@ import { FormInstance } from 'antd/es/form';
 import { NamePath } from 'antd/es/form/interface';
 import { SelectProps, SelectValue } from 'antd/es/select';
 export declare const compareOptions: (newOptions: any[], oldOptions?: any[] | undefined) => boolean;
+export declare const compareSelected: (newValue: any | any[], oldValue: any | any[]) => boolean;
 declare type Options = SelectProps<SelectValue>['options'];
 export interface HOCProps extends IglooComponentProps {
     options?: Options;

package/lib/utils/option-utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.compareOptions = void 0;
+exports.compareSelected = exports.compareOptions = void 0;
 exports.optionsHOC = optionsHOC;
 
 var _jsxRuntime = require("react/jsx-runtime");
@@ -32,8 +32,6 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
@@ -54,6 +52,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 var compareOptions = function compareOptions(newOptions, oldOptions) {
   if (!Array.isArray(oldOptions)) {
     return true;
@@ -79,6 +79,28 @@ var compareOptions = function compareOptions(newOptions, oldOptions) {
 
 exports.compareOptions = compareOptions;
 
+var compareSelected = function compareSelected(newValue, oldValue) {
+  if (_typeof(newValue) !== _typeof(oldValue)) {
+    return true;
+  }
+
+  if (Array.isArray(newValue) && Array.isArray(oldValue)) {
+    if (newValue.length !== oldValue.length) {
+      return true;
+    }
+
+    return newValue.every(function (v) {
+      return oldValue.find(function (ov) {
+        return v === ov;
+      });
+    });
+  }
+
+  return newValue !== oldValue;
+};
+
+exports.compareSelected = compareSelected;
+
 function optionsHOC(Component) {
   return function (props) {
     var options = props.options,

package/package.json

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