@kdcloudjs/kdesign 1.6.33 → 1.6.35

package/es/city-picker/city-panel.js

@@ -6,70 +6,56 @@ import ConfigContext from '../config-provider/ConfigContext';
 import CityGroup from './city-group';
 import CityList from './city-list';
 import grouping from './utils/grouping';
-
 var CityPanel = function CityPanel(_ref) {
   var _context, _context2;
-
   var groups = _ref.groups,
-      commons = _ref.commons,
-      cityList = _ref.cityList,
-      onSelect = _ref.onSelect;
-
+    commons = _ref.commons,
+    cityList = _ref.cityList,
+    onSelect = _ref.onSelect;
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      globalLocale = _useContext.locale;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    globalLocale = _useContext.locale;
   var cityPickerLang = globalLocale.getCompLangMsg({
     componentName: 'CityPicker'
   });
-
   var _useState = useState('domestic'),
-      _useState2 = _slicedToArray(_useState, 2),
-      activedIndex = _useState2[0],
-      setActivedIndex = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    activedIndex = _useState2[0],
+    setActivedIndex = _useState2[1];
   var _useState3 = useState({
-    domestic: [],
-    foreign: []
-  }),
-      _useState4 = _slicedToArray(_useState3, 2),
-      cityGroups = _useState4[0],
-      setCityGroups = _useState4[1];
-
+      domestic: [],
+      foreign: []
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    cityGroups = _useState4[0],
+    setCityGroups = _useState4[1];
   var _useState5 = useState(null),
-      _useState6 = _slicedToArray(_useState5, 2),
-      groupKeys = _useState6[0],
-      setGroupKeys = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    groupKeys = _useState6[0],
+    setGroupKeys = _useState6[1];
   var _useState7 = useState(0),
-      _useState8 = _slicedToArray(_useState7, 2),
-      activedGroupIndex = _useState8[0],
-      setActivedGroupIndex = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    activedGroupIndex = _useState8[0],
+    setActivedGroupIndex = _useState8[1];
   var _useState9 = useState([commons ? commons.domestic : []]),
-      _useState10 = _slicedToArray(_useState9, 2),
-      list = _useState10[0],
-      setList = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    list = _useState10[0],
+    setList = _useState10[1];
   useEffect(function () {
     if (!groups) {
       return;
     }
-
     var domestic = groups.domestic,
-        foreign = groups.foreign;
+      foreign = groups.foreign;
     domestic = grouping(domestic);
     foreign = grouping(foreign);
-
     if (commons === null || commons === void 0 ? void 0 : commons.domestic) {
       domestic.unshift(cityPickerLang.common);
     }
-
     if (commons === null || commons === void 0 ? void 0 : commons.foreign) {
       foreign.unshift(cityPickerLang.common);
     }
-
     setCityGroups({
       domestic: domestic,
       foreign: foreign
@@ -91,7 +77,6 @@ var CityPanel = function CityPanel(_ref) {
       setList(newList);
       setGroupKeys(currentGroups);
     }
-
     setActivedGroupIndex(0);
   }, [activedIndex, cityGroups, groups, cityList]);
   var cityPickerPrefixCls = getPrefixCls(prefixCls, 'city-picker');
@@ -104,12 +89,10 @@ var CityPanel = function CityPanel(_ref) {
   var internationalCls = classNames(_concatInstanceProperty(_context2 = "".concat(cityPickerPrefixCls, "-tab-item ")).call(_context2, cityPickerPrefixCls, "-header-internation"), {
     active: activedIndex === 'foreign'
   });
-
   var handleDomesticClick = function handleDomesticClick() {
     if (activedIndex === 'domestic') return;
     setActivedIndex('domestic');
   };
-
   var handleInternationClick = function handleInternationClick() {
     if (activedIndex === 'foreign') return;
     setActivedIndex('foreign');
@@ -118,22 +101,17 @@ var CityPanel = function CityPanel(_ref) {
    * 分组变换事件
    * @param index 分组索引
    */
-
-
   var handleGroupChange = function handleGroupChange(index) {
     if (!cityList) {
       return;
     }
-
     var groups = cityGroups[activedIndex];
     var currentGroup = groups[index];
-
     if (commons && currentGroup === cityPickerLang.common) {
       setList([commons[activedIndex] || []]);
       setGroupKeys(null);
       return;
     }
-
     var currentGroups = (currentGroup || '').split('');
     var newList = [];
     var currentList = cityList[activedIndex];
@@ -145,11 +123,9 @@ var CityPanel = function CityPanel(_ref) {
     setGroupKeys(currentGroups);
     setActivedGroupIndex(index);
   };
-
   var handleSelectCity = function handleSelectCity(city) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(city);
   };
-
   var isClassified = commons && commons.domestic && commons.foreign;
   return /*#__PURE__*/React.createElement("div", {
     className: containerCls
@@ -173,5 +149,4 @@ var CityPanel = function CityPanel(_ref) {
     onSelect: handleSelectCity
   })));
 };
-
 export default CityPanel;

package/es/city-picker/city-picker.js

@@ -11,50 +11,42 @@ import CityPanelItem from './city-panel-item';
 import CityPanel from './city-panel';
 import SearchPanel from './city-search-panel';
 import usePopper from '../_utils/usePopper';
-
 var CityPicker = function CityPicker(_ref) {
   var cityList = _ref.cityList,
-      className = _ref.className,
-      commons = _ref.commons,
-      disabled = _ref.disabled,
-      groups = _ref.groups,
-      inputClassName = _ref.inputClassName,
-      inputStyle = _ref.inputStyle,
-      placeholder = _ref.placeholder,
-      showTitle = _ref.showTitle,
-      style = _ref.style,
-      title = _ref.title;
-
+    className = _ref.className,
+    commons = _ref.commons,
+    disabled = _ref.disabled,
+    groups = _ref.groups,
+    inputClassName = _ref.inputClassName,
+    inputStyle = _ref.inputStyle,
+    placeholder = _ref.placeholder,
+    showTitle = _ref.showTitle,
+    style = _ref.style,
+    title = _ref.title;
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls;
   var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      inputVal = _useState2[0],
-      setInputVal = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    inputVal = _useState2[0],
+    setInputVal = _useState2[1];
   var _useState3 = useState(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      additionalVal = _useState4[0],
-      setAdditionalVal = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    additionalVal = _useState4[0],
+    setAdditionalVal = _useState4[1];
   var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      popperVisible = _useState6[0],
-      setPopperVisible = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    popperVisible = _useState6[0],
+    setPopperVisible = _useState6[1];
   var inputRef = useRef(null);
   var allCity = useRef([]);
   useEffect(function () {
     var _context;
-
     if (!cityList) {
       return;
     }
-
     var domestic = cityList.domestic,
-        foreign = cityList.foreign;
+      foreign = cityList.foreign;
     allCity.current = _concatInstanceProperty(_context = []).call(_context, _toConsumableArray(_Object$values(domestic)), _toConsumableArray(_Object$values(foreign))).reduce(function (arr, current) {
       return _concatInstanceProperty(arr).call(arr, current);
     }, []);
@@ -68,46 +60,36 @@ var CityPicker = function CityPicker(_ref) {
   var arrowCls = classNames('kdicon kdicon-arrow-down', "".concat(cityPickerPrefixCls, "-arrow"), {
     'arrow-up': popperVisible
   });
-
   var handleContainerClick = function handleContainerClick() {
     var _a;
-
     if (document.activeElement === inputRef.current) {
       return;
     }
-
     (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
   };
-
   var handleCitySelect = function handleCitySelect(city) {
     var _context2, _context3;
-
     setInputVal(city.name || '');
     var otherInfoStr = city.country === '中国' ? "".concat(city.province) : _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "".concat(city.province)).call(_context3, city.province ? ',' : '')).call(_context2, city.country);
     setAdditionalVal(otherInfoStr);
     setPopperVisible(false);
   };
-
   var handleFocus = function handleFocus() {
     if (popperVisible) {
       return;
     }
-
     setPopperVisible(true);
   };
-
   var handleChange = function handleChange(evt) {
     var value = evt.target.value;
     setAdditionalVal('');
     setInputVal(value);
   };
-
   var handlePopperVisibleChange = function handlePopperVisibleChange(visible) {
     if (!visible) {
       setPopperVisible(false);
     }
   };
-
   var inputSelector = /*#__PURE__*/React.createElement("div", {
     className: containerCls,
     style: style,
@@ -138,21 +120,16 @@ var CityPicker = function CityPicker(_ref) {
     cityList: cityList,
     onSelect: handleCitySelect
   });
-
   var getSearchResults = function getSearchResults() {
     var _context4;
-
     if (!allCity.current || allCity.current.length === 0 || !inputVal) {
       return [];
     }
-
     return _filterInstanceProperty(_context4 = allCity.current).call(_context4, function (city) {
       var _a;
-
       return (_a = city.name) === null || _a === void 0 ? void 0 : _startsWithInstanceProperty(_a).call(_a, inputVal);
     });
   };
-
   var searchPanel = /*#__PURE__*/React.createElement(SearchPanel, {
     keyword: inputVal,
     data: getSearchResults(),
@@ -167,7 +144,6 @@ var CityPicker = function CityPicker(_ref) {
   var panel = inputVal.length > 0 ? searchPanel : cityPanel;
   return usePopper(inputSelector, panel, popperProps);
 };
-
 CityPicker.displayName = 'CityPicker';
 CityPicker.PanelItem = CityPanelItem;
 CityPicker.Panel = CityPanel;

package/es/city-picker/city-search-panel.js

@@ -4,18 +4,15 @@ import React, { useContext } from 'react';
 import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
 import NoData from './no-data';
-
 var SearchPanel = function SearchPanel(_ref) {
   var _ref$data = _ref.data,
-      data = _ref$data === void 0 ? [] : _ref$data,
-      _ref$keyword = _ref.keyword,
-      keyword = _ref$keyword === void 0 ? '' : _ref$keyword,
-      handleSelect = _ref.onSelect;
-
+    data = _ref$data === void 0 ? [] : _ref$data,
+    _ref$keyword = _ref.keyword,
+    keyword = _ref$keyword === void 0 ? '' : _ref$keyword,
+    handleSelect = _ref.onSelect;
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls;
   var cityPickerPrefixCls = getPrefixCls(prefixCls, 'city-picker');
   var containerCls = classNames("".concat(cityPickerPrefixCls, "-search-panel"));
   var hasData = data && data.length > 0;
@@ -23,15 +20,12 @@ var SearchPanel = function SearchPanel(_ref) {
     className: containerCls
   }, hasData ? _mapInstanceProperty(data).call(data, function (city) {
     var _context;
-
     var itemContainerCls = classNames("".concat(cityPickerPrefixCls, "-search-panel-item"));
     var itemLeftCls = classNames("".concat(cityPickerPrefixCls, "-search-panel-item-left"));
     var itemRightCls = classNames("".concat(cityPickerPrefixCls, "-search-panel-item-right"));
-
     var handleClick = function handleClick() {
       handleSelect === null || handleSelect === void 0 ? void 0 : handleSelect(city);
     };
-
     return /*#__PURE__*/React.createElement("div", {
       className: itemContainerCls,
       onClick: handleClick,
@@ -47,5 +41,4 @@ var SearchPanel = function SearchPanel(_ref) {
     }, /*#__PURE__*/React.createElement("span", null, city.province), /*#__PURE__*/React.createElement("span", null, city.country === '中国' ? '' : city.country)));
   }) : /*#__PURE__*/React.createElement(NoData, null));
 };
-
 export default SearchPanel;

package/es/city-picker/no-data.js

@@ -1,13 +1,11 @@
 import React, { useContext } from 'react';
 import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
-
 var NoData = function NoData() {
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      globalLocale = _useContext.locale;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    globalLocale = _useContext.locale;
   var cityPickerLang = globalLocale.getCompLangMsg({
     componentName: 'CityPicker'
   });
@@ -17,5 +15,4 @@ var NoData = function NoData() {
     className: cls
   }, cityPickerLang.noData);
 };
-
 export default NoData;

package/es/city-picker/utils/grouping.js

@@ -10,19 +10,15 @@ export default function grouping() {
   if (groups.length === 0 || nums <= 1) return groups;
   var result = [];
   var str = '';
-
   for (var i = 0; i < groups.length; i++) {
     if (str.length === nums) {
       result.push(str);
       str = '';
     }
-
     str += groups[i];
-
     if (i === groups.length - 1) {
       result.push(str);
     }
   }
-
   return result;
 }

package/es/collapse/collapse.js

@@ -18,25 +18,22 @@ export var IconPositionTypes = tuple('left', 'right');
 var NONE_KEY = undefined;
 var InternalCollapse = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      prefixCls = _React$useContext.prefixCls,
-      userDefaultProps = _React$useContext.compDefaultProps;
-
+    getPrefixCls = _React$useContext.getPrefixCls,
+    prefixCls = _React$useContext.prefixCls,
+    userDefaultProps = _React$useContext.compDefaultProps;
   var _getCompProps = getCompProps('Collapse', userDefaultProps, props),
-      accordion = _getCompProps.accordion,
-      activeKey = _getCompProps.activeKey,
-      bordered = _getCompProps.bordered,
-      defaultActiveKey = _getCompProps.defaultActiveKey,
-      expandIcon = _getCompProps.expandIcon,
-      expandIconPosition = _getCompProps.expandIconPosition,
-      onChange = _getCompProps.onChange,
-      style = _getCompProps.style,
-      className = _getCompProps.className,
-      children = _getCompProps.children,
-      customPrefixcls = _getCompProps.prefixCls;
-
+    accordion = _getCompProps.accordion,
+    activeKey = _getCompProps.activeKey,
+    bordered = _getCompProps.bordered,
+    defaultActiveKey = _getCompProps.defaultActiveKey,
+    expandIcon = _getCompProps.expandIcon,
+    expandIconPosition = _getCompProps.expandIconPosition,
+    onChange = _getCompProps.onChange,
+    style = _getCompProps.style,
+    className = _getCompProps.className,
+    children = _getCompProps.children,
+    customPrefixcls = _getCompProps.prefixCls;
   var CollapsePrefixCls = getPrefixCls(prefixCls, 'collapse', customPrefixcls); // 样式前缀
-
   var getDefaultActivePanelKey = function getDefaultActivePanelKey() {
     // const _defaultActiveKey =
     //   defaultActiveKey !== NONE_KEY
@@ -47,21 +44,16 @@ var InternalCollapse = /*#__PURE__*/React.forwardRef(function (props, ref) {
     // return isBoolean(activeKey) ? activeKey : _defaultActiveKey
     return isBoolean(activeKey) ? activeKey : defaultActiveKey;
   };
-
   var _React$useState = React.useState(getDefaultActivePanelKey()),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      activePanelKey = _React$useState2[0],
-      setActivePanelKey = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    activePanelKey = _React$useState2[0],
+    setActivePanelKey = _React$useState2[1];
   var getPanelExpand = function getPanelExpand(panelKey, accordion, activeKey) {
     var _activeKey = getActiveKey(accordion, activeKey);
-
     return isInclude(_activeKey, panelKey);
   };
-
   var getActiveKey = function getActiveKey(accordion, activeKey) {
     var _activeKey = activeKey;
-
     if (accordion) {
       if (isArray(activeKey)) {
         _activeKey = activeKey[0]; // accordion 模式下默认第一个元素
@@ -70,7 +62,6 @@ var InternalCollapse = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
     return _activeKey;
   };
-
   var isInclude = function isInclude(activePanelKey, key) {
     if (isArray(activePanelKey)) {
       return _includesInstanceProperty(activePanelKey).call(activePanelKey, key) || _includesInstanceProperty(activePanelKey).call(activePanelKey, String(key));
@@ -78,60 +69,47 @@ var InternalCollapse = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return String(activePanelKey) === String(key);
     }
   };
-
   var getRemoveKey = function getRemoveKey(key) {
     if (isArray(activePanelKey)) {
       return _filterInstanceProperty(activePanelKey).call(activePanelKey, function (element) {
         return element !== key;
       });
     }
-
     return NONE_KEY;
   };
-
   var getAddKey = function getAddKey(key) {
     if (isArray(activePanelKey)) {
       var _context;
-
       return _concatInstanceProperty(_context = []).call(_context, _toConsumableArray(activePanelKey), [key]);
     }
-
     return activePanelKey ? [activePanelKey, key] : key;
   };
-
   var getNewActiveKey = function getNewActiveKey(key) {
     if (isInclude(activePanelKey, key)) {
       if (accordion) {
         return NONE_KEY;
       }
-
       return getRemoveKey(key);
     } else {
       if (accordion) {
         return key;
       }
-
       return getAddKey(key);
     }
   };
-
   var onPanelChange = React.useCallback(function (key) {
     key = getNewActiveKey(key);
     setActivePanelKey(key);
     onChange && onChange();
   }, [onChange, activePanelKey, accordion]);
-
   var renderPanel = function renderPanel() {
     var _context2;
-
     return _mapInstanceProperty(_context2 = React.Children).call(_context2, children, function (item) {
       var _a, _b, _c;
-
       if (((_a = item === null || item === void 0 ? void 0 : item.type) === null || _a === void 0 ? void 0 : _a.displayName) !== 'Panel') {
         devwarning(true, 'Collapse', 'children必须为Collapse.Panel');
         return item;
       }
-
       var expand = getPanelExpand((_b = item.props) === null || _b === void 0 ? void 0 : _b.panelKey, accordion, activePanelKey);
       var defaultExpand = getPanelExpand((_c = item.props) === null || _c === void 0 ? void 0 : _c.panelKey, accordion, defaultActiveKey);
       return /*#__PURE__*/React.cloneElement(item, _extends({
@@ -144,7 +122,6 @@ var InternalCollapse = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }, item.props));
     });
   };
-
   var rootClassName = classNames(className, _defineProperty({}, "".concat(CollapsePrefixCls), true));
   var collapseRef = ref || /*#__PURE__*/React.createRef();
   return /*#__PURE__*/React.createElement("div", {