@kdcloudjs/kdesign 1.6.34 → 1.6.36

package/es/notification-base/notification.js

@@ -9,23 +9,18 @@ import React, { useImperativeHandle, useState } from 'react';
 import Notice from './notice';
 var seed = 0;
 var now = Date.now();
-
 function getUuid() {
   var _context;
-
   var id = seed;
   seed += 1;
   return _concatInstanceProperty(_context = "msg_".concat(now, "_")).call(_context, id);
 }
-
 var Notification = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var placement = props.placement;
-
   var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      notices = _useState2[0],
-      setNotices = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    notices = _useState2[0],
+    setNotices = _useState2[1];
   useImperativeHandle(ref, function () {
     return {
       add: add,
@@ -34,31 +29,23 @@ var Notification = /*#__PURE__*/React.forwardRef(function (props, ref) {
       notices: notices
     };
   }, [notices]);
-
   var add = function add(addProps) {
     var key = addProps.key || getUuid();
-
     var notice = _extends(_extends({}, addProps), {
       key: key
     });
-
     var pns = _toConsumableArray(notices);
-
     var updatedNotices = _concatInstanceProperty(pns).call(pns);
-
     var noticeIndex = _mapInstanceProperty(pns).call(pns, function (v) {
       return v.key;
     }).indexOf(key);
-
     if (~noticeIndex) {
       _spliceInstanceProperty(updatedNotices).call(updatedNotices, noticeIndex, 1, notice);
     } else {
       updatedNotices.push(notice);
     }
-
     setNotices(updatedNotices);
   };
-
   var remove = function remove(key) {
     setNotices(function (preNotices) {
       return _filterInstanceProperty(preNotices).call(preNotices, function (notice) {
@@ -66,12 +53,10 @@ var Notification = /*#__PURE__*/React.forwardRef(function (props, ref) {
       });
     });
   };
-
   var _onClose = function onClose(notice) {
     remove(notice.key || '');
     notice.onClose && notice.onClose(notice.key);
   };
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, _mapInstanceProperty(notices).call(notices, function (notice) {
     return /*#__PURE__*/React.createElement(Notice, _extends({}, notice, {
       key: notice.key,

package/es/pagination/pagination.js

@@ -18,84 +18,75 @@ import devWarning from '../_utils/devwarning';
 import { tuple } from '../_utils/type';
 export var PageTypes = tuple('basic', 'bill', 'simple', 'less', 'nicety');
 export var TotalTypes = tuple('page', 'row', 'all');
-
 var Pagination = function Pagination(props) {
   var _context4;
-
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      pkgPrefixCls = _React$useContext.prefixCls,
-      userDefaultProps = _React$useContext.compDefaultProps,
-      locale = _React$useContext.locale;
-
+    getPrefixCls = _React$useContext.getPrefixCls,
+    pkgPrefixCls = _React$useContext.prefixCls,
+    userDefaultProps = _React$useContext.compDefaultProps,
+    locale = _React$useContext.locale;
   var paginationLangMsg = locale.getCompLangMsg({
     componentName: 'Pagination'
-  }); // 属性需要合并一遍用户定义的默认属性
-
+  });
+  // 属性需要合并一遍用户定义的默认属性
   var _getCompProps = getCompProps('Pagination', userDefaultProps, props),
-      style = _getCompProps.style,
-      total = _getCompProps.total,
-      current = _getCompProps.current,
-      pageSize = _getCompProps.pageSize,
-      disabled = _getCompProps.disabled,
-      onChange = _getCompProps.onChange,
-      pageType = _getCompProps.pageType,
-      bordered = _getCompProps.bordered,
-      showTitle = _getCompProps.showTitle,
-      className = _getCompProps.className,
-      dropdownProps = _getCompProps.dropdownProps,
-      defaultCurrent = _getCompProps.defaultCurrent,
-      showQuickJumper = _getCompProps.showQuickJumper,
-      defaultPageSize = _getCompProps.defaultPageSize,
-      pageSizeOptions = _getCompProps.pageSizeOptions,
-      showSizeChanger = _getCompProps.showSizeChanger,
-      onShowSizeChange = _getCompProps.onShowSizeChange,
-      hideOnSinglePage = _getCompProps.hideOnSinglePage,
-      icons = _getCompProps.icons,
-      customPrefixcls = _getCompProps.prefixCls;
-
-  devWarning(PageTypes.indexOf(pageType) === -1, 'Pagination', "cannot found pageType '".concat(pageType, "'")); // className前缀
-
-  var prefixCls = getPrefixCls(pkgPrefixCls, 'pagination', customPrefixcls); // 每页显示的记录条数
-
+    style = _getCompProps.style,
+    total = _getCompProps.total,
+    current = _getCompProps.current,
+    pageSize = _getCompProps.pageSize,
+    disabled = _getCompProps.disabled,
+    onChange = _getCompProps.onChange,
+    pageType = _getCompProps.pageType,
+    bordered = _getCompProps.bordered,
+    showTitle = _getCompProps.showTitle,
+    className = _getCompProps.className,
+    dropdownProps = _getCompProps.dropdownProps,
+    defaultCurrent = _getCompProps.defaultCurrent,
+    showQuickJumper = _getCompProps.showQuickJumper,
+    defaultPageSize = _getCompProps.defaultPageSize,
+    pageSizeOptions = _getCompProps.pageSizeOptions,
+    showSizeChanger = _getCompProps.showSizeChanger,
+    onShowSizeChange = _getCompProps.onShowSizeChange,
+    hideOnSinglePage = _getCompProps.hideOnSinglePage,
+    icons = _getCompProps.icons,
+    customPrefixcls = _getCompProps.prefixCls;
+  devWarning(PageTypes.indexOf(pageType) === -1, 'Pagination', "cannot found pageType '".concat(pageType, "'"));
+  // className前缀
+  var prefixCls = getPrefixCls(pkgPrefixCls, 'pagination', customPrefixcls);
+  // 每页显示的记录条数
   var _React$useState = React.useState(pageSize || defaultPageSize),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      size = _React$useState2[0],
-      setSize = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    size = _React$useState2[0],
+    setSize = _React$useState2[1];
   React.useEffect(function () {
     pageSize !== undefined && setSize(pageSize);
-  }, [pageSize]); // 总页数
-
-  var totalPage = Math.max(Math.ceil(total / size), 1); // 当前页码
-
+  }, [pageSize]);
+  // 总页数
+  var totalPage = Math.max(Math.ceil(total / size), 1);
+  // 当前页码
   var initPage = Math.min(totalPage, current || defaultCurrent);
-
   var _React$useState3 = React.useState(Math.max(initPage, 1)),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      page = _React$useState4[0],
-      setPage = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    page = _React$useState4[0],
+    setPage = _React$useState4[1];
   React.useEffect(function () {
     current !== undefined && setPage(current);
-  }, [current]); // 输入的页码
-
+  }, [current]);
+  // 输入的页码
   var _React$useState5 = React.useState(undefined),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      inputPage = _React$useState6[0],
-      setInputPage = _React$useState6[1]; // 是否显示pageSize切换器
-
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    inputPage = _React$useState6[0],
+    setInputPage = _React$useState6[1];
+  // 是否显示pageSize切换器
   var showSizeSelector = isBoolean(showSizeChanger) ? showSizeChanger : total > 50;
   var defaultShowQuickJumper = pageType !== 'bill';
-  var showJumper = showQuickJumper === undefined ? defaultShowQuickJumper : showQuickJumper; // pageSize切换器是否展开
-
+  var showJumper = showQuickJumper === undefined ? defaultShowQuickJumper : showQuickJumper;
+  // pageSize切换器是否展开
   var _React$useState7 = React.useState(false),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      isOpen = _React$useState8[0],
-      setIsOpen = _React$useState8[1]; // icons
-
-
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    isOpen = _React$useState8[0],
+    setIsOpen = _React$useState8[1];
+  // icons
   var innerIcon = _extends({
     first: /*#__PURE__*/React.createElement(Icon, {
       type: "first"
@@ -118,106 +109,84 @@ var Pagination = function Pagination(props) {
     jumpNext: /*#__PURE__*/React.createElement(Icon, {
       type: "double-arrow-right"
     })
-  }, icons || {}); // 切换pageSize
-
-
+  }, icons || {});
+  // 切换pageSize
   var handleChangeSize = function handleChangeSize(key) {
     var currentSize = Number(key);
-
     if (currentSize !== size) {
       if (pageSize === undefined) setSize(currentSize);
       var currentPage = Math.min(Math.ceil(total / Number(currentSize)), page);
       changePage(currentPage, currentSize);
       onShowSizeChange && onShowSizeChange(currentPage, currentSize);
     }
-
     setIsOpen(false);
-  }; // 输入页码
-
-
+  };
+  // 输入页码
   var handleChangeCurrentPage = function handleChangeCurrentPage(e) {
     return setInputPage(e.target.value);
-  }; // 回车确定页码
-
-
+  };
+  // 回车确定页码
   var handleKeyUp = function handleKeyUp(e) {
     if (e.key === 'Enter') handleConfirmCurrentPage();
-  }; // 页码输入框回车或者失去焦点确定翻到输入的页码
-
-
+  };
+  // 页码输入框回车或者失去焦点确定翻到输入的页码
   var handleConfirmCurrentPage = function handleConfirmCurrentPage() {
     if (inputPage !== undefined) {
       // 正整数正则表达式
       var inputReg = new RegExp("^-?\\d+$");
-
       if (inputReg.test(inputPage)) {
         if (Number(inputPage) < 1) changePage(1);else if (Number(inputPage) > totalPage) changePage(totalPage);else changePage(Number(inputPage));
       }
-
       setInputPage(undefined);
     }
-  }; // 翻页
-
-
+  };
+  // 翻页
   var changePage = function changePage(page, pageSize) {
     current === undefined && setPage(page);
     onChange && onChange(page, pageSize || size);
-  }; // 翻到上一页
-
-
+  };
+  // 翻到上一页
   var handlePrev = function handlePrev() {
     return changePage(page - 1);
-  }; // 翻到下一页
-
-
+  };
+  // 翻到下一页
   var handleNext = function handleNext() {
     return changePage(page + 1);
-  }; // 翻到第一页
-
-
+  };
+  // 翻到第一页
   var handleFirst = function handleFirst() {
     return changePage(1);
-  }; // 翻到最后一页
-
-
+  };
+  // 翻到最后一页
   var handleLast = function handleLast() {
     return changePage(totalPage);
-  }; // 向前跳转
-
-
+  };
+  // 向前跳转
   var jumpPrev = function jumpPrev() {
     return changePage(page - 5 || 1);
-  }; // 向后跳转
-
-
+  };
+  // 向后跳转
   var jumpNext = function jumpNext() {
     return changePage(page + 5 < totalPage ? page + 5 : totalPage);
   };
-
   var itemAttr = function itemAttr(prefix, title, active) {
     var _context, _classNames;
-
     return {
       className: classNames((_classNames = {}, _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, prefix), true), _defineProperty(_classNames, "bordered", bordered), _defineProperty(_classNames, "active", active), _classNames)),
       title: showTitle ? title : undefined
     };
-  }; // 生成元素是连续数字的数组
-
-
+  };
+  // 生成元素是连续数字的数组
   function genArray(start, end) {
     var _context2, _context3;
-
     return _sliceInstanceProperty(_context2 = _Array$from(_keysInstanceProperty(_context3 = Array(end + 1)).call(_context3))).call(_context2, start);
   }
-
   function dropdownVisibleChange(visible) {
     setIsOpen(visible);
-
     if (dropdownProps && typeof dropdownProps.onVisibleChange === 'function') {
       dropdownProps.onVisibleChange(visible);
     }
   }
-
   var sizeOptions = /*#__PURE__*/React.createElement(Dropdown.Menu, null, _mapInstanceProperty(pageSizeOptions).call(pageSizeOptions, function (size) {
     return /*#__PURE__*/React.createElement(Dropdown.Item, {
       key: size
@@ -351,10 +320,8 @@ var Pagination = function Pagination(props) {
     disabled: page === totalPage || disabled
   }, innerIcon.next))));
   var nicetyPages = lessPages;
-
   if (totalPage >= 8) {
     nicetyPages.length = 0;
-
     if (page < 5) {
       nicetyPages.push.apply(nicetyPages, _toConsumableArray(genArray(1, 5)));
     } else if (page > totalPage - 4) {
@@ -362,11 +329,9 @@ var Pagination = function Pagination(props) {
     } else {
       nicetyPages.push.apply(nicetyPages, _toConsumableArray(genArray(page - 2, page + 2)));
     }
-
     page <= totalPage - 4 && nicetyPages.push('>>', totalPage);
     page >= 5 && nicetyPages.unshift(1, '<<');
   }
-
   var nicetyPagination = /*#__PURE__*/React.createElement("div", {
     className: classNames(prefixCls, 'nicety', {
       bordered: bordered,
@@ -382,7 +347,6 @@ var Pagination = function Pagination(props) {
     var handleChangePage = function handleChangePage() {
       return typeof item === 'string' ? item === '<<' ? jumpPrev() : jumpNext() : changePage(item);
     };
-
     var pageText = typeof item === 'string' ? '...' : item;
     var jumperIconType = item === '<<' ? innerIcon.jumpPrev : innerIcon.jumpNext;
     var title = typeof item === 'string' ? paginationLangMsg[item === '<<' ? 'forward' : 'backward'] : String(item);
@@ -442,6 +406,5 @@ var Pagination = function Pagination(props) {
   };
   return hideOnSinglePage && totalPage === 1 ? null : mapPagination[pageType] || mapPagination.basic;
 };
-
 Pagination.displayName = 'Pagination';
 export default Pagination;

package/es/popconfirm/popconfirm.js

@@ -6,57 +6,50 @@ import Button from '../button';
 import { getCompProps } from '../_utils';
 import { ConfigContext } from '../config-provider';
 import usePopper from '../_utils/usePopper';
-
 var Popconfirm = function Popconfirm(props) {
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      pkgPrefixCls = _React$useContext.prefixCls,
-      userDefaultProps = _React$useContext.compDefaultProps,
-      locale = _React$useContext.locale; // 属性需要合并一遍用户定义的默认属性
-
-
+    getPrefixCls = _React$useContext.getPrefixCls,
+    pkgPrefixCls = _React$useContext.prefixCls,
+    userDefaultProps = _React$useContext.compDefaultProps,
+    locale = _React$useContext.locale;
+  // 属性需要合并一遍用户定义的默认属性
   var allProps = getCompProps('Popconfirm', userDefaultProps, props);
   var icon = allProps.icon,
-      title = allProps.title,
-      okText = allProps.okText,
-      okType = allProps.okType,
-      message = allProps.message,
-      children = allProps.children,
-      onCancel = allProps.onCancel,
-      onConfirm = allProps.onConfirm,
-      cancelText = allProps.cancelText,
-      okButtonProps = allProps.okButtonProps,
-      defaultVisible = allProps.defaultVisible,
-      onVisibleChange = allProps.onVisibleChange,
-      cancelButtonProps = allProps.cancelButtonProps,
-      customPrefixcls = allProps.prefixCls; // className前缀
-
+    title = allProps.title,
+    okText = allProps.okText,
+    okType = allProps.okType,
+    message = allProps.message,
+    children = allProps.children,
+    onCancel = allProps.onCancel,
+    onConfirm = allProps.onConfirm,
+    cancelText = allProps.cancelText,
+    okButtonProps = allProps.okButtonProps,
+    defaultVisible = allProps.defaultVisible,
+    onVisibleChange = allProps.onVisibleChange,
+    cancelButtonProps = allProps.cancelButtonProps,
+    customPrefixcls = allProps.prefixCls;
+  // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'popconfirm', customPrefixcls);
-
   var _React$useState = React.useState(!!props.visible || defaultVisible),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      visible = _React$useState2[0],
-      setVisible = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    visible = _React$useState2[0],
+    setVisible = _React$useState2[1];
   React.useEffect(function () {
     setVisible(!!props.visible);
   }, [props.visible]);
   var confirmLocator = React.Children.count(children) === 1 && children.type ? children : /*#__PURE__*/React.createElement("span", null, children);
   var confirmTitle = typeof title === 'function' ? title() : title;
   var confirmMsg = typeof title === 'function' ? message() : message;
-
   var handleCancel = function handleCancel(e) {
     props.visible === undefined && setVisible(false);
     onVisibleChange && onVisibleChange(false);
     onCancel && onCancel(e);
   };
-
   var handleConfirm = function handleConfirm(e) {
     props.visible === undefined && setVisible(false);
     onVisibleChange && onVisibleChange(false);
     onConfirm && onConfirm(e);
   };
-
   var confirmPopper = /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-content")
   }, confirmTitle && /*#__PURE__*/React.createElement("h3", {
@@ -73,21 +66,17 @@ var Popconfirm = function Popconfirm(props) {
     type: okType,
     onClick: handleConfirm
   }), okText || locale.getLangMsg('Popconfirm', 'confirm'))));
-
   var handleVisibleChange = function handleVisibleChange(visible) {
     props.visible === undefined && setVisible(visible);
     onVisibleChange && onVisibleChange(visible);
   };
-
   var popperProps = _extends(_extends({}, allProps), {
     visible: visible,
     prefixCls: prefixCls,
     arrow: true,
     onVisibleChange: handleVisibleChange
   });
-
   return usePopper(confirmLocator, confirmPopper, popperProps);
 };
-
 Popconfirm.displayName = 'Popconfirm';
 export default Popconfirm;

package/es/progress/circle.js

@@ -7,20 +7,18 @@ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance
 import React from 'react';
 import classNames from 'classnames';
 var gradientSeed = 0;
-
 var Circle = function Circle(props) {
   var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13;
-
   var prefixCls = props.prefixCls,
-      _props$percent = props.percent,
-      percent = _props$percent === void 0 ? 0 : _props$percent,
-      _props$width = props.width,
-      width = _props$width === void 0 ? 88 : _props$width,
-      _props$strokeWidth = props.strokeWidth,
-      strokeWidth = _props$strokeWidth === void 0 ? 4 : _props$strokeWidth,
-      trailColor = props.trailColor,
-      strokeColor = props.strokeColor,
-      children = props.children;
+    _props$percent = props.percent,
+    percent = _props$percent === void 0 ? 0 : _props$percent,
+    _props$width = props.width,
+    width = _props$width === void 0 ? 88 : _props$width,
+    _props$strokeWidth = props.strokeWidth,
+    strokeWidth = _props$strokeWidth === void 0 ? 4 : _props$strokeWidth,
+    trailColor = props.trailColor,
+    strokeColor = props.strokeColor,
+    children = props.children;
   var circleStyle = {
     width: "".concat(width, "px"),
     height: "".concat(width, "px")
@@ -34,19 +32,15 @@ var Circle = function Circle(props) {
   var endPositionY = radius * 2;
   var len = Math.PI * 2 * radius;
   var isGradient = Object.prototype.toString.call(strokeColor) === '[object Object]';
-
   var stripPercentToNumber = function stripPercentToNumber(percent) {
     return +percent.replace('%', '');
   };
-
   var toArray = function toArray(symArray) {
     return Array.isArray(symArray) ? symArray : [symArray];
   };
-
   var gradientColor = _findInstanceProperty(_context = toArray(strokeColor)).call(_context, function (color) {
     return Object.prototype.toString.call(color) === '[object Object]';
   });
-
   var gradientArr = isGradient ? _sortInstanceProperty(_context2 = _Object$keys(gradientColor)).call(_context2, function (a, b) {
     return stripPercentToNumber(a) - stripPercentToNumber(b);
   }) : null;
@@ -64,9 +58,7 @@ var Circle = function Circle(props) {
     });
   }))) : null;
   var pathColor = strokeColor && typeof strokeColor !== 'string' ? _concatInstanceProperty(_context4 = "url(#".concat(prefixCls, "-gradient-")).call(_context4, gradientId, ")") : strokeColor;
-
   var pathString = _concatInstanceProperty(_context5 = _concatInstanceProperty(_context6 = _concatInstanceProperty(_context7 = _concatInstanceProperty(_context8 = _concatInstanceProperty(_context9 = _concatInstanceProperty(_context10 = _concatInstanceProperty(_context11 = _concatInstanceProperty(_context12 = "M 50,50 m ".concat(beginPositionX, ",").concat(beginPositionY, " \n\n                      a ")).call(_context12, radius, ",")).call(_context11, radius, " 0 1 1 ")).call(_context10, endPositionX, ",")).call(_context9, endPositionY, " \n\n                      a ")).call(_context8, radius, ",")).call(_context7, radius, " 0 1 1 ")).call(_context6, endPositionX, ",")).call(_context5, -endPositionY, " \n");
-
   var pathStyle = {
     strokeDasharray: _concatInstanceProperty(_context13 = "".concat(percent / 100 * len, "px ")).call(_context13, len, "px"),
     strokeDashoffset: '0px',
@@ -101,5 +93,4 @@ var Circle = function Circle(props) {
     strokeLinecap: "round"
   })), children));
 };
-
 export default Circle;

package/es/progress/line.js

@@ -1,26 +1,23 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import React from 'react';
 import { validProgress, handleGradient } from './utils';
-
 var Line = function Line(props) {
   var prefixCls = props.prefixCls,
-      children = props.children,
-      percent = props.percent,
-      trailColor = props.trailColor,
-      strokeColor = props.strokeColor,
-      strokeWidth = props.strokeWidth;
+    children = props.children,
+    percent = props.percent,
+    trailColor = props.trailColor,
+    strokeColor = props.strokeColor,
+    strokeWidth = props.strokeWidth;
   var backgroundProps = strokeColor && typeof strokeColor !== 'string' ? handleGradient(strokeColor) : {
     background: strokeColor
   };
   var trailStyle = {
     backgroundColor: trailColor || undefined
   };
-
   var percentStyle = _extends({
     width: "".concat(validProgress(percent), "%"),
     height: strokeWidth && "".concat(strokeWidth, "px")
   }, backgroundProps);
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-outer")
   }, /*#__PURE__*/React.createElement("div", {
@@ -31,6 +28,5 @@ var Line = function Line(props) {
     style: percentStyle
   }))), children);
 };
-
 Line.displayName = 'Line';
 export default Line;