acud 1.4.0 → 1.4.1

package/dist/acud.css

@@ -1,4 +1,4 @@
-/*! acud v1.4.0 */
+/*! acud v1.4.1 */
 /* color */
 /* 默认颜色 */
 /* 通用-icon */

package/dist/acud.js

@@ -1,4 +1,4 @@
-/*! acud v1.4.0 */
+/*! acud v1.4.1 */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory(require("react"), require("react-dom"));
@@ -6072,8 +6072,8 @@ var Menus = /*#__PURE__*/function (_React$Component) {
         return;
       }
       var isPlaceTop = ['topLeft', 'topRight'].includes(popupPlacement);
-      var clientHeight = document.body.clientHeight;
-      var clientWidth = document.body.clientWidth;
+      var clientHeight = window.innerHeight;
+      var clientWidth = window.innerWidth;
       var _loop = function _loop() {
         var currentMenu = _this6.menus[i];
         var prevMenu = _this6.menus[i - 1];
@@ -16057,6 +16057,24 @@ var placements = {
     overflow: autoAdjustOverflow,
     offset: [4, 0],
     targetOffset: targetOffset
+  },
+  leftTop: {
+    points: ['tr', 'tl'],
+    overflow: autoAdjustOverflow,
+    offset: [-4, 0],
+    targetOffset: targetOffset
+  },
+  leftCenter: {
+    points: ['cr', 'cl'],
+    overflow: autoAdjustOverflow,
+    offset: [-4, 0],
+    targetOffset: targetOffset
+  },
+  leftBottom: {
+    points: ['cr', 'cl'],
+    overflow: autoAdjustOverflow,
+    offset: [-4, 0],
+    targetOffset: targetOffset
   }
 };
 /* harmony default export */ __webpack_exports__["default"] = (placements);
@@ -52251,6 +52269,7 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
         newVisibleRecommendArea >= originIntersectionRecommendArea)) {
           prevFlipRef.current.bt = true;
           nextOffsetY = tmpNextOffsetY;
+          popupOffsetY = -popupOffsetY;
           nextAlignInfo.points = [reversePoints(popupPoints, 0), reversePoints(targetPoints, 0)];
         } else {
           prevFlipRef.current.bt = false;
@@ -52274,6 +52293,7 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
         _newVisibleRecommendArea >= originIntersectionRecommendArea)) {
           prevFlipRef.current.tb = true;
           nextOffsetY = _tmpNextOffsetY;
+          popupOffsetY = -popupOffsetY;
           nextAlignInfo.points = [reversePoints(popupPoints, 0), reversePoints(targetPoints, 0)];
         } else {
           prevFlipRef.current.tb = false;
@@ -52303,6 +52323,7 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
         _newVisibleRecommendArea2 >= originIntersectionRecommendArea)) {
           prevFlipRef.current.rl = true;
           nextOffsetX = tmpNextOffsetX;
+          popupOffsetX = -popupOffsetX;
           nextAlignInfo.points = [reversePoints(popupPoints, 1), reversePoints(targetPoints, 1)];
         } else {
           prevFlipRef.current.rl = false;
@@ -52326,6 +52347,7 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
         _newVisibleRecommendArea3 >= originIntersectionRecommendArea)) {
           prevFlipRef.current.lr = true;
           nextOffsetX = _tmpNextOffsetX;
+          popupOffsetX = -popupOffsetX;
           nextAlignInfo.points = [reversePoints(popupPoints, 1), reversePoints(targetPoints, 1)];
         } else {
           prevFlipRef.current.lr = false;
@@ -52338,7 +52360,7 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
       if (typeof numShiftX === 'number') {
         // Left
         if (nextPopupX < visibleRegionArea.left) {
-          nextOffsetX -= nextPopupX - visibleRegionArea.left;
+          nextOffsetX -= nextPopupX - visibleRegionArea.left - popupOffsetX;
           if (targetRect.x + targetWidth < visibleRegionArea.left + numShiftX) {
             nextOffsetX += targetRect.x - visibleRegionArea.left + targetWidth - numShiftX;
           }
@@ -52346,7 +52368,7 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
 
         // Right
         if (nextPopupRight > visibleRegionArea.right) {
-          nextOffsetX -= nextPopupRight - visibleRegionArea.right;
+          nextOffsetX -= nextPopupRight - visibleRegionArea.right - popupOffsetX;
           if (targetRect.x > visibleRegionArea.right - numShiftX) {
             nextOffsetX += targetRect.x - visibleRegionArea.right + numShiftX;
           }
@@ -52356,7 +52378,10 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
       if (typeof numShiftY === 'number') {
         // Top
         if (nextPopupY < visibleRegionArea.top) {
-          nextOffsetY -= nextPopupY - visibleRegionArea.top + popupOffsetY;
+          nextOffsetY -= nextPopupY - visibleRegionArea.top - popupOffsetY;
+
+          // When target if far away from visible area
+          // Stop shift
           if (targetRect.y + targetHeight < visibleRegionArea.top + numShiftY) {
             nextOffsetY += targetRect.y - visibleRegionArea.top + targetHeight - numShiftY;
           }
@@ -52455,7 +52480,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function useWatch(open, target, popup, onAlign) {
+function useWatch(open, target, popup, onAlign, onScroll) {
   Object(rc_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_1__["default"])(function () {
     if (open && target && popup) {
       var targetElement = target;
@@ -52466,6 +52491,7 @@ function useWatch(open, target, popup, onAlign) {
       var mergedList = new Set([win].concat(Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(targetScrollList), Object(_babel_runtime_helpers_esm_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(popupScrollList)));
       function notifyScroll() {
         onAlign();
+        onScroll();
       }
       mergedList.forEach(function (scroller) {
         scroller.addEventListener('scroll', notifyScroll, {
@@ -52860,12 +52886,23 @@ function generateTrigger() {
       scaleY = _useAlign2[8],
       alignInfo = _useAlign2[9],
       onAlign = _useAlign2[10];
+    var _useAction = Object(_hooks_useAction__WEBPACK_IMPORTED_MODULE_15__["default"])(mobile, action, showAction, hideAction),
+      _useAction2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_useAction, 2),
+      showActions = _useAction2[0],
+      hideActions = _useAction2[1];
+    var clickToShow = showActions.has('click');
+    var clickToHide = hideActions.has('click') || hideActions.has('contextMenu');
     var triggerAlign = Object(rc_util_es_hooks_useEvent__WEBPACK_IMPORTED_MODULE_8__["default"])(function () {
       if (!inMotion) {
         onAlign();
       }
     });
-    Object(_hooks_useWatch__WEBPACK_IMPORTED_MODULE_17__["default"])(mergedOpen, targetEle, popupEle, triggerAlign);
+    var onScroll = function onScroll() {
+      if (openRef.current && alignPoint && clickToHide) {
+        triggerOpen(false);
+      }
+    };
+    Object(_hooks_useWatch__WEBPACK_IMPORTED_MODULE_17__["default"])(mergedOpen, targetEle, popupEle, triggerAlign, onScroll);
     Object(rc_util_es_hooks_useLayoutEffect__WEBPACK_IMPORTED_MODULE_10__["default"])(function () {
       triggerAlign();
     }, [mousePos, popupPlacement]);
@@ -52928,11 +52965,6 @@ function generateTrigger() {
     };
 
     // =========================== Action ===========================
-    var _useAction = Object(_hooks_useAction__WEBPACK_IMPORTED_MODULE_15__["default"])(mobile, action, showAction, hideAction),
-      _useAction2 = Object(_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_useAction, 2),
-      showActions = _useAction2[0],
-      hideActions = _useAction2[1];
-
     /**
      * Util wrapper for trigger action
      */
@@ -52951,8 +52983,6 @@ function generateTrigger() {
     }
 
     // ======================= Action: Click ========================
-    var clickToShow = showActions.has('click');
-    var clickToHide = hideActions.has('click') || hideActions.has('contextMenu');
     if (clickToShow || clickToHide) {
       cloneProps.onClick = function (event) {
         var _originChildProps$onC;
@@ -103082,6 +103112,7 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
   };
   // =========================== Validate ===========================
   this.validateFields = function (arg1, arg2) {
+    var _options;
     _this.warningUnhooked();
     var nameList;
     var options;
@@ -103098,27 +103129,12 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
     // We temp save the path which need trigger for `onFieldsChange`
     var TMP_SPLIT = String(Date.now());
     var validateNamePathList = new Set();
+    var recursive = (_options = options) === null || _options === void 0 ? void 0 : _options.recursive;
     _this.getFieldEntities(true).forEach(function (field) {
-      var _options;
       // Add field if not provide `nameList`
       if (!provideNameList) {
         namePathList.push(field.getNamePath());
       }
-      /**
-       * Recursive validate if configured.
-       * TODO: perf improvement @zombieJ
-       */
-      if (((_options = options) === null || _options === void 0 ? void 0 : _options.recursive) && provideNameList) {
-        var namePath = field.getNamePath();
-        if (
-        // nameList[i] === undefined 说明是以 nameList 开头的
-        // ['name'] -> ['name','list']
-        namePath.every(function (nameUnit, i) {
-          return nameList[i] === nameUnit || nameList[i] === undefined;
-        })) {
-          namePathList.push(namePath);
-        }
-      }
       // Skip if without rule
       if (!field.props.rules || !field.props.rules.length) {
         return;
@@ -103126,7 +103142,7 @@ var FormStore = /*#__PURE__*/Object(_babel_runtime_helpers_esm_createClass__WEBP
       var fieldNamePath = field.getNamePath();
       validateNamePathList.add(fieldNamePath.join(TMP_SPLIT));
       // Add field validate rule in to promise list
-      if (!provideNameList || Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_14__["containsNamePath"])(namePathList, fieldNamePath)) {
+      if (!provideNameList || Object(_utils_valueUtil__WEBPACK_IMPORTED_MODULE_14__["containsNamePath"])(namePathList, fieldNamePath, recursive)) {
         var promise = field.validateRules(Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({
           validateMessages: Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])(Object(_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, _utils_messages__WEBPACK_IMPORTED_MODULE_12__["defaultValidateMessages"]), _this.validateMessages)
         }, options));
@@ -103948,17 +103964,34 @@ function cloneByNamePathList(store, namePathList) {
   });
   return newStore;
 }
+/**
+ * Check if `namePathList` includes `namePath`.
+ * @param namePathList A list of `InternalNamePath[]`
+ * @param namePath Compare `InternalNamePath`
+ * @param partialMatch True will make `[a, b]` match `[a, b, c]`
+ */
 function containsNamePath(namePathList, namePath) {
+  var partialMatch = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   return namePathList && namePathList.some(function (path) {
-    return matchNamePath(path, namePath);
+    return matchNamePath(namePath, path, partialMatch);
   });
 }
-function matchNamePath(namePath, changedNamePath) {
-  if (!namePath || !changedNamePath || namePath.length !== changedNamePath.length) {
+/**
+ * Check if `namePath` is super set or equal of `subNamePath`.
+ * @param namePath A list of `InternalNamePath[]`
+ * @param subNamePath Compare `InternalNamePath`
+ * @param partialMatch True will make `[a, b]` match `[a, b, c]`
+ */
+function matchNamePath(namePath, subNamePath) {
+  var partialMatch = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  if (!namePath || !subNamePath) {
+    return false;
+  }
+  if (!partialMatch && namePath.length !== subNamePath.length) {
     return false;
   }
-  return namePath.every(function (nameUnit, i) {
-    return changedNamePath[i] === nameUnit;
+  return subNamePath.every(function (nameUnit, i) {
+    return namePath[i] === nameUnit;
   });
 }
 function isSimilar(source, target) {
@@ -115509,6 +115542,7 @@ var Input = function Input(_ref, ref) {
     autoFocus: autoFocus,
     className: classnames__WEBPACK_IMPORTED_MODULE_2___default()("".concat(prefixCls, "-selection-search-input"), (_inputNode2 = inputNode) === null || _inputNode2 === void 0 ? void 0 : (_inputNode2$props = _inputNode2.props) === null || _inputNode2$props === void 0 ? void 0 : _inputNode2$props.className),
     role: 'combobox',
+    'aria-label': 'Search',
     'aria-expanded': open,
     'aria-haspopup': 'listbox',
     'aria-owns': "".concat(id, "_list"),