@kdcloudjs/table 1.2.1-canary.6 → 1.2.2-canary.3

package/es/_utils/usePopper.js

@@ -13,76 +13,68 @@ import devWarning from '../_utils/devwarning';
 import { useResizeObserver } from '../_utils/hooks';
 export var Placements = tuple('top', 'left', 'right', 'bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight', 'leftTop', 'leftBottom', 'rightTop', 'rightBottom');
 export var Triggers = tuple('hover', 'focus', 'click', 'contextMenu');
-
-var getOffsetPos = function getOffsetPos(el) {
+var _getOffsetPos = function getOffsetPos(el) {
   var elPos = {
     top: el.offsetTop,
     left: el.offsetLeft
   };
-
   if (el.offsetParent) {
-    var parentPos = getOffsetPos(el.offsetParent);
+    var parentPos = _getOffsetPos(el.offsetParent);
     elPos.top += parentPos.top;
     elPos.left += parentPos.left;
   }
-
   return elPos;
 };
-
-var getScrollDist = function getScrollDist(el) {
+var _getScrollDist = function getScrollDist(el) {
   var elScroll = {
     top: el.scrollTop,
     left: el.scrollLeft
   };
-
   if (el.parentElement && el.parentElement !== document.body) {
-    var parentScroll = getScrollDist(el.parentElement);
+    var parentScroll = _getScrollDist(el.parentElement);
     elScroll.top += parentScroll.top;
     elScroll.left += parentScroll.left;
   }
-
   return elScroll;
 };
-
 function usePopper(locatorElement, popperElement, props) {
   var _context, _context2;
-
   var prefixCls = props.prefixCls,
-      onTrigger = props.onTrigger,
-      popperStyle = props.popperStyle,
-      _props$arrow = props.arrow,
-      arrow = _props$arrow === void 0 ? false : _props$arrow,
-      onVisibleChange = props.onVisibleChange,
-      popperClassName = props.popperClassName,
-      _props$arrowOffset = props.arrowOffset,
-      arrowOffset = _props$arrowOffset === void 0 ? 12 : _props$arrowOffset,
-      _props$arrowSize = props.arrowSize,
-      arrowSize = _props$arrowSize === void 0 ? 4.25 : _props$arrowSize,
-      locatorClassName = props.locatorClassName,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$trigger = props.trigger,
-      trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'top' : _props$placement,
-      _props$gap = props.gap,
-      defalutGap = _props$gap === void 0 ? 4 : _props$gap,
-      _props$scrollHidden = props.scrollHidden,
-      scrollHidden = _props$scrollHidden === void 0 ? false : _props$scrollHidden,
-      _props$mouseEnterDela = props.mouseEnterDelay,
-      mouseEnterDelay = _props$mouseEnterDela === void 0 ? 0.1 : _props$mouseEnterDela,
-      _props$mouseLeaveDela = props.mouseLeaveDelay,
-      mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela,
-      _props$defaultVisible = props.defaultVisible,
-      defaultVisible = _props$defaultVisible === void 0 ? false : _props$defaultVisible,
-      _props$getTriggerElem = props.getTriggerElement,
-      getTriggerElement = _props$getTriggerElem === void 0 ? function (locatorNode) {
-    return locatorNode;
-  } : _props$getTriggerElem,
-      _props$getPopupContai = props.getPopupContainer,
-      getPopupContainer = _props$getPopupContai === void 0 ? function () {
-    return document.body;
-  } : _props$getPopupContai;
+    onTrigger = props.onTrigger,
+    popperStyle = props.popperStyle,
+    _props$arrow = props.arrow,
+    arrow = _props$arrow === void 0 ? false : _props$arrow,
+    onVisibleChange = props.onVisibleChange,
+    popperClassName = props.popperClassName,
+    _props$arrowOffset = props.arrowOffset,
+    arrowOffset = _props$arrowOffset === void 0 ? 12 : _props$arrowOffset,
+    _props$arrowSize = props.arrowSize,
+    arrowSize = _props$arrowSize === void 0 ? 4.25 : _props$arrowSize,
+    locatorClassName = props.locatorClassName,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'top' : _props$placement,
+    _props$gap = props.gap,
+    defalutGap = _props$gap === void 0 ? 4 : _props$gap,
+    _props$scrollHidden = props.scrollHidden,
+    scrollHidden = _props$scrollHidden === void 0 ? false : _props$scrollHidden,
+    _props$mouseEnterDela = props.mouseEnterDelay,
+    mouseEnterDelay = _props$mouseEnterDela === void 0 ? 0.1 : _props$mouseEnterDela,
+    _props$mouseLeaveDela = props.mouseLeaveDelay,
+    mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela,
+    _props$defaultVisible = props.defaultVisible,
+    defaultVisible = _props$defaultVisible === void 0 ? false : _props$defaultVisible,
+    _props$getTriggerElem = props.getTriggerElement,
+    getTriggerElement = _props$getTriggerElem === void 0 ? function (locatorNode) {
+      return locatorNode;
+    } : _props$getTriggerElem,
+    _props$getPopupContai = props.getPopupContainer,
+    getPopupContainer = _props$getPopupContai === void 0 ? function () {
+      return document.body;
+    } : _props$getPopupContai;
   var arrowWidth = Math.sqrt(2 * Math.pow(arrowSize, 2));
   var componentName = (prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.split('-')[1]) || '';
   devWarning(Placements.indexOf(placement) === -1, componentName, _concatInstanceProperty(_context = "cannot found ".concat(componentName, " placement '")).call(_context, placement, "'"));
@@ -95,14 +87,12 @@ function usePopper(locatorElement, popperElement, props) {
   var locatorRef = locatorElement.ref || locatorEl;
   var popperRef = popperElement.ref || popperEl;
   var container = getPopupContainer(locatorRef.current);
-
   _Promise.resolve().then(function () {
     var triggerNode = getTriggerElement(locatorRef.current);
     var container = getPopupContainer(locatorRef.current);
     devWarning(!triggerNode, componentName, 'getTriggerElement() must return a HTMLElement, but now it does not return anything');
     devWarning(!container, componentName, 'getPopupContainer() must return a HTMLElement, but now it does not return anything');
   });
-
   var initPos = {
     top: 0,
     left: 0,
@@ -118,77 +108,62 @@ function usePopper(locatorElement, popperElement, props) {
     left: 0
   };
   var gap = defalutGap + (arrow ? 10 : 0);
-
   var _useState = useState(initPos),
-      _useState2 = _slicedToArray(_useState, 2),
-      mousePos = _useState2[0],
-      setMousePos = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    mousePos = _useState2[0],
+    setMousePos = _useState2[1];
   var _useState3 = useState(initAlign),
-      _useState4 = _slicedToArray(_useState3, 2),
-      arrowPos = _useState4[0],
-      setArrowPos = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    arrowPos = _useState4[0],
+    setArrowPos = _useState4[1];
   var _useState5 = useState(!!props.visible || defaultVisible),
-      _useState6 = _slicedToArray(_useState5, 2),
-      exist = _useState6[0],
-      setExist = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    exist = _useState6[0],
+    setExist = _useState6[1];
   var _useState7 = useState(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      visible = _useState8[0],
-      setVisible = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    visible = _useState8[0],
+    setVisible = _useState8[1];
   useEffect(function () {
     setVisible(!!props.visible);
   }, [props.visible]);
-
   var _useState9 = useState(''),
-      _useState10 = _slicedToArray(_useState9, 2),
-      evType = _useState10[0],
-      setEvType = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    evType = _useState10[0],
+    setEvType = _useState10[1];
   var _useState11 = useState(!!props.visible || defaultVisible),
-      _useState12 = _slicedToArray(_useState11, 2),
-      canAlign = _useState12[0],
-      setCanAlign = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    canAlign = _useState12[0],
+    setCanAlign = _useState12[1];
   var _useState13 = useState(initAlign),
-      _useState14 = _slicedToArray(_useState13, 2),
-      align = _useState14[0],
-      setAlign = _useState14[1];
-
+    _useState14 = _slicedToArray(_useState13, 2),
+    align = _useState14[0],
+    setAlign = _useState14[1];
   var _useState15 = useState(placement),
-      _useState16 = _slicedToArray(_useState15, 2),
-      currentPlacement = _useState16[0],
-      setCurrentPlacement = _useState16[1];
-
+    _useState16 = _slicedToArray(_useState15, 2),
+    currentPlacement = _useState16[0],
+    setCurrentPlacement = _useState16[1];
   var alignPopper = useCallback(function () {
     if ((locatorRef === null || locatorRef === void 0 ? void 0 : locatorRef.current) && (popperRef === null || popperRef === void 0 ? void 0 : popperRef.current) && evType) {
       var _popperRef$current$ge = popperRef.current.getBoundingClientRect(),
-          popperWidth = _popperRef$current$ge.width,
-          popperHeight = _popperRef$current$ge.height;
-
+        popperWidth = _popperRef$current$ge.width,
+        popperHeight = _popperRef$current$ge.height;
       var _locatorRef$current$g = locatorRef.current.getBoundingClientRect(),
-          top = _locatorRef$current$g.top,
-          bottom = _locatorRef$current$g.bottom,
-          left = _locatorRef$current$g.left,
-          right = _locatorRef$current$g.right,
-          height = _locatorRef$current$g.height,
-          width = _locatorRef$current$g.width;
-
-      var _getOffsetPos = getOffsetPos(container),
-          containerTop = _getOffsetPos.top,
-          containerLeft = _getOffsetPos.left;
-
-      var _getOffsetPos2 = getOffsetPos(locatorRef.current),
-          locatorTop = _getOffsetPos2.top,
-          locatorLeft = _getOffsetPos2.left;
-
-      var _getScrollDist = getScrollDist(locatorRef.current),
-          scrollTop = _getScrollDist.top,
-          scrollLeft = _getScrollDist.left;
-
+        top = _locatorRef$current$g.top,
+        bottom = _locatorRef$current$g.bottom,
+        left = _locatorRef$current$g.left,
+        right = _locatorRef$current$g.right,
+        height = _locatorRef$current$g.height,
+        width = _locatorRef$current$g.width;
+      var _getOffsetPos2 = _getOffsetPos(container),
+        containerTop = _getOffsetPos2.top,
+        containerLeft = _getOffsetPos2.left;
+      var _getOffsetPos3 = _getOffsetPos(locatorRef.current),
+        locatorTop = _getOffsetPos3.top,
+        locatorLeft = _getOffsetPos3.left;
+      var _getScrollDist2 = _getScrollDist(locatorRef.current),
+        scrollTop = _getScrollDist2.top,
+        scrollLeft = _getScrollDist2.left;
       var locatorPos = {
         width: width,
         height: height,
@@ -201,39 +176,30 @@ function usePopper(locatorElement, popperElement, props) {
       };
       var currentPos = evType === 'contextmenu' ? mousePos : locatorPos;
       var _currentPlacement = placement;
-
       if (top - gap - popperHeight < 0) {
         _currentPlacement = _currentPlacement.replace('top', 'bottom');
       }
-
       if (bottom + gap + popperHeight > document.body.clientHeight) {
         _currentPlacement = _currentPlacement.replace('bottom', 'top');
       }
-
       if (left + popperWidth > document.body.clientWidth) {
         _currentPlacement = _currentPlacement.replace('Left', 'Right');
       }
-
       if (right - popperWidth < 0) {
         _currentPlacement = _currentPlacement.replace('Right', 'Left');
       }
-
       if (top + popperHeight > document.body.clientHeight) {
         _currentPlacement = _currentPlacement.replace('Top', 'Bottom');
       }
-
       if (bottom - popperHeight < 0) {
         _currentPlacement = _currentPlacement.replace('Bottom', 'Top');
       }
-
       if (left - gap - popperWidth < 0) {
         _currentPlacement = _currentPlacement.replace('left', 'right');
       }
-
       if (right + gap + popperWidth > document.body.clientWidth) {
         _currentPlacement = _currentPlacement.replace('right', 'left');
       }
-
       var leftLeft = currentPos.left - popperWidth - gap;
       var topTop = currentPos.top - gap - popperHeight;
       var bottomTop = currentPos.top + currentPos.height + gap;
@@ -297,7 +263,6 @@ function usePopper(locatorElement, popperElement, props) {
         top: 0,
         left: 0
       };
-
       if (/left/.test(_currentPlacement) || /right/.test(_currentPlacement)) {
         if (/Top/.test(_currentPlacement)) {
           _arrowPos.top = arrowOffset;
@@ -306,7 +271,6 @@ function usePopper(locatorElement, popperElement, props) {
         } else {
           _arrowPos.top = (popperHeight - arrowWidth) / 2;
         }
-
         if (top <= 0) {
           alignPos.top = locatorPos.top;
           _arrowPos.top = arrowOffset;
@@ -315,21 +279,17 @@ function usePopper(locatorElement, popperElement, props) {
           _arrowPos.top = popperHeight - arrowOffset - 2 * arrowSize;
         } else {
           var _scrollTop = alignPos.top - window.pageYOffset;
-
           var scrollBottom = alignPos.top + popperHeight - 5 - window.pageYOffset;
-
           if (_scrollTop < 0) {
             alignPos.top -= _scrollTop;
             _arrowPos.top += _scrollTop;
           }
-
           if (scrollBottom > document.body.clientHeight) {
             alignPos.top += document.body.clientHeight - scrollBottom;
             _arrowPos.top += scrollBottom - document.body.clientHeight;
           }
         }
       }
-
       if (/top/.test(_currentPlacement) || /bottom/.test(_currentPlacement)) {
         if (/Left/.test(_currentPlacement)) {
           _arrowPos.left = arrowOffset;
@@ -339,7 +299,6 @@ function usePopper(locatorElement, popperElement, props) {
           _arrowPos.left = (popperWidth - arrowWidth) / 2;
         }
       }
-
       setAlign(alignPos);
       setArrowPos(_arrowPos);
       setCurrentPlacement(_currentPlacement);
@@ -359,11 +318,9 @@ function usePopper(locatorElement, popperElement, props) {
     '--arrowLeft': arrowPos.left + 'px',
     '--arrowOffset': arrowSize / -1.2 + 'px'
   };
-
   var popperContainerStyle = _extends(_extends(_extends({
     position: 'absolute'
   }, popperStyle), align), arrow ? arrowStyle : {});
-
   var locatorProps = {
     disabled: disabled,
     ref: locatorRef,
@@ -385,7 +342,6 @@ function usePopper(locatorElement, popperElement, props) {
   useEffect(function () {
     if (exist && visible) {
       var mouseleaveTimer;
-
       var handleHidePopper = function handleHidePopper(e) {
         mouseleaveTimer && clearTimeout(mouseleaveTimer);
         var triggerNode = getTriggerElement(locatorRef.current);
@@ -396,32 +352,27 @@ function usePopper(locatorElement, popperElement, props) {
         var top = /top/.test(currentPlacement) ? popperRect.bottom : triggerRect.top;
         var bottom = /bottom/.test(currentPlacement) ? popperRect.top : triggerRect.bottom;
         var X = e.clientX,
-            Y = e.clientY;
+          Y = e.clientY;
         var inTriggerRect = X > left - 2 && X < right + 2 && Y > top - 2 && Y < bottom + 2;
         var inPopperRect = X > popperRect.left && X < popperRect.right && Y > popperRect.top && Y < popperRect.bottom;
         var ableArea = evType === 'click' || evType === 'contextmenu' ? inPopperRect : inTriggerRect || inPopperRect;
-
         var hidePopper = function hidePopper() {
           setEvType('');
           props.visible === undefined && setVisible(false);
           onVisibleChange && onVisibleChange(false);
         };
-
         if (ableArea) {
           evType === 'focus' && triggerNode.focus();
         } else {
           evType === 'mouseenter' ? mouseleaveTimer = window.setTimeout(hidePopper, mouseLeaveDelay * 1000) : hidePopper();
         }
       };
-
       var debounceHidePopper = debounce(handleHidePopper, 10);
-
       if (evType === 'mouseenter') {
         document.addEventListener('mousemove', debounceHidePopper);
       } else {
         document.addEventListener('click', handleHidePopper);
       }
-
       return function () {
         if (evType === 'mouseenter') {
           document.removeEventListener('mousemove', debounceHidePopper);
@@ -438,7 +389,6 @@ function usePopper(locatorElement, popperElement, props) {
           props.visible === undefined && setVisible(false);
           onVisibleChange && onVisibleChange(false);
         }
-
         alignPopper();
       }, 10);
       window.addEventListener('resize', alignPopper);
@@ -455,14 +405,11 @@ function usePopper(locatorElement, popperElement, props) {
   }, [alignPopper, exist, onVisibleChange, popperNode, props.visible, scrollHidden, locatorNode, visible]);
   React.useEffect(function () {
     var triggerNode = getTriggerElement(locatorRef.current);
-
     if (triggerNode) {
       var mouseenterTimer;
-
       var clearMouseLeave = function clearMouseLeave() {
         return clearTimeout(mouseenterTimer);
       };
-
       var addAction = function addAction(action) {
         if (action === 'hover') {
           triggerNode.addEventListener('mouseenter', handleShowPopper);
@@ -471,7 +418,6 @@ function usePopper(locatorElement, popperElement, props) {
           triggerNode.addEventListener(action.toLowerCase(), handleShowPopper);
         }
       };
-
       var removeAction = function removeAction(action) {
         if (action === 'hover') {
           triggerNode.removeEventListener('mouseenter', handleShowPopper);
@@ -480,11 +426,9 @@ function usePopper(locatorElement, popperElement, props) {
           triggerNode.removeEventListener(action.toLowerCase(), handleShowPopper);
         }
       };
-
       var handleShowPopper = function handleShowPopper(e) {
         e.preventDefault();
         var evType = e.type;
-
         if (evType === 'contextmenu') {
           var currentMousePos = _extends(_extends({}, mousePos), {
             x: e.pageX,
@@ -494,15 +438,12 @@ function usePopper(locatorElement, popperElement, props) {
             right: e.pageX,
             bottom: e.pageY
           });
-
           setMousePos(currentMousePos);
         }
-
         var showPopper = function showPopper(evType) {
           if (!disabled) {
             !exist && setExist(true);
             setEvType(evType);
-
             if (onTrigger) {
               var mapTrigger = {
                 mouseenter: 'hover',
@@ -512,13 +453,11 @@ function usePopper(locatorElement, popperElement, props) {
               };
               onTrigger(mapTrigger[evType]);
             }
-
             if (!visible || evType === 'contextmenu') {
               setCanAlign(true);
             }
           }
         };
-
         if (evType === 'mouseenter') {
           mouseenterTimer = window.setTimeout(function () {
             return showPopper(evType);
@@ -527,7 +466,6 @@ function usePopper(locatorElement, popperElement, props) {
           showPopper(evType);
         }
       };
-
       Array.isArray(trigger) ? trigger.forEach(function (action) {
         return addAction(action);
       }) : addAction(trigger);
@@ -542,5 +480,4 @@ function usePopper(locatorElement, popperElement, props) {
   var Popper = /*#__PURE__*/React.createElement("div", _extends({}, popperProps), popperElement);
   return /*#__PURE__*/React.createElement(React.Fragment, null, Locate, exist && container && /*#__PURE__*/ReactDOM.createPortal(Popper, container));
 }
-
 export default usePopper;

package/es/config-provider/compDefaultProps.js

@@ -1,5 +1,4 @@
 // import * as React from 'react'
-
 /**
  * 组件默认属性，所有组件的默认属性都在这里写，
  * 而不是在组件文件中以“componentName.defaultProps”的方式去写

package/es/config-provider/configProvider.js

@@ -6,7 +6,6 @@ import assign from 'lodash/assign';
 import ConfigContext from './ConfigContext';
 import defaultConfig from './defaultConfig';
 import localeCacher, { getLangMsg as getLang, getCompLangMsg as getCompLang } from '../locale/index';
-
 var ConfigProvider = function ConfigProvider(props) {
   // 处理当前语言
   var value = props.value;
@@ -16,19 +15,16 @@ var ConfigProvider = function ConfigProvider(props) {
       if (localeConfig && localeConfig.customGetLangMsg) {
         return localeConfig.customGetLangMsg(componentName, labelName, params);
       }
-
       return getLang(componentName, labelName, params);
     },
     getCompLangMsg: function getCompLangMsg(compLangMsgParams) {
       return getCompLang(compLangMsgParams, localeConfig === null || localeConfig === void 0 ? void 0 : localeConfig.customGetLangMsg);
     }
   };
-
   if (localeConfig) {
     localeCacher.setLocalesData(localeConfig.locale, localeConfig.localeData);
-  } // 处理组件默认属性
-
-
+  }
+  // 处理组件默认属性
   var providerValue = assign({}, defaultConfig, value, {
     locale: locale
   });
@@ -36,5 +32,4 @@ var ConfigProvider = function ConfigProvider(props) {
     value: providerValue
   }, props.children);
 };
-
 export default ConfigProvider;

package/es/config-provider/defaultConfig.js

@@ -3,7 +3,6 @@ import { getLangMsg, getCompLangMsg } from '../locale';
 var defaultConfig = {
   getPrefixCls: function getPrefixCls(configPrefixCls, suffixCls, customizePrefixCls) {
     var _context;
-
     // 获取样式前缀方法
     if (customizePrefixCls) return customizePrefixCls;
     configPrefixCls = configPrefixCls || 'kd';

package/es/index.js

@@ -1,4 +1,2 @@
-
-
 export { default as ConfigProvider } from './config-provider';
 export * from './table';