@kdcloudjs/kdesign 1.6.34 → 1.6.36

package/es/date-picker/utils/index.js

@@ -9,7 +9,6 @@ export function toArray(val) {
   if (val === null || val === undefined) {
     return [];
   }
-
   return Array.isArray(val) ? val : [val];
 }
 export function getValue(values, index) {
@@ -18,55 +17,44 @@ export function getValue(values, index) {
 export function updateValues(values, value, index) {
   var newValues = [getValue(values, 0), getValue(values, 1)];
   newValues[index] = typeof value === 'function' ? value(newValues[index]) : value;
-
   if (!newValues[0] && !newValues[1]) {
     return null;
   }
-
   return newValues;
 }
 export function getClosingViewDate(viewDate, picker) {
   var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
   var yearItemNumber = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : DEFAULT_YEAR_ITEM_NUMBER;
-
   switch (picker) {
     case 'year':
       return addYears(viewDate, offset * yearItemNumber);
-
     case 'quarter':
     case 'month':
       return addYears(viewDate, offset);
-
     default:
       return addMonths(viewDate, offset);
   }
-} // ===================== Format =====================
-
+}
+// ===================== Format =====================
 export function getDefaultFormat(format, picker, showTime, use12Hours) {
   var mergedFormat = format;
-
   if (!mergedFormat) {
     switch (picker) {
       case 'time':
         mergedFormat = use12Hours ? 'hh:mm:ss a' : 'HH:mm:ss';
         break;
-
       case 'week':
         mergedFormat = 'gggg-wo';
         break;
-
       case 'month':
         mergedFormat = 'YYYY-MM';
         break;
-
       case 'quarter':
         mergedFormat = 'YYYY-QQQ';
         break;
-
       case 'year':
         mergedFormat = 'YYYY';
         break;
-
       default:
         if (showTime) {
           if (use12Hours) {
@@ -77,66 +65,51 @@ export function getDefaultFormat(format, picker, showTime, use12Hours) {
         } else {
           mergedFormat = 'YYYY-MM-DD';
         }
-
     }
-
     mergedFormat = localeParse(mergedFormat);
   }
-
   return mergedFormat;
 }
 export function getPlaceholder(picker, locale, customizePlaceholder) {
   if (customizePlaceholder !== undefined) {
     return customizePlaceholder;
   }
-
   if (picker === 'year' && locale.yearPlaceholder) {
     return locale.yearPlaceholder;
   }
-
   if (picker === 'quarter' && locale.quarterPlaceholder) {
     return locale.quarterPlaceholder;
   }
-
   if (picker === 'month' && locale.monthPlaceholder) {
     return locale.monthPlaceholder;
   }
-
   if (picker === 'week' && locale.weekPlaceholder) {
     return locale.weekPlaceholder;
   }
-
   if (picker === 'time' && locale.timePlaceholder) {
     return locale.timePlaceholder;
   }
-
   return locale.placeholder;
 }
 export function getRangePlaceholder(picker, locale, customizePlaceholder) {
   if (customizePlaceholder !== undefined) {
     return customizePlaceholder;
   }
-
   if (picker === 'year' && locale.rangeYearPlaceholder) {
     return locale.rangeYearPlaceholder;
   }
-
   if (picker === 'quarter' && locale.rangeQuarterPlaceholder) {
     return locale.rangeQuarterPlaceholder;
   }
-
   if (picker === 'month' && locale.rangeMonthPlaceholder) {
     return locale.rangeMonthPlaceholder;
   }
-
   if (picker === 'week' && locale.rangeWeekPlaceholder) {
     return locale.rangeWeekPlaceholder;
   }
-
   if (picker === 'time' && locale.rangeTimePlaceholder) {
     return locale.rangeTimePlaceholder;
   }
-
   return locale.rangePlaceholder;
 }
 export function elementsContains(elements, target) {
@@ -151,48 +124,39 @@ export function getInputSize(picker, format) {
 }
 export function getDataOrAriaProps(props) {
   var retProps = {};
-
   _Object$keys(props).forEach(function (key) {
     if ((key.substr(0, 5) === 'data-' || key.substr(0, 5) === 'aria-' || key === 'role' || key === 'name') && key.substr(0, 7) !== 'data-__') {
       retProps[key] = props[key];
     }
   });
-
   return retProps;
 }
 export function getTimeProps(props) {
   var format = props.format,
-      picker = props.picker,
-      showHour = props.showHour,
-      showMinute = props.showMinute,
-      showSecond = props.showSecond,
-      use12Hours = props.use12Hours;
+    picker = props.picker,
+    showHour = props.showHour,
+    showMinute = props.showMinute,
+    showSecond = props.showSecond,
+    use12Hours = props.use12Hours;
   var firstFormat = toArray(format)[0];
-
   var showTimeObj = _extends({}, props);
-
   if (firstFormat) {
     if (!_includesInstanceProperty(firstFormat).call(firstFormat, 's') && showSecond === undefined) {
       showTimeObj.showSecond = false;
     }
-
     if (!_includesInstanceProperty(firstFormat).call(firstFormat, 'm') && showMinute === undefined) {
       showTimeObj.showMinute = false;
     }
-
     if (!_includesInstanceProperty(firstFormat).call(firstFormat, 'H') && !_includesInstanceProperty(firstFormat).call(firstFormat, 'h') && showHour === undefined) {
       showTimeObj.showHour = false;
     }
-
     if ((_includesInstanceProperty(firstFormat).call(firstFormat, 'a') || _includesInstanceProperty(firstFormat).call(firstFormat, 'A')) && use12Hours === undefined) {
       showTimeObj.use12Hours = true;
     }
   }
-
   if (picker === 'time') {
     return showTimeObj;
   }
-
   return {
     showTime: showTimeObj
   };
@@ -200,69 +164,53 @@ export function getTimeProps(props) {
 export function leftPad(str, length) {
   var fill = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '0';
   var current = String(str);
-
   while (current.length < length) {
     var _context;
-
     current = _concatInstanceProperty(_context = "".concat(fill)).call(_context, str);
   }
-
   return current;
 }
 export function isVisible(element) {
   if (!element) {
     return false;
   }
-
   if (element.offsetParent) {
     return true;
   }
-
   if (element instanceof SVGGraphicsElement) {
     var box = element.getBBox();
-
     if (box.width || box.height) {
       return true;
     }
   }
-
   if (element instanceof HTMLElement) {
     var _box = element.getBoundingClientRect();
-
     if (_box.width || _box.height) {
       return true;
     }
   }
-
   return false;
 }
-
 var raf = function raf(callback) {
   return +setTimeout(callback, 16);
 };
-
 var caf = function caf(num) {
   return clearTimeout(num);
 };
-
 if (typeof window !== 'undefined' && 'requestAnimationFrame' in window) {
   raf = function raf(callback) {
     return window.requestAnimationFrame(callback);
   };
-
   caf = function caf(handle) {
     return window.cancelAnimationFrame(handle);
   };
 }
-
 function wrapperRaf(callback) {
   return raf(callback);
 }
-
 wrapperRaf.cancel = caf;
 export function waitElementReady(element, callback) {
   var id;
-
   function tryOrNextFrame() {
     if (isVisible(element)) {
       callback();
@@ -272,7 +220,6 @@ export function waitElementReady(element, callback) {
       });
     }
   }
-
   tryOrNextFrame();
   return function () {
     wrapperRaf.cancel(id);
@@ -280,63 +227,50 @@ export function waitElementReady(element, callback) {
 }
 var scrollIds = new _Map();
 /* eslint-disable no-param-reassign */
-
 export function scrollTo(element, to, duration) {
   if (scrollIds.get(element)) {
     cancelAnimationFrame(scrollIds.get(element));
-  } // jump to target if duration zero
-
-
+  }
+  // jump to target if duration zero
   if (duration <= 0) {
     scrollIds.set(element, requestAnimationFrame(function () {
       element.scrollTop = to;
     }));
     return;
   }
-
   var difference = to - element.scrollTop;
   var perTick = difference / duration * 10;
   scrollIds.set(element, requestAnimationFrame(function () {
     element.scrollTop += perTick;
-
     if (element.scrollTop !== to) {
       scrollTo(element, to, duration - 10);
     }
   }));
 }
-
 var getYearNextMode = function getYearNextMode(next) {
   if (next === 'month' || next === 'date') {
     return 'year';
   }
-
   return next;
 };
-
 var getMonthNextMode = function getMonthNextMode(next) {
   if (next === 'date') {
     return 'month';
   }
-
   return next;
 };
-
 var getQuarterNextMode = function getQuarterNextMode(next) {
   if (next === 'month' || next === 'date') {
     return 'quarter';
   }
-
   return next;
 };
-
 var getWeekNextMode = function getWeekNextMode(next) {
   if (next === 'date') {
     return 'week';
   }
-
   return next;
 };
-
 export var PickerModeMap = {
   year: getYearNextMode,
   month: getMonthNextMode,
@@ -347,25 +281,20 @@ export var PickerModeMap = {
 };
 export var getInternalNextMode = function getInternalNextMode(nextMode, picker) {
   var getNextMode = PickerModeMap[picker];
-
   if (getNextMode) {
     return getNextMode(nextMode);
   }
-
   return nextMode;
 };
 export var generateUnits = function generateUnits(start, end, step, disabledUnits) {
   var units = [];
-
   for (var i = start; i <= end; i += step) {
     var _context2;
-
     units.push({
       label: leftPad(i, 2),
       value: i,
       disabled: _includesInstanceProperty(_context2 = disabledUnits || []).call(_context2, i)
     });
   }
-
   return units;
 };

package/es/drawer/drawer.js

@@ -12,14 +12,15 @@ import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
 import devWarning from '../_utils/devwarning';
-import { useResizeObserver, useOverflowHidden } from '../_utils/hooks'; // import { usePrevious } from '../_utils/hooks'
-
+import { useResizeObserver, useOverflowHidden } from '../_utils/hooks';
+// import { usePrevious } from '../_utils/hooks'
 import { toArray } from '../_utils/react-children';
 export var PlacementTypes = tuple('top', 'right', 'bottom', 'left');
 var relativePostionTypes = ['relative', 'absolute', 'fixed'];
 var horizontalPlacements = ['left', 'right'];
 var verticalPlacements = ['top', 'bottom'];
-var documentBody = document.body; // function transformSize(size: string | number, placement: string) {
+var documentBody = document.body;
+// function transformSize(size: string | number, placement: string) {
 //   if (typeof size === 'string') {
 //     // 只考虑px 或者 %
 //     devWarning(
@@ -33,92 +34,80 @@ var documentBody = document.body; // function transformSize(size: string | numbe
 //   if (placement === 'right' || placement === 'bottom') return (size || 0) + 'px'
 //   return ('-' + size || 0) + 'px'
 // }
-
 var InternalDrawer = function InternalDrawer(props, ref) {
   var _classNames, _context2, _context3, _classNames2;
-
   var _a;
-
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var drawerProps = getCompProps('Drawer', userDefaultProps, props); // 属性需要合并一遍用户定义的默认属性
-
   var className = drawerProps.className,
-      closable = drawerProps.closable,
-      closeIcon = drawerProps.closeIcon,
-      children = drawerProps.children,
-      onClose = drawerProps.onClose,
-      keyboard = drawerProps.keyboard,
-      mask = drawerProps.mask,
-      maskClosable = drawerProps.maskClosable,
-      maskStyle = drawerProps.maskStyle,
-      maskClassName = drawerProps.maskClassName,
-      placement = drawerProps.placement,
-      title = drawerProps.title,
-      titleStyle = drawerProps.titleStyle,
-      titleClassName = drawerProps.titleClassName,
-      footer = drawerProps.footer,
-      footerStyle = drawerProps.footerStyle,
-      footerClassName = drawerProps.footerClassName,
-      visible = drawerProps.visible,
-      width = drawerProps.width,
-      height = drawerProps.height,
-      headerStyle = drawerProps.headerStyle,
-      headerClassName = drawerProps.headerClassName,
-      zindex = drawerProps.zIndex,
-      getContainer = drawerProps.getContainer,
-      forceRender = drawerProps.forceRender,
-      destroyOnClose = drawerProps.destroyOnClose,
-      customPrefixcls = drawerProps.prefixCls,
-      disableScroll = drawerProps.disableScroll;
+    closable = drawerProps.closable,
+    closeIcon = drawerProps.closeIcon,
+    children = drawerProps.children,
+    onClose = drawerProps.onClose,
+    keyboard = drawerProps.keyboard,
+    mask = drawerProps.mask,
+    maskClosable = drawerProps.maskClosable,
+    maskStyle = drawerProps.maskStyle,
+    maskClassName = drawerProps.maskClassName,
+    placement = drawerProps.placement,
+    title = drawerProps.title,
+    titleStyle = drawerProps.titleStyle,
+    titleClassName = drawerProps.titleClassName,
+    footer = drawerProps.footer,
+    footerStyle = drawerProps.footerStyle,
+    footerClassName = drawerProps.footerClassName,
+    visible = drawerProps.visible,
+    width = drawerProps.width,
+    height = drawerProps.height,
+    headerStyle = drawerProps.headerStyle,
+    headerClassName = drawerProps.headerClassName,
+    zindex = drawerProps.zIndex,
+    getContainer = drawerProps.getContainer,
+    forceRender = drawerProps.forceRender,
+    destroyOnClose = drawerProps.destroyOnClose,
+    customPrefixcls = drawerProps.prefixCls,
+    disableScroll = drawerProps.disableScroll;
   var drawerPrefixCls = getPrefixCls(prefixCls, 'drawer', customPrefixcls);
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      showChildren = _useState2[0],
-      setShowChildren = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    showChildren = _useState2[0],
+    setShowChildren = _useState2[1];
   var _useState3 = useState(width),
-      _useState4 = _slicedToArray(_useState3, 2),
-      currentWidth = _useState4[0],
-      setCurrentWidth = _useState4[1]; // const previousWidthRef = usePrevious(currentWidth)
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentWidth = _useState4[0],
+    setCurrentWidth = _useState4[1];
+  // const previousWidthRef = usePrevious(currentWidth)
   // const previousHeightRef = usePrevious(currentHeight)
-
-
   var containerRef = ref || /*#__PURE__*/createRef();
   var contentRef = useRef(null);
   devWarning(PlacementTypes.indexOf(placement) === -1, 'drawer', "cannot found drawer type '".concat(placement, "'"));
   var drawerContainer = typeof getContainer === 'function' ? getContainer() : getContainer;
   var isAtOriginalPlace = drawerContainer === false;
-
   if (!(drawerContainer instanceof Element) && !isAtOriginalPlace) {
     try {
       drawerContainer = document.querySelector(drawerContainer);
     } catch (error) {
       devWarning(true, 'drawer', 'getContainer"s returnValue/value is not a correct CSSSelector');
     }
-
     drawerContainer = documentBody;
   }
-
   var isBody = !drawerContainer && !isAtOriginalPlace || drawerContainer === document.body;
   useEffect(function () {
     setShowChildren(!!forceRender);
   }, [forceRender]);
   useEffect(function () {
     var node = null;
-    var portalNode = containerRef.current; // 应该只有可见才能影响
+    var portalNode = containerRef.current;
+    // 应该只有可见才能影响
     // 但是这样会有闪烁的问题
-
     if (!isBody && drawerContainer) {
       node = drawerContainer;
     } else if (isAtOriginalPlace) {
       node = portalNode && portalNode.parentElement;
     }
-
     if (node && !_includesInstanceProperty(relativePostionTypes).call(relativePostionTypes, window.getComputedStyle(node).position)) {
       devWarning(true, 'drawer', 'getContainer"s returnValue/value is not a relative/absolute/fixed positioned DOM');
     }
@@ -126,10 +115,10 @@ var InternalDrawer = function InternalDrawer(props, ref) {
   var handleContainerResize = useCallback(function (_ref) {
     var containerWidth = _ref.width;
     if (!visible && width === currentWidth) return;
-
     if (containerWidth < currentWidth) {
       // 这里改成操作DOM？
-      setCurrentWidth(containerWidth); // 这里拿不到正确的之前的宽度
+      setCurrentWidth(containerWidth);
+      // 这里拿不到正确的之前的宽度
       //  if (width !== previousWidthRef!)
       // 会一直触发
     } else {
@@ -138,11 +127,10 @@ var InternalDrawer = function InternalDrawer(props, ref) {
   }, [width, visible, currentWidth]);
   useResizeObserver(function () {
     var _a;
-
     return drawerContainer || ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.parentNode);
   }, handleContainerResize);
-  useOverflowHidden(drawerContainer || ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.parentNode), visible && mask, disableScroll); // 为了单测
-
+  useOverflowHidden(drawerContainer || ((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.parentNode), visible && mask, disableScroll);
+  // 为了单测
   useEffect(function () {
     setCurrentWidth(width);
   }, [width]);
@@ -152,7 +140,6 @@ var InternalDrawer = function InternalDrawer(props, ref) {
   }, [onClose, destroyOnClose]);
   var escapeToCloseModal = useCallback(function (evt) {
     var _context;
-
     // In Internet Explorer 9 and Firefox 36 and earlier, the Esc key returns "Esc" instead of "Escape"
     if (_includesInstanceProperty(_context = ['Escape', 'Esc']).call(_context, evt.key)) {
       closeDrawer();
@@ -162,7 +149,6 @@ var InternalDrawer = function InternalDrawer(props, ref) {
     if (keyboard) {
       document.body.addEventListener('keydown', escapeToCloseModal);
     }
-
     return function () {
       document.body.removeEventListener('keydown', escapeToCloseModal);
     };
@@ -186,25 +172,20 @@ var InternalDrawer = function InternalDrawer(props, ref) {
   }, [contentRef]);
   useEffect(function () {
     var _getHorizontalBoolAnd = getHorizontalBoolAndPlacementName(),
-        isHorizontal = _getHorizontalBoolAnd.isHorizontal,
-        placementName = _getHorizontalBoolAnd.placementName;
-
+      isHorizontal = _getHorizontalBoolAnd.isHorizontal,
+      placementName = _getHorizontalBoolAnd.placementName;
     var contentValue = contentRef.current ? contentRef.current.getBoundingClientRect()[isHorizontal ? 'width' : 'height'] : 0;
     var value = (isHorizontal ? width : height) || contentValue;
-
     if (visible) {
       setDraerTransform(visible, placementName, value);
     }
   }, [contentRef, getHorizontalBoolAndPlacementName, height, setDraerTransform, visible, width]);
   var drawerClasses = classNames(drawerPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, "".concat(drawerPrefixCls, "-hide"), !visible), _defineProperty(_classNames, "".concat(drawerPrefixCls, "-active"), visible), _defineProperty(_classNames, "".concat(drawerPrefixCls, "-not-at-body"), !isBody), _classNames));
   var headerClass = "".concat(drawerPrefixCls, "-header");
-
   var _getHorizontalBoolAnd2 = getHorizontalBoolAndPlacementName(),
-      placementName = _getHorizontalBoolAnd2.placementName;
-
+    placementName = _getHorizontalBoolAnd2.placementName;
   var placementPos = placement === 'left' || placement === 'top' ? '-100%' : '100%';
   var transform = visible ? '' : _concatInstanceProperty(_context2 = "".concat(placementName, "(")).call(_context2, placementPos, ")");
-
   var containerStyle = _extends(_defineProperty({}, placement, 0), _includesInstanceProperty(horizontalPlacements).call(horizontalPlacements, placement) ? {
     width: width,
     transform: transform
@@ -212,7 +193,6 @@ var InternalDrawer = function InternalDrawer(props, ref) {
     height: height,
     transform: transform
   });
-
   var container = /*#__PURE__*/React.createElement("div", {
     className: classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(drawerPrefixCls, "-container-box"), true), _defineProperty(_classNames2, "".concat(drawerPrefixCls, "-has-container-box"), drawerContainer), _defineProperty(_classNames2, _concatInstanceProperty(_context3 = "".concat(drawerPrefixCls, "-container-")).call(_context3, placement), true), _classNames2)),
     style: containerStyle,
@@ -260,7 +240,6 @@ var InternalDrawer = function InternalDrawer(props, ref) {
   }
   return comp;
 };
-
 var Drawer = /*#__PURE__*/React.forwardRef(InternalDrawer);
 Drawer.displayName = 'Drawer';
 export default Drawer;