@mw-kit/mw-ui 1.7.17 → 1.7.19

package/dist/index.modern.js

@@ -12410,34 +12410,59 @@ var MenuComponent = function MenuComponent(props, ref) {
     } : option.label;
     var closeMenu = keepOpen ? function () {} : close;
     var onClick;
-    var disabled;
-    var rules = option.rules || [];
-    var rule = rules.find(function (rule) {
-      return !rule.rule(index);
-    });
+    var disabled = option.disabled;
 
-    if (rule === undefined) {
-      var _onClick = option.onClick || function () {};
+    var OptionContent = function OptionContent(_ref) {
+      var children = _ref.children;
+      return children;
+    };
 
-      onClick = function onClick(e) {
-        _onClick(index, option, e);
+    if (!disabled) {
+      var rules = option.rules || [];
+      var rule = rules.map(function (rule) {
+        return rule(index, option.data, label);
+      }).find(function (result) {
+        return result !== true;
+      });
 
-        closeMenu();
-      };
-    } else {
-      disabled = true;
+      if (rule === true || rule === undefined) {
+        var _onClick = option.onClick || function () {};
+
+        onClick = function onClick(e) {
+          _onClick(index, option, e);
+
+          closeMenu();
+        };
+      } else {
+        disabled = true;
+
+        if (rule !== false) {
+          OptionContent = function OptionContent(_ref2) {
+            var children = _ref2.children;
+            return React__default.createElement(Popup, Object.assign({
+              on: 'click',
+              position: 'top left',
+              inverted: true,
+              wide: true
+            }, rule, {
+              trigger: React__default.createElement("div", null, children)
+            }));
+          };
+        }
+      }
     }
 
+    OptionContent.displayName = 'OptionContent';
     return React__default.createElement(React__default.Fragment, {
       key: index
-    }, React__default.createElement(Option, {
+    }, React__default.createElement(OptionContent, null, React__default.createElement(Option, {
       onClick: onClick,
       disabled: disabled
     }, isString(label.element) ? React__default.createElement(EllipsisContainer$1, null, label.element) : label.element, caret ? React__default.createElement(Icon, {
       type: 'semantic',
       icon: 'caret right',
       width: '14px'
-    }) : null), delimiter && React__default.createElement(Delimiter, null));
+    }) : null)), delimiter && React__default.createElement(Delimiter, null));
   })), children));
 };
 
@@ -13160,11 +13185,9 @@ var MonthPicker = function MonthPicker(props) {
           setValue(year, index);
           close();
         },
-        rules: [{
-          rule: function rule() {
-            var disabled = min !== undefined && (min.getFullYear() > year || min.getFullYear() === year && min.getMonth() > index) || max !== undefined && (max.getFullYear() < year || max.getFullYear() === year && max.getMonth() < index);
-            return !disabled;
-          }
+        rules: [function () {
+          var disabled = min !== undefined && (min.getFullYear() > year || min.getFullYear() === year && min.getMonth() > index) || max !== undefined && (max.getFullYear() < year || max.getFullYear() === year && max.getMonth() < index);
+          return !disabled;
         }]
       };
     })
@@ -14385,16 +14408,17 @@ var getOptions = function getOptions(props, options) {
       element: option.label
     } : option.label;
     var value = option.value,
-        onClick = option.onClick,
-        data = option.data;
+        onClick = option.onClick;
     return {
       label: label,
-      data: data,
       onClick: onClick ? function (index, _option, event) {
         onClick(index, option, event);
       } : function () {
         props.setValue(value, option);
-      }
+      },
+      data: option.data,
+      disabled: option.disabled,
+      rules: option.rules
     };
   });
 };
@@ -14543,14 +14567,7 @@ var getOptions$1 = function getOptions(options, checked, setChecked) {
           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),
-            content: option.disabledText,
-            position: 'left center',
-            inverted: true,
-            wide: true
-          }) : label.element,
+          label: label.element,
           disabled: option.disabled,
           onChange: function onChange(event) {
             var isChecked = event.target.checked;
@@ -14570,6 +14587,9 @@ var getOptions$1 = function getOptions(options, checked, setChecked) {
           }
         })
       },
+      data: option.data,
+      disabled: option.disabled,
+      rules: option.rules,
       keepOpen: true
     };
   });