@kdcloudjs/kdesign 1.6.33 → 1.6.35

package/es/timeline/TimelineItem.js

@@ -2,46 +2,36 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import * as React from 'react';
 import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
-
 var TimelineItem = function TimelineItem(props) {
   var _classNames, _classNames2, _context;
-
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      pkgPrefixCls = _React$useContext.prefixCls,
-      userDefaultProps = _React$useContext.compDefaultProps;
-
+    getPrefixCls = _React$useContext.getPrefixCls,
+    pkgPrefixCls = _React$useContext.prefixCls,
+    userDefaultProps = _React$useContext.compDefaultProps;
   var _a = getCompProps('TimelineItem', userDefaultProps, props),
-      customizePrefixCls = _a.prefixCls,
-      className = _a.className,
-      color = _a.color,
-      children = _a.children,
-      pending = _a.pending,
-      dot = _a.dot,
-      mode = _a.mode,
-      label = _a.label,
-      labelWidth = _a.labelWidth,
-      lineHeight = _a.lineHeight,
-      restProps = __rest(_a, ["prefixCls", "className", "color", "children", "pending", "dot", "mode", "label", "labelWidth", "lineHeight"]);
-
+    customizePrefixCls = _a.prefixCls,
+    className = _a.className,
+    color = _a.color,
+    children = _a.children,
+    pending = _a.pending,
+    dot = _a.dot,
+    mode = _a.mode,
+    label = _a.label,
+    labelWidth = _a.labelWidth,
+    lineHeight = _a.lineHeight,
+    restProps = __rest(_a, ["prefixCls", "className", "color", "children", "pending", "dot", "mode", "label", "labelWidth", "lineHeight"]);
   var prefixCls = getPrefixCls(pkgPrefixCls, 'timeline-item', customizePrefixCls);
   var itemClassName = classNames((_classNames = {}, _defineProperty(_classNames, prefixCls, true), _defineProperty(_classNames, "pending", pending), _classNames), className);
   var hasColorClass = /blue|red|green|gray/.test(color || '');
@@ -75,5 +65,4 @@ var TimelineItem = function TimelineItem(props) {
     }
   }, children));
 };
-
 export default TimelineItem;

package/es/tooltip/tooltip.js

@@ -5,33 +5,29 @@ import { ConfigContext } from '../config-provider';
 import usePopper from '../_utils/usePopper';
 var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      pkgPrefixCls = _React$useContext.prefixCls,
-      userDefaultProps = _React$useContext.compDefaultProps; // 属性需要合并一遍用户定义的默认属性
-
-
+    getPrefixCls = _React$useContext.getPrefixCls,
+    pkgPrefixCls = _React$useContext.prefixCls,
+    userDefaultProps = _React$useContext.compDefaultProps;
+  // 属性需要合并一遍用户定义的默认属性
   var allProps = getCompProps('ToolTip', userDefaultProps, props);
   var status = useRef();
   var tip = allProps.tip,
-      children = allProps.children,
-      customPrefixcls = allProps.prefixCls; // className前缀
-
+    children = allProps.children,
+    customPrefixcls = allProps.prefixCls;
+  // className前缀
   var prefixCls = getPrefixCls(pkgPrefixCls, 'tooltip', customPrefixcls);
   var tiplocator = /*#__PURE__*/React.cloneElement(React.Children.count(children) === 1 && children.type ? children : /*#__PURE__*/React.createElement("span", null, children), {
     ref: children.ref || ref
   });
-
   var onVisibleChange = function onVisibleChange(v) {
     if (status.current === v && allProps.visible === undefined) return;
     status.current = v;
     props.onVisibleChange && props.onVisibleChange(v);
   };
-
   var popperProps = _extends(_extends({}, allProps), {
     prefixCls: prefixCls,
     onVisibleChange: onVisibleChange
   });
-
   var tipPopper = typeof tip === 'function' ? tip() : tip;
   return usePopper(tiplocator, tipPopper, popperProps);
 });

package/es/transfer/list-body.js

@@ -9,70 +9,54 @@ import { tuple } from '../_utils/type';
 import Pagination from '../pagination';
 import ListItem from './list-item';
 export var OmitProps = tuple('handleFilter', 'handleClear', 'checkedKeys');
-
 function parsePagination(pagination) {
   if (!pagination) {
     return null;
   }
-
   var defaultPagination = {
     pageSize: 10
   };
-
   if (_typeof(pagination) === 'object') {
     return _extends(_extends({}, defaultPagination), pagination);
   }
-
   return defaultPagination;
 }
-
 var ListBody = function ListBody(props) {
   var _context;
-
   var prefixCls = props.prefixCls,
-      itemSelect = props.onItemSelect,
-      itemRemove = props.onItemRemove,
-      pagination = props.pagination,
-      filteredRenderItems = props.filteredRenderItems,
-      selectedKeys = props.selectedKeys,
-      globalDisabled = props.disabled,
-      showRemove = props.showRemove;
-
+    itemSelect = props.onItemSelect,
+    itemRemove = props.onItemRemove,
+    pagination = props.pagination,
+    filteredRenderItems = props.filteredRenderItems,
+    selectedKeys = props.selectedKeys,
+    globalDisabled = props.disabled,
+    showRemove = props.showRemove;
   var _useState = useState(1),
-      _useState2 = _slicedToArray(_useState, 2),
-      current = _useState2[0],
-      setCurrent = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    current = _useState2[0],
+    setCurrent = _useState2[1];
   var mergedPagination = useMemo(function () {
     return parsePagination(pagination);
   }, [pagination]);
-
   var onItemSelect = function onItemSelect(item) {
     var checked = selectedKeys.indexOf(item.key) >= 0;
     itemSelect(item.key, !checked);
   };
-
   var onItemRemove = function onItemRemove(item) {
     itemRemove && itemRemove([item.key]);
   };
-
   var onPageChange = function onPageChange(current) {
     setCurrent(current);
   };
-
   var getItems = function getItems() {
     var displayItems = filteredRenderItems;
-
     if (mergedPagination) {
       displayItems = _sliceInstanceProperty(filteredRenderItems).call(filteredRenderItems, (current - 1) * mergedPagination.pageSize, current * mergedPagination.pageSize);
     }
-
     return displayItems;
   };
-
   useEffect(function () {
     var total = filteredRenderItems.length;
-
     if (mergedPagination && (current - 1) * mergedPagination.pageSize >= total) {
       var pageSize = mergedPagination.pageSize;
       var pageNo = total % pageSize === 0 ? total / pageSize : Math.floor(total / pageSize) + 1;
@@ -80,7 +64,6 @@ var ListBody = function ListBody(props) {
     }
   }, [mergedPagination, filteredRenderItems]);
   var paginationNode = null;
-
   if (mergedPagination) {
     paginationNode = /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-pagination")
@@ -94,13 +77,12 @@ var ListBody = function ListBody(props) {
       onChange: onPageChange
     }));
   }
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("ul", {
     className: classNames("".concat(prefixCls, "-content"))
   }, _mapInstanceProperty(_context = getItems()).call(_context, function (_ref) {
     var renderedEl = _ref.renderedEl,
-        renderedText = _ref.renderedText,
-        item = _ref.item;
+      renderedText = _ref.renderedText,
+      item = _ref.item;
     var disabled = item.disabled;
     var checked = selectedKeys.indexOf(item.key) >= 0;
     return /*#__PURE__*/React.createElement(ListItem, {
@@ -117,5 +99,4 @@ var ListBody = function ListBody(props) {
     });
   })), paginationNode);
 };
-
 export default ListBody;

package/es/transfer/list-item.js

@@ -4,26 +4,22 @@ import React from 'react';
 import classNames from 'classnames';
 import Icon from '../icon';
 import Checkbox from '../checkbox';
-
 var ListItem = function ListItem(props) {
   var _classNames;
-
   var renderedText = props.renderedText,
-      renderedEl = props.renderedEl,
-      item = props.item,
-      checked = props.checked,
-      disabled = props.disabled,
-      prefixCls = props.prefixCls,
-      onClick = props.onClick,
-      showRemove = props.showRemove,
-      onRemove = props.onRemove;
+    renderedEl = props.renderedEl,
+    item = props.item,
+    checked = props.checked,
+    disabled = props.disabled,
+    prefixCls = props.prefixCls,
+    onClick = props.onClick,
+    showRemove = props.showRemove,
+    onRemove = props.onRemove;
   var className = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-content-item"), true), _defineProperty(_classNames, "".concat(prefixCls, "-content-item-disabled"), disabled || item.disabled), _defineProperty(_classNames, "".concat(prefixCls, "-content-item-checked"), checked), _classNames));
   var title;
-
   if (typeof renderedText === 'string' || typeof renderedText === 'number') {
     title = String(renderedText);
   }
-
   var liProps = {
     className: className,
     title: title
@@ -31,7 +27,6 @@ var ListItem = function ListItem(props) {
   var labelNode = /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefixCls, "-content-item-text")
   }, renderedEl);
-
   if (showRemove) {
     return /*#__PURE__*/React.createElement("li", _extends({}, liProps), labelNode, /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-content-item-remove"),
@@ -41,19 +36,16 @@ var ListItem = function ListItem(props) {
     }, /*#__PURE__*/React.createElement(Icon, {
       type: "close-solid"
     })));
-  } // Default click to select
-
-
+  }
+  // Default click to select
   liProps.onClick = function (e) {
     if (disabled || item.disabled) return;
     e.preventDefault();
     onClick(item);
   };
-
   return /*#__PURE__*/React.createElement("li", _extends({}, liProps), /*#__PURE__*/React.createElement(Checkbox, {
     checked: checked,
     disabled: disabled || item.disabled
   }), labelNode);
 };
-
 export default /*#__PURE__*/React.memo(ListItem);

package/es/transfer/list.js

@@ -10,52 +10,45 @@ import Search from './search';
 import DefaultListBody, { OmitProps } from './list-body';
 import classNames from 'classnames';
 import Checkbox from '../checkbox';
-
 var defaultRender = function defaultRender() {
   return null;
 };
-
 function isRenderResultPlainObject(result) {
   return result && ! /*#__PURE__*/React.isValidElement(result) && Object.prototype.toString.call(result) === '[object Object]';
 }
-
 var ITransferList = function ITransferList(props, ref) {
   var _classNames;
-
   var prefixCls = props.prefixCls,
-      dataSource = props.dataSource,
-      filterOption = props.filterOption,
-      handleFilter = props.handleFilter,
-      handleClear = props.handleClear,
-      _props$render = props.render,
-      render = _props$render === void 0 ? defaultRender : _props$render,
-      titleText = props.titleText,
-      checkedKeys = props.checkedKeys,
-      disabled = props.disabled,
-      showSearch = props.showSearch,
-      style = props.style,
-      renderList = props.renderList,
-      onItemSelectAll = props.onItemSelectAll,
-      noDataContent = props.noDataContent,
-      showSelectAll = props.showSelectAll,
-      pagination = props.pagination,
-      footer = props.footer,
-      showRemove = props.showRemove,
-      placeholder = props.placeholder;
-
+    dataSource = props.dataSource,
+    filterOption = props.filterOption,
+    handleFilter = props.handleFilter,
+    handleClear = props.handleClear,
+    _props$render = props.render,
+    render = _props$render === void 0 ? defaultRender : _props$render,
+    titleText = props.titleText,
+    checkedKeys = props.checkedKeys,
+    disabled = props.disabled,
+    showSearch = props.showSearch,
+    style = props.style,
+    renderList = props.renderList,
+    onItemSelectAll = props.onItemSelectAll,
+    noDataContent = props.noDataContent,
+    showSelectAll = props.showSelectAll,
+    pagination = props.pagination,
+    footer = props.footer,
+    showRemove = props.showRemove,
+    placeholder = props.placeholder;
   var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      filterValue = _useState2[0],
-      setFilterValue = _useState2[1]; // 自定义底部渲染
-
-
+    _useState2 = _slicedToArray(_useState, 2),
+    filterValue = _useState2[0],
+    setFilterValue = _useState2[1];
+  // 自定义底部渲染
   var footerDom = footer && footer(props);
   useImperativeHandle(ref, function () {
     return {
       onClear: onClear
     };
   });
-
   var renderItem = function renderItem(item) {
     var renderResult = render(item);
     var isRenderResultPlain = isRenderResultPlainObject(renderResult);
@@ -65,18 +58,16 @@ var ITransferList = function ITransferList(props, ref) {
       item: item
     };
   };
-
   var getFilteredItems = function getFilteredItems(dataSource, filterValue) {
     var filteredItems = [];
     var filteredRenderItems = [];
     dataSource.forEach(function (item) {
       var renderedItem = renderItem(item);
-      var renderedText = renderedItem.renderedText; // Filter skip
-
+      var renderedText = renderedItem.renderedText;
+      // Filter skip
       if (filterValue && !matchFilter(renderedText, item)) {
         return null;
       }
-
       filteredItems.push(item);
       filteredRenderItems.push(renderedItem);
     });
@@ -85,43 +76,34 @@ var ITransferList = function ITransferList(props, ref) {
       filteredRenderItems: filteredRenderItems
     };
   };
-
   var onFilterChange = function onFilterChange(e) {
     var filterStr = e.target.value;
     setFilterValue(filterStr);
     handleFilter(e);
   };
-
   var onClear = function onClear() {
     setFilterValue('');
     handleClear();
   };
-
   var matchFilter = function matchFilter(text, item) {
     if (filterOption) {
       return filterOption(filterValue, item);
     }
-
     return text.indexOf(filterValue) > -1;
   };
-
   var renderListBody = function renderListBody(renderList, props) {
     var bodyContent = renderList ? renderList(props) : null;
     var customize = !!bodyContent;
-
     if (!customize) {
       bodyContent = /*#__PURE__*/React.createElement(DefaultListBody, _extends({}, props));
     }
-
     return {
       customize: customize,
       bodyContent: bodyContent
     };
   };
-
   var getListBody = function getListBody(prefixCls, placeholder, filterValue, filteredItems, noDataContent, filteredRenderItems, checkedKeys, renderList, showSearch, disabled) {
     var _context;
-
     var search = showSearch ? /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-body-search-wrapper")
     }, /*#__PURE__*/React.createElement(Search, {
@@ -132,17 +114,15 @@ var ITransferList = function ITransferList(props, ref) {
       value: filterValue,
       disabled: disabled
     })) : null;
-
     var _renderListBody = renderListBody(renderList, _extends(_extends({}, omit(props, OmitProps)), {
-      filteredItems: filteredItems,
-      filteredRenderItems: filteredRenderItems,
-      selectedKeys: checkedKeys
-    })),
-        bodyContent = _renderListBody.bodyContent,
-        customize = _renderListBody.customize;
-
-    var bodyNode; // We should wrap customize list body in a classNamed div to use flex layout.
-
+        filteredItems: filteredItems,
+        filteredRenderItems: filteredRenderItems,
+        selectedKeys: checkedKeys
+      })),
+      bodyContent = _renderListBody.bodyContent,
+      customize = _renderListBody.customize;
+    var bodyNode;
+    // We should wrap customize list body in a classNamed div to use flex layout.
     if (customize) {
       bodyNode = /*#__PURE__*/React.createElement("div", {
         className: "".concat(prefixCls, "-body-customize-wrapper")
@@ -152,36 +132,28 @@ var ITransferList = function ITransferList(props, ref) {
         className: "".concat(prefixCls, "-body-not-found")
       }, noDataContent);
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: classNames(showSearch ? _concatInstanceProperty(_context = "".concat(prefixCls, "-body ")).call(_context, prefixCls, "-body-with-search") : "".concat(prefixCls, "-body"))
     }, search, bodyNode);
   };
-
   var getSelectAllLabel = function getSelectAllLabel(selectedCount, totalCount) {
     var _context2;
-
     if (showRemove) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, "".concat(totalCount));
     }
-
     return /*#__PURE__*/React.createElement(React.Fragment, null, _concatInstanceProperty(_context2 = "(".concat(selectedCount, "/")).call(_context2, totalCount, ")"));
   };
-
   var getCheckStatus = function getCheckStatus(filteredItems) {
     if (checkedKeys.length === 0) {
       return 'none';
     }
-
     if (filteredItems.every(function (item) {
       return checkedKeys.indexOf(item.key) >= 0 || !!item.disabled;
     })) {
       return 'all';
     }
-
     return 'part';
   };
-
   var getCheckBox = function getCheckBox(filteredItems, onItemSelectAll, showSelectAll, disabled) {
     var checkStatus = getCheckStatus(filteredItems);
     var checkedAll = checkStatus === 'all';
@@ -193,7 +165,6 @@ var ITransferList = function ITransferList(props, ref) {
       indeterminate: checkStatus === 'part',
       onChange: function onChange() {
         var _context3;
-
         // Only select enabled items
         onItemSelectAll(_mapInstanceProperty(_context3 = _filterInstanceProperty(filteredItems).call(filteredItems, function (item) {
           return !item.disabled;
@@ -205,15 +176,12 @@ var ITransferList = function ITransferList(props, ref) {
     }));
     return checkAllCheckbox;
   };
-
   var listFooter = footerDom ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-footer")
   }, footerDom) : null;
-
   var _getFilteredItems = getFilteredItems(dataSource, filterValue),
-      filteredItems = _getFilteredItems.filteredItems,
-      filteredRenderItems = _getFilteredItems.filteredRenderItems;
-
+    filteredItems = _getFilteredItems.filteredItems,
+    filteredRenderItems = _getFilteredItems.filteredRenderItems;
   var checkAllCheckbox = !showRemove && getCheckBox(filteredItems, onItemSelectAll, showSelectAll, disabled);
   var listBody = getListBody(prefixCls, placeholder, filterValue, filteredItems, noDataContent, filteredRenderItems, checkedKeys, renderList, showSearch, disabled);
   var listCls = classNames(prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-with-pagination"), pagination), _defineProperty(_classNames, "".concat(prefixCls, "-with-footer"), footerDom), _classNames));
@@ -230,7 +198,6 @@ var ITransferList = function ITransferList(props, ref) {
     className: "".concat(prefixCls, "-header-selected")
   }, getSelectAllLabel(checkedKeys.length, filteredItems.length))), listBody, listFooter);
 };
-
 var TransferList = /*#__PURE__*/React.forwardRef(ITransferList);
 TransferList.defaultProps = {
   dataSource: [],

package/es/transfer/operation.js

@@ -1,21 +1,20 @@
 import React from 'react';
 import Button from '../button';
 import Icon from '../icon';
-
 var Operation = function Operation(_ref) {
   var disabled = _ref.disabled,
-      moveToLeft = _ref.moveToLeft,
-      moveToRight = _ref.moveToRight,
-      _ref$leftArrowText = _ref.leftArrowText,
-      leftArrowText = _ref$leftArrowText === void 0 ? '' : _ref$leftArrowText,
-      _ref$rightArrowText = _ref.rightArrowText,
-      rightArrowText = _ref$rightArrowText === void 0 ? '' : _ref$rightArrowText,
-      leftActive = _ref.leftActive,
-      rightActive = _ref.rightActive,
-      className = _ref.className,
-      style = _ref.style,
-      direction = _ref.direction,
-      oneWay = _ref.oneWay;
+    moveToLeft = _ref.moveToLeft,
+    moveToRight = _ref.moveToRight,
+    _ref$leftArrowText = _ref.leftArrowText,
+    leftArrowText = _ref$leftArrowText === void 0 ? '' : _ref$leftArrowText,
+    _ref$rightArrowText = _ref.rightArrowText,
+    rightArrowText = _ref$rightArrowText === void 0 ? '' : _ref$rightArrowText,
+    leftActive = _ref.leftActive,
+    rightActive = _ref.rightActive,
+    className = _ref.className,
+    style = _ref.style,
+    direction = _ref.direction,
+    oneWay = _ref.oneWay;
   return /*#__PURE__*/React.createElement("div", {
     className: className,
     style: style
@@ -41,5 +40,4 @@ var Operation = function Operation(_ref) {
     })
   }, leftArrowText));
 };
-
 export default Operation;

package/es/transfer/search.js

@@ -1,29 +1,24 @@
 import React from 'react';
 import Input from '../input';
 import Icon from '../icon';
-
 var transferSearch = function transferSearch(props) {
   var prefixCls = props.prefixCls,
-      placeholder = props.placeholder,
-      onChange = props.onChange,
-      handleClear = props.handleClear,
-      value = props.value,
-      disabled = props.disabled;
-
+    placeholder = props.placeholder,
+    onChange = props.onChange,
+    handleClear = props.handleClear,
+    value = props.value,
+    disabled = props.disabled;
   var handleChange = function handleChange(e) {
     if (onChange) {
       onChange(e);
     }
   };
-
   var handleClearFn = function handleClearFn(e) {
     e.preventDefault();
-
     if (!disabled && handleClear) {
       handleClear(e);
     }
   };
-
   var prefixIcon = /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefixCls, "-prefix")
   }, /*#__PURE__*/React.createElement(Icon, {
@@ -46,7 +41,6 @@ var transferSearch = function transferSearch(props) {
     suffix: suffixIcon
   }));
 };
-
 transferSearch.defaultProps = {
   placeholder: ''
 };