@mw-kit/mw-ui 1.7.3 → 1.7.4

package/dist/index.modern.js

@@ -12353,8 +12353,8 @@ var MenuComponent = function MenuComponent(props, ref) {
     if (rule === undefined) {
       var _onClick = option.onClick || function () {};
 
-      onClick = function onClick() {
-        _onClick(index);
+      onClick = function onClick(e) {
+        _onClick(index, option, e);
 
         closeMenu();
       };
@@ -13635,22 +13635,21 @@ var Header$1 = function Header() {
 };
 
 var getOptions = function getOptions(props, options) {
-  return options.map(function (option, index) {
+  return options.map(function (option) {
     var label = isString(option.label) ? {
       text: option.label,
       element: option.label
     } : option.label;
     var value = option.value,
-        onClick = option.onClick;
+        onClick = option.onClick,
+        data = option.data;
     return {
       label: label,
-      onClick: onClick ? function () {
-        onClick(index, {
-          label: label,
-          value: value
-        });
+      data: data,
+      onClick: onClick ? function (index, _option, event) {
+        onClick(index, option, event);
       } : function () {
-        props.setValue(value);
+        props.setValue(value, option);
       }
     };
   });
@@ -13710,7 +13709,9 @@ var Footer$1 = function Footer() {
       setOpen = context.setOpen;
 
   var onClick = function onClick() {
-    setValue([].concat(checked));
+    setValue(checked.map(function (c) {
+      return c.value;
+    }), [].concat(checked));
     setOpen(false);
   };
 
@@ -13756,9 +13757,7 @@ var Header$2 = function Header() {
 
   var onClick = function onClick() {
     setChecked(function (prev) {
-      return prev.length === options.length ? [] : options.map(function (option) {
-        return option.value;
-      });
+      return prev.length === options.length ? [] : [].concat(options);
     });
   };
 
@@ -13797,7 +13796,9 @@ var getOptions$1 = function getOptions(options, checked, setChecked) {
         text: label.text,
         element: React__default.createElement(Checkbox, {
           type: 'checkbox',
-          checked: checked.includes(option.value),
+          checked: checked.findIndex(function (e) {
+            return e.value === option.value;
+          }) !== -1,
           label: option.disabled && option.disabledText ? React__default.createElement(Popup, {
             on: 'click',
             trigger: React__default.createElement("div", null, label.element),
@@ -13811,9 +13812,9 @@ var getOptions$1 = function getOptions(options, checked, setChecked) {
             var isChecked = event.target.checked;
             setChecked(function (prev) {
               var newState = prev.filter(function (v) {
-                return v !== option.value;
+                return v.value !== option.value;
               });
-              if (isChecked) newState.push(option.value);
+              if (isChecked) newState.push(_extends({}, option));
               return newState;
             });
           },
@@ -13836,19 +13837,61 @@ var getInputValue$1 = function getInputValue(value) {
 };
 
 var useSelectMultiple = function useSelectMultiple(props) {
+  var init = function init() {
+    return props.value.length === 0 ? [] : typeof props.value[0] === 'string' ? [].concat(props.value).map(function (value) {
+      return {
+        value: value,
+        label: value
+      };
+    }) : [].concat(props.value);
+  };
+
   var _useState = useState([]),
       options = _useState[0],
       setOptions = _useState[1];
 
-  var _useState2 = useState([].concat(props.value)),
-      checked = _useState2[0],
-      setChecked = _useState2[1];
+  var _useState2 = useState(init),
+      inital = _useState2[0],
+      setInitial = _useState2[1];
+
+  var _useState3 = useState(init),
+      checked = _useState3[0],
+      setChecked = _useState3[1];
 
+  useEffect(function () {
+    var getOption = function getOption(def, options, prev) {
+      var index = options.findIndex(function (o) {
+        return o.value === def.value;
+      });
+      if (index !== -1) return _extends({}, options[index]);else {
+        var _index = prev.findIndex(function (o) {
+          return o.value === def.value;
+        });
+
+        if (_index !== -1) return _extends({}, prev[_index]);
+      }
+      return def;
+    };
+
+    var mapper = function mapper(prev) {
+      return props.value.length > 0 && typeof props.value[0] === 'string' ? props.value.map(function (value) {
+        return getOption({
+          value: value,
+          label: value
+        }, options, prev);
+      }) : props.value.map(function (value) {
+        return getOption(value, options, prev);
+      });
+    };
+
+    setInitial(mapper);
+    setChecked(mapper);
+  }, [props.value, options]);
   var parsedOptions = getOptions$1(options, checked, setChecked);
   var inputValue = getInputValue$1(props.value);
 
   var onReset = function onReset() {
-    setChecked([].concat(props.value));
+    setChecked([].concat(inital));
   };
 
   var returnData = {
@@ -13992,6 +14035,12 @@ var Select = React__default.forwardRef(function (props, ref) {
     setSearch('');
   };
 
+  var onClick = function onClick() {
+    setOpen(function (prev) {
+      return !prev;
+    });
+  };
+
   return getContext({
     setOpen: setOpen,
     search: [search, setSearch],
@@ -14006,11 +14055,7 @@ var Select = React__default.forwardRef(function (props, ref) {
   }, React__default.createElement(Input$1, Object.assign({}, inputProps, {
     type: 'search',
     readOnly: true,
-    onClick: function onClick() {
-      setOpen(function (prev) {
-        return !prev;
-      });
-    },
+    onClick: onClick,
     loading: loading,
     icon: {
       position: 'right',
@@ -14018,7 +14063,8 @@ var Select = React__default.forwardRef(function (props, ref) {
         type: 'semantic',
         icon: open ? 'caret up' : 'caret down',
         width: '14px'
-      }
+      },
+      onClick: onClick
     },
     ref: ref
   })), React__default.createElement(Menu, Object.assign({}, menuProps, {