@kdcloudjs/kdesign 1.6.34 → 1.6.36

package/es/search/search-panel.js

@@ -8,85 +8,70 @@ import React, { useEffect, useRef, useState, useContext, useCallback } from 'rea
 import classNames from 'classnames';
 import { Input, Tooltip, Icon, Spin, Image } from '../index';
 import ConfigContext from '../config-provider/ConfigContext';
-
 var InternalSearchPanel = function InternalSearchPanel(props, ref) {
   var _context4, _context5;
-
   var thisSearchPanelRef = useRef();
   var searchPanelRef = ref || thisSearchPanelRef;
   var tooltipRef = useRef(null);
-
   var _useContext = useContext(ConfigContext),
-      getLangMsg = _useContext.locale.getLangMsg;
-
+    getLangMsg = _useContext.locale.getLangMsg;
   var prefixCls = props.prefixCls,
-      className = props.className,
-      style = props.style,
-      placeholder = props.placeholder,
-      suffix = props.suffix,
-      _props$panelSearch = props.panelSearch,
-      panelSearch = _props$panelSearch === void 0 ? {} : _props$panelSearch;
+    className = props.className,
+    style = props.style,
+    placeholder = props.placeholder,
+    suffix = props.suffix,
+    _props$panelSearch = props.panelSearch,
+    panelSearch = _props$panelSearch === void 0 ? {} : _props$panelSearch;
   var panelTypes = panelSearch.panelTypes,
-      _panelSearch$panelRes = panelSearch.panelResult,
-      panelResult = _panelSearch$panelRes === void 0 ? [] : _panelSearch$panelRes,
-      onPanelSelect = panelSearch.onPanelSelect,
-      onPanelSearch = panelSearch.onPanelSearch,
-      onPanelChange = panelSearch.onPanelChange,
-      _panelSearch$panelSea = panelSearch.panelSearchLoading,
-      panelSearchLoading = _panelSearch$panelSea === void 0 ? false : _panelSearch$panelSea,
-      displayList = panelSearch.displayList,
-      displayImg = panelSearch.displayImg;
-
+    _panelSearch$panelRes = panelSearch.panelResult,
+    panelResult = _panelSearch$panelRes === void 0 ? [] : _panelSearch$panelRes,
+    onPanelSelect = panelSearch.onPanelSelect,
+    onPanelSearch = panelSearch.onPanelSearch,
+    onPanelChange = panelSearch.onPanelChange,
+    _panelSearch$panelSea = panelSearch.panelSearchLoading,
+    panelSearchLoading = _panelSearch$panelSea === void 0 ? false : _panelSearch$panelSea,
+    displayList = panelSearch.displayList,
+    displayImg = panelSearch.displayImg;
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
   var _useState3 = useState(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      inputValue = _useState4[0],
-      setInputValue = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    inputValue = _useState4[0],
+    setInputValue = _useState4[1];
   var _useState5 = useState(Array.isArray(panelTypes) && panelTypes.length ? panelTypes[0] : {}),
-      _useState6 = _slicedToArray(_useState5, 2),
-      type = _useState6[0],
-      setType = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    type = _useState6[0],
+    setType = _useState6[1];
   var _useState7 = useState({}),
-      _useState8 = _slicedToArray(_useState7, 2),
-      result = _useState8[0],
-      setResult = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    result = _useState8[0],
+    setResult = _useState8[1];
   useEffect(function () {
     setResult(Array.isArray(panelResult) && panelResult.length ? panelResult[0] : {});
   }, [panelResult]);
   var searchPanelCls = classNames(className, _defineProperty({}, "".concat(prefixCls, "-panel"), true));
-
   var handleSearchChange = function handleSearchChange(e) {
     setInputValue(e.target.value);
     onPanelChange(_extends(_extends({}, type), {
       value: e.target.value
     }));
   };
-
   var handleMouseOver = function handleMouseOver(item) {
     setResult(item);
   };
-
   var handleSelect = function handleSelect(item) {
     onPanelSelect(item);
   };
-
   var handleSearch = function handleSearch() {
     onPanelSearch(_extends(_extends({}, type), {
       value: inputValue
     }));
   };
-
   var onVisibleChange = function onVisibleChange(visible) {
     setVisible(visible);
   };
-
   var handleSelectType = function handleSelectType(item) {
     setType(item);
     setVisible(false);
@@ -94,13 +79,11 @@ var InternalSearchPanel = function InternalSearchPanel(props, ref) {
       value: inputValue
     })));
   };
-
   var text = function text() {
     return /*#__PURE__*/React.createElement("div", {
       className: "".concat(prefixCls, "-panel-type")
     }, _mapInstanceProperty(panelTypes).call(panelTypes, function (item, index) {
       var _context;
-
       return /*#__PURE__*/React.createElement("span", {
         key: index,
         className: _concatInstanceProperty(_context = "".concat(prefixCls, "-panel-type-list")).call(_context, item.code === type.code ? " ".concat(prefixCls, "-panel-type-list-active") : ''),
@@ -110,10 +93,8 @@ var InternalSearchPanel = function InternalSearchPanel(props, ref) {
       }, item.label);
     }));
   };
-
   var renderDisplayListShow = useCallback(function (left, right) {
     var _context2;
-
     var leftContent = left && right ? "".concat(left, ": ") : '';
     var rightContent = right || '';
     return _concatInstanceProperty(_context2 = "".concat(leftContent)).call(_context2, rightContent);
@@ -172,7 +153,6 @@ var InternalSearchPanel = function InternalSearchPanel(props, ref) {
     className: "".concat(prefixCls, "-panel-dropDown-result-wrapper")
   }, Array.isArray(panelResult) && _mapInstanceProperty(panelResult).call(panelResult, function (item, index) {
     var _context3;
-
     return (
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
@@ -244,7 +224,6 @@ var InternalSearchPanel = function InternalSearchPanel(props, ref) {
     }, renderDisplayListShow(displayList[item], result[item]));
   })))));
 };
-
 var SearchPanel = /*#__PURE__*/React.forwardRef(InternalSearchPanel);
 SearchPanel.displayName = 'SearchPanel';
 export default SearchPanel;

package/es/search/search.js

@@ -3,20 +3,14 @@ import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 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 React, { useCallback, useContext, useRef, useState } from 'react';
 import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
@@ -26,47 +20,39 @@ import { getCompProps } from '../_utils';
 import { Input, Icon } from '../index';
 import { SearchSizeTypes, BorderTypes, SearchTypes } from './interface';
 import devWarning from '../_utils/devwarning';
-
 var InternalSearch = function InternalSearch(props, ref) {
   var _context, _classNames;
-
   var thisSearchRef = useRef();
   var searchRef = ref || thisSearchRef;
-
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps,
-      getLangMsg = _useContext.locale.getLangMsg;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps,
+    getLangMsg = _useContext.locale.getLangMsg;
   var searchProps = getCompProps('Search', userDefaultProps, props);
-
   var customPrefixcls = searchProps.prefixCls,
-      className = searchProps.className,
-      style = searchProps.style,
-      size = searchProps.size,
-      disabled = searchProps.disabled,
-      onPressEnter = searchProps.onPressEnter,
-      prefix = searchProps.prefix,
-      suffix = searchProps.suffix,
-      borderType = searchProps.borderType,
-      children = searchProps.children,
-      type = searchProps.type,
-      placeholder = searchProps.placeholder,
-      onSearch = searchProps.onSearch,
-      onFocus = searchProps.onFocus,
-      onBlur = searchProps.onBlur,
-      restProps = __rest(searchProps, ["prefixCls", "className", "style", "size", "disabled", "onPressEnter", "prefix", "suffix", "borderType", "children", "type", "placeholder", "onSearch", "onFocus", "onBlur"]);
-
+    className = searchProps.className,
+    style = searchProps.style,
+    size = searchProps.size,
+    disabled = searchProps.disabled,
+    onPressEnter = searchProps.onPressEnter,
+    prefix = searchProps.prefix,
+    suffix = searchProps.suffix,
+    borderType = searchProps.borderType,
+    children = searchProps.children,
+    type = searchProps.type,
+    placeholder = searchProps.placeholder,
+    onSearch = searchProps.onSearch,
+    onFocus = searchProps.onFocus,
+    onBlur = searchProps.onBlur,
+    restProps = __rest(searchProps, ["prefixCls", "className", "style", "size", "disabled", "onPressEnter", "prefix", "suffix", "borderType", "children", "type", "placeholder", "onSearch", "onFocus", "onBlur"]);
   devWarning(SearchSizeTypes.indexOf(size) === -1, 'search', "cannot found search size '".concat(size, "'"));
   devWarning(BorderTypes.indexOf(borderType) === -1, 'search', "cannot found search borderType '".concat(borderType, "'"));
   devWarning(SearchTypes.indexOf(type) === -1, 'search', "cannot found search Search type '".concat(type, "'"));
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      focused = _useState2[0],
-      setFocused = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    focused = _useState2[0],
+    setFocused = _useState2[1];
   var searchPrefixCls = getPrefixCls(prefixCls, 'search', customPrefixcls);
   var searchCls = classNames(searchPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(searchPrefixCls, "-size-")).call(_context, size), size), _defineProperty(_classNames, "".concat(searchPrefixCls, "-disabled"), disabled), _defineProperty(_classNames, "".concat(searchPrefixCls, "-focused"), focused && !disabled), _defineProperty(_classNames, "".concat(searchPrefixCls, "-borderless"), borderType === 'none'), _defineProperty(_classNames, "".concat(searchPrefixCls, "-border"), borderType === 'bordered'), _classNames));
   var handleSearchChange = useCallback(function (event) {
@@ -87,7 +73,6 @@ var InternalSearch = function InternalSearch(props, ref) {
     if (!prefix) {
       return null;
     }
-
     return prefix && typeof prefix === 'boolean' ? /*#__PURE__*/React.createElement("span", {
       className: "".concat(searchPrefixCls, "-prefix")
     }, /*#__PURE__*/React.createElement(Icon, {
@@ -98,7 +83,6 @@ var InternalSearch = function InternalSearch(props, ref) {
     if (!suffix) {
       return null;
     }
-
     return !prefix && (typeof suffix === 'boolean' && suffix ? /*#__PURE__*/React.createElement("span", {
       className: "".concat(searchPrefixCls, "-suffix")
     }, /*#__PURE__*/React.createElement(Icon, {
@@ -106,7 +90,6 @@ var InternalSearch = function InternalSearch(props, ref) {
       type: "search"
     })) : suffix);
   }, [suffix, prefix, searchPrefixCls]);
-
   if (type === 'quick-search') {
     return /*#__PURE__*/React.createElement(QuickSearch, _extends({}, restProps, {
       ref: ref,
@@ -120,14 +103,12 @@ var InternalSearch = function InternalSearch(props, ref) {
       onBlur: onBlur
     }), children);
   }
-
   if (type === 'panel') {
     // prefixCls后面需要跟传下去的props合并
     return /*#__PURE__*/React.createElement(SearchPanel, _extends({}, searchProps, {
       prefixCls: searchPrefixCls
     }));
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: searchCls,
     style: style
@@ -145,7 +126,6 @@ var InternalSearch = function InternalSearch(props, ref) {
     onBlur: handleBlur
   }));
 };
-
 var Search = /*#__PURE__*/React.forwardRef(InternalSearch);
 Search.displayName = 'Search';
 export default Search;

package/es/select/interface.js

@@ -1,5 +1,4 @@
 import { tuple } from '../_utils/type';
 export var SelectSizes = tuple('large', 'middle', 'small'); // 选择框大小
-
 export var BorderTypes = tuple('none', 'underline', 'bordered');
 export var Modes = tuple('multiple', 'single');

package/es/select/option.js

@@ -7,33 +7,26 @@ import React, { useContext, useRef, useEffect, useState } from 'react';
 import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
 import { Checkbox } from '../index';
-
 var InternalOption = function InternalOption(props, ref) {
   var _classNames;
-
   var optionRef = useRef(null) || ref;
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isSelected = _useState2[0],
-      setSelected = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isSelected = _useState2[0],
+    setSelected = _useState2[1];
   var className = props.className,
-      children = props.children,
-      _props$value = props.value,
-      value = _props$value === void 0 ? null : _props$value,
-      disabled = props.disabled,
-      values = _valuesInstanceProperty(props),
-      isMultiple = props.isMultiple,
-      onChangeSelect = props.onChangeSelect,
-      title = props.title;
-
+    children = props.children,
+    _props$value = props.value,
+    value = _props$value === void 0 ? null : _props$value,
+    disabled = props.disabled,
+    values = _valuesInstanceProperty(props),
+    isMultiple = props.isMultiple,
+    onChangeSelect = props.onChangeSelect,
+    title = props.title;
   var optionProps = _extends({}, props);
-
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls;
   var selectOptionPrefixCls = getPrefixCls(prefixCls, 'select-item');
   useEffect(function () {
     if (isMultiple) {
@@ -44,18 +37,14 @@ var InternalOption = function InternalOption(props, ref) {
   });
   var optionCls = classNames(selectOptionPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, "".concat(selectOptionPrefixCls, "-option"), true), _defineProperty(_classNames, "".concat(selectOptionPrefixCls, "-option-selected"), isSelected), _defineProperty(_classNames, "".concat(selectOptionPrefixCls, "-option-disabled"), disabled), _classNames));
   var contentCls = classNames(_defineProperty({}, "".concat(selectOptionPrefixCls, "-option-content"), true));
-
   var handleClick = function handleClick(e) {
     e.preventDefault();
     if (optionProps.disabled || value === undefined) return;
-
     if (isMultiple) {
       setSelected(!isSelected);
     }
-
     onChangeSelect && onChangeSelect(value, children, isSelected);
   };
-
   var titleText = title || (_typeof(children) !== 'object' ? children : null);
   var checkStyle = {
     minHeight: '22px',
@@ -75,7 +64,6 @@ var InternalOption = function InternalOption(props, ref) {
     checked: isSelected
   }, children) : children)));
 };
-
 var Option = /*#__PURE__*/React.forwardRef(InternalOption);
 Option.displayName = 'Option';
 export default Option;