acud 1.2.17 → 1.2.18

package/es/select/src/SelectTrigger.js

@@ -1,24 +1,17 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
-
 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 Trigger from 'rc-trigger';
-
+import * as React from 'react';
+// import Trigger from 'rc-trigger';
 import Trigger from '@rc-component/trigger';
 import classNames from 'classnames';
-
 var getBuiltInPlacements = function getBuiltInPlacements(dropdownMatchSelectWidth, popupOverflow) {
   // Enable horizontal overflow auto-adjustment when a custom dropdown width is provided
   var adjustX = typeof dropdownMatchSelectWidth !== 'number' ? 0 : 1;
@@ -62,46 +55,41 @@ var getBuiltInPlacements = function getBuiltInPlacements(dropdownMatchSelectWidt
     }
   };
 };
-
 var SelectTrigger = function SelectTrigger(props, ref) {
   var _classNames;
-
   var prefixCls = props.prefixCls,
-      visible = props.visible,
-      children = props.children,
-      popupElement = props.popupElement,
-      multiple = props.multiple,
-      containerWidth = props.containerWidth,
-      animation = props.animation,
-      transitionName = props.transitionName,
-      dropdownStyle = props.dropdownStyle,
-      dropdownClassName = props.dropdownClassName,
-      _props$direction = props.direction,
-      direction = _props$direction === void 0 ? 'ltr' : _props$direction,
-      _props$dropdownMatchS = props.dropdownMatchSelectWidth,
-      dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? true : _props$dropdownMatchS,
-      dropdownRender = props.dropdownRender,
-      dropdownAlign = props.dropdownAlign,
-      getPopupContainer = props.getPopupContainer,
-      empty = props.empty,
-      getTriggerDOMNode = props.getTriggerDOMNode,
-      placement = props.placement,
-      popupOverflow = props.popupOverflow,
-      restProps = __rest(props, ["prefixCls", "visible", "children", "popupElement", "multiple", "containerWidth", "animation", "transitionName", "dropdownStyle", "dropdownClassName", "direction", "dropdownMatchSelectWidth", "dropdownRender", "dropdownAlign", "getPopupContainer", "empty", "getTriggerDOMNode", "placement", "popupOverflow"]);
-
+    visible = props.visible,
+    children = props.children,
+    popupElement = props.popupElement,
+    multiple = props.multiple,
+    containerWidth = props.containerWidth,
+    animation = props.animation,
+    transitionName = props.transitionName,
+    dropdownStyle = props.dropdownStyle,
+    dropdownClassName = props.dropdownClassName,
+    _props$direction = props.direction,
+    direction = _props$direction === void 0 ? 'ltr' : _props$direction,
+    _props$dropdownMatchS = props.dropdownMatchSelectWidth,
+    dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? true : _props$dropdownMatchS,
+    dropdownRender = props.dropdownRender,
+    dropdownAlign = props.dropdownAlign,
+    getPopupContainer = props.getPopupContainer,
+    empty = props.empty,
+    getTriggerDOMNode = props.getTriggerDOMNode,
+    placement = props.placement,
+    popupOverflow = props.popupOverflow,
+    restProps = __rest(props, ["prefixCls", "visible", "children", "popupElement", "multiple", "containerWidth", "animation", "transitionName", "dropdownStyle", "dropdownClassName", "direction", "dropdownMatchSelectWidth", "dropdownRender", "dropdownAlign", "getPopupContainer", "empty", "getTriggerDOMNode", "placement", "popupOverflow"]);
   var dropdownPrefixCls = "".concat(prefixCls, "-dropdown");
   var popupNode = popupElement;
-
   if (dropdownRender) {
     popupNode = dropdownRender(popupElement);
   }
-
   var builtInPlacements = React.useMemo(function () {
     return getBuiltInPlacements(dropdownMatchSelectWidth, popupOverflow);
-  }, [dropdownMatchSelectWidth, popupOverflow]); // ===================== Motion ======================
-
-  var mergedTransitionName = animation ? "".concat(dropdownPrefixCls, "-").concat(animation) : transitionName; // ======================= Ref =======================
-
+  }, [dropdownMatchSelectWidth, popupOverflow]);
+  // ===================== Motion ======================
+  var mergedTransitionName = animation ? "".concat(dropdownPrefixCls, "-").concat(animation) : transitionName;
+  // ======================= Ref =======================
   var popupRef = React.useRef(null);
   React.useImperativeHandle(ref, function () {
     return {
@@ -110,17 +98,14 @@ var SelectTrigger = function SelectTrigger(props, ref) {
       }
     };
   });
-
   var popupStyle = _extends({
     minWidth: containerWidth
   }, dropdownStyle);
-
   if (typeof dropdownMatchSelectWidth === 'number') {
     popupStyle.width = dropdownMatchSelectWidth;
   } else if (dropdownMatchSelectWidth) {
     popupStyle.width = containerWidth;
   }
-
   return /*#__PURE__*/React.createElement(Trigger, _extends({}, restProps, {
     showAction: [],
     hideAction: [],
@@ -139,7 +124,6 @@ var SelectTrigger = function SelectTrigger(props, ref) {
     getTriggerDOMNode: getTriggerDOMNode
   }), children);
 };
-
 var RefSelectTrigger = /*#__PURE__*/React.forwardRef(SelectTrigger);
 RefSelectTrigger.displayName = 'SelectTrigger';
 export default RefSelectTrigger;

package/es/select/src/Selector/Input.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare type InputRef = HTMLInputElement | HTMLTextAreaElement;
+type InputRef = HTMLInputElement | HTMLTextAreaElement;
 interface InputProps {
     prefixCls: string;
     id: string;

package/es/select/src/Selector/Input.js

@@ -1,37 +1,36 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { composeRef } from "rc-util/es/ref";
-
 var Input = function Input(_ref, ref) {
   var prefixCls = _ref.prefixCls,
-      id = _ref.id,
-      inputElement = _ref.inputElement,
-      disabled = _ref.disabled,
-      tabIndex = _ref.tabIndex,
-      autoFocus = _ref.autoFocus,
-      autoComplete = _ref.autoComplete,
-      editable = _ref.editable,
-      accessibilityIndex = _ref.accessibilityIndex,
-      value = _ref.value,
-      maxLength = _ref.maxLength,
-      _onKeyDown = _ref.onKeyDown,
-      _onMouseDown = _ref.onMouseDown,
-      _onChange = _ref.onChange,
-      onPaste = _ref.onPaste,
-      _onCompositionStart = _ref.onCompositionStart,
-      _onCompositionEnd = _ref.onCompositionEnd,
-      open = _ref.open,
-      attrs = _ref.attrs;
+    id = _ref.id,
+    inputElement = _ref.inputElement,
+    disabled = _ref.disabled,
+    tabIndex = _ref.tabIndex,
+    autoFocus = _ref.autoFocus,
+    autoComplete = _ref.autoComplete,
+    editable = _ref.editable,
+    accessibilityIndex = _ref.accessibilityIndex,
+    value = _ref.value,
+    maxLength = _ref.maxLength,
+    _onKeyDown = _ref.onKeyDown,
+    _onMouseDown = _ref.onMouseDown,
+    _onChange = _ref.onChange,
+    onPaste = _ref.onPaste,
+    _onCompositionStart = _ref.onCompositionStart,
+    _onCompositionEnd = _ref.onCompositionEnd,
+    open = _ref.open,
+    attrs = _ref.attrs;
   var inputNode = inputElement || /*#__PURE__*/React.createElement("input", null);
   var _inputNode = inputNode,
-      originRef = _inputNode.ref,
-      _inputNode$props = _inputNode.props,
-      onOriginKeyDown = _inputNode$props.onKeyDown,
-      onOriginChange = _inputNode$props.onChange,
-      onOriginMouseDown = _inputNode$props.onMouseDown,
-      onOriginCompositionStart = _inputNode$props.onCompositionStart,
-      onOriginCompositionEnd = _inputNode$props.onCompositionEnd,
-      style = _inputNode$props.style;
+    originRef = _inputNode.ref,
+    _inputNode$props = _inputNode.props,
+    onOriginKeyDown = _inputNode$props.onKeyDown,
+    onOriginChange = _inputNode$props.onChange,
+    onOriginMouseDown = _inputNode$props.onMouseDown,
+    onOriginCompositionStart = _inputNode$props.onCompositionStart,
+    onOriginCompositionEnd = _inputNode$props.onCompositionEnd,
+    style = _inputNode$props.style;
   inputNode = /*#__PURE__*/React.cloneElement(inputNode, _extends(_extends({
     id: id,
     ref: composeRef(ref, originRef),
@@ -58,35 +57,30 @@ var Input = function Input(_ref, ref) {
     unselectable: !editable ? 'on' : null,
     onKeyDown: function onKeyDown(event) {
       _onKeyDown(event);
-
       if (onOriginKeyDown) {
         onOriginKeyDown(event);
       }
     },
     onMouseDown: function onMouseDown(event) {
       _onMouseDown(event);
-
       if (onOriginMouseDown) {
         onOriginMouseDown(event);
       }
     },
     onChange: function onChange(event) {
       _onChange(event);
-
       if (onOriginChange) {
         onOriginChange(event);
       }
     },
     onCompositionStart: function onCompositionStart(event) {
       _onCompositionStart(event);
-
       if (onOriginCompositionStart) {
         onOriginCompositionStart(event);
       }
     },
     onCompositionEnd: function onCompositionEnd(event) {
       _onCompositionEnd(event);
-
       if (onOriginCompositionEnd) {
         onOriginCompositionEnd(event);
       }
@@ -95,7 +89,6 @@ var Input = function Input(_ref, ref) {
   }));
   return inputNode;
 };
-
 var RefInput = /*#__PURE__*/React.forwardRef(Input);
 RefInput.displayName = 'Input';
 export default RefInput;

package/es/select/src/Selector/MultipleSelector.js

@@ -4,83 +4,74 @@ import * as React from 'react';
 import { useState } from 'react';
 import classNames from 'classnames';
 import pickAttrs from "rc-util/es/pickAttrs";
-import Overflow from 'rc-overflow'; // import Overflow from '../../../overflow';
-
+import Overflow from 'rc-overflow';
+// import Overflow from '../../../overflow';
 import TransBtn from '../TransBtn';
 import Input from './Input';
 import useLayoutEffect from '../hooks/useLayoutEffect';
 import { useLocaleReceiver } from '../../../locale-provider/LocaleReceiver';
-
 var onPreventMouseDown = function onPreventMouseDown(event) {
   event.preventDefault();
   event.stopPropagation();
 };
-
 function itemKey(value) {
   var _a;
-
   return (_a = value.key) !== null && _a !== void 0 ? _a : value.value;
 }
-
 var SelectSelector = function SelectSelector(props) {
   var id = props.id,
-      prefixCls = props.prefixCls,
-      values = props.values,
-      open = props.open,
-      searchValue = props.searchValue,
-      inputRef = props.inputRef,
-      placeholder = props.placeholder,
-      disabled = props.disabled,
-      mode = props.mode,
-      showSearch = props.showSearch,
-      autoFocus = props.autoFocus,
-      autoComplete = props.autoComplete,
-      accessibilityIndex = props.accessibilityIndex,
-      tabIndex = props.tabIndex,
-      removeIcon = props.removeIcon,
-      maxTagCount = props.maxTagCount,
-      maxTagTextLength = props.maxTagTextLength,
-      _props$maxTagPlacehol = props.maxTagPlaceholder,
-      maxTagPlaceholder = _props$maxTagPlacehol === void 0 ? function (omittedValues) {
-    return "+ ".concat(omittedValues.length, " ...");
-  } : _props$maxTagPlacehol,
-      tagRender = props.tagRender,
-      onToggleOpen = props.onToggleOpen,
-      onSelect = props.onSelect,
-      onInputChange = props.onInputChange,
-      onInputPaste = props.onInputPaste,
-      onInputKeyDown = props.onInputKeyDown,
-      onInputMouseDown = props.onInputMouseDown,
-      onInputCompositionStart = props.onInputCompositionStart,
-      onInputCompositionEnd = props.onInputCompositionEnd;
-
+    prefixCls = props.prefixCls,
+    values = props.values,
+    open = props.open,
+    searchValue = props.searchValue,
+    inputRef = props.inputRef,
+    placeholder = props.placeholder,
+    disabled = props.disabled,
+    mode = props.mode,
+    showSearch = props.showSearch,
+    autoFocus = props.autoFocus,
+    autoComplete = props.autoComplete,
+    accessibilityIndex = props.accessibilityIndex,
+    tabIndex = props.tabIndex,
+    removeIcon = props.removeIcon,
+    maxTagCount = props.maxTagCount,
+    maxTagTextLength = props.maxTagTextLength,
+    _props$maxTagPlacehol = props.maxTagPlaceholder,
+    maxTagPlaceholder = _props$maxTagPlacehol === void 0 ? function (omittedValues) {
+      return "+ ".concat(omittedValues.length, " ...");
+    } : _props$maxTagPlacehol,
+    tagRender = props.tagRender,
+    onToggleOpen = props.onToggleOpen,
+    onSelect = props.onSelect,
+    onInputChange = props.onInputChange,
+    onInputPaste = props.onInputPaste,
+    onInputKeyDown = props.onInputKeyDown,
+    onInputMouseDown = props.onInputMouseDown,
+    onInputCompositionStart = props.onInputCompositionStart,
+    onInputCompositionEnd = props.onInputCompositionEnd;
   var _useLocaleReceiver = useLocaleReceiver('Select'),
-      _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 1),
-      selectLocale = _useLocaleReceiver2[0];
-
+    _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 1),
+    selectLocale = _useLocaleReceiver2[0];
   var placeholderLocale = placeholder || selectLocale.placeholder;
   var measureRef = React.useRef(null);
-
   var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      inputWidth = _useState2[0],
-      setInputWidth = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    inputWidth = _useState2[0],
+    setInputWidth = _useState2[1];
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      focused = _useState4[0],
-      setFocused = _useState4[1];
-
-  var selectionPrefixCls = "".concat(prefixCls, "-selection"); // ===================== Search ======================
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    focused = _useState4[0],
+    setFocused = _useState4[1];
+  var selectionPrefixCls = "".concat(prefixCls, "-selection");
+  // ===================== Search ======================
   var inputValue = open || mode === 'tags' ? searchValue : '';
-  var inputEditable = mode === 'tags' || showSearch && (open || focused); // We measure width and set to the input immediately
-
+  var inputEditable = mode === 'tags' || showSearch && (open || focused);
+  // We measure width and set to the input immediately
   useLayoutEffect(function () {
     setInputWidth(measureRef.current.scrollWidth);
-  }, [inputValue]); // ===================== Render ======================
+  }, [inputValue]);
+  // ===================== Render ======================
   // >>> Render Selector Node. Includes Item & Rest
-
   function defaultRenderSelector(content, itemDisabled, closable, onClose, isRest) {
     return /*#__PURE__*/React.createElement("span", {
       className: classNames("".concat(selectionPrefixCls, "-item"), _defineProperty({}, "".concat(selectionPrefixCls, "-item-disabled"), itemDisabled))
@@ -98,13 +89,11 @@ var SelectSelector = function SelectSelector(props) {
       customizeIcon: removeIcon
     }, "\xD7"));
   }
-
   function customizeRenderSelector(value, content, itemDisabled, closable, onClose) {
     var onMouseDown = function onMouseDown(e) {
       onPreventMouseDown(e);
       onToggleOpen(true);
     };
-
     return /*#__PURE__*/React.createElement("span", {
       onMouseDown: onMouseDown
     }, tagRender({
@@ -115,43 +104,35 @@ var SelectSelector = function SelectSelector(props) {
       onClose: onClose
     }));
   }
-
   function renderItem(_ref) {
     var itemDisabled = _ref.disabled,
-        label = _ref.label,
-        value = _ref.value;
+      label = _ref.label,
+      value = _ref.value;
     var closable = !disabled && !itemDisabled;
     var displayLabel = label;
-
     if (typeof maxTagTextLength === 'number') {
       if (typeof label === 'string' || typeof label === 'number') {
         var strLabel = String(displayLabel);
-
         if (strLabel.length > maxTagTextLength) {
           displayLabel = "".concat(strLabel.slice(0, maxTagTextLength), "...");
         }
       }
     }
-
     var onClose = function onClose(event) {
       if (event) {
         event.stopPropagation();
       }
-
       onSelect(value, {
         selected: false
       });
     };
-
     return typeof tagRender === 'function' ? customizeRenderSelector(value, displayLabel, itemDisabled, closable, onClose) : defaultRenderSelector(displayLabel, itemDisabled, closable, onClose);
   }
-
   function renderRest(omittedValues) {
     var content = typeof maxTagPlaceholder === 'function' ? maxTagPlaceholder(omittedValues) : maxTagPlaceholder;
     return defaultRenderSelector(content, false, false, null, true);
-  } // >>> Input Node
-
-
+  }
+  // >>> Input Node
   var inputNode = /*#__PURE__*/React.createElement("div", {
     className: "".concat(selectionPrefixCls, "-search"),
     style: {
@@ -187,8 +168,8 @@ var SelectSelector = function SelectSelector(props) {
     ref: measureRef,
     className: "".concat(selectionPrefixCls, "-search-mirror"),
     "aria-hidden": true
-  }, inputValue, "\xA0")); // >>> Selections
-
+  }, inputValue, "\xA0"));
+  // >>> Selections
   var selectionNode = /*#__PURE__*/React.createElement(Overflow, {
     prefixCls: "".concat(selectionPrefixCls, "-overflow"),
     data: values,
@@ -202,5 +183,4 @@ var SelectSelector = function SelectSelector(props) {
     className: "".concat(selectionPrefixCls, "-placeholder")
   }, placeholderLocale));
 };
-
 export default SelectSelector;

package/es/select/src/Selector/SingleSelector.js

@@ -3,58 +3,51 @@ import * as React from 'react';
 import pickAttrs from "rc-util/es/pickAttrs";
 import { useLocaleReceiver } from '../../../locale-provider/LocaleReceiver';
 import Input from './Input';
-
 var SingleSelector = function SingleSelector(props) {
   var inputElement = props.inputElement,
-      prefixCls = props.prefixCls,
-      id = props.id,
-      inputRef = props.inputRef,
-      disabled = props.disabled,
-      autoFocus = props.autoFocus,
-      autoComplete = props.autoComplete,
-      accessibilityIndex = props.accessibilityIndex,
-      mode = props.mode,
-      open = props.open,
-      values = props.values,
-      placeholder = props.placeholder,
-      tabIndex = props.tabIndex,
-      showSearch = props.showSearch,
-      searchValue = props.searchValue,
-      activeValue = props.activeValue,
-      maxLength = props.maxLength,
-      onInputKeyDown = props.onInputKeyDown,
-      onInputMouseDown = props.onInputMouseDown,
-      onInputChange = props.onInputChange,
-      onInputPaste = props.onInputPaste,
-      onInputCompositionStart = props.onInputCompositionStart,
-      onInputCompositionEnd = props.onInputCompositionEnd;
-
+    prefixCls = props.prefixCls,
+    id = props.id,
+    inputRef = props.inputRef,
+    disabled = props.disabled,
+    autoFocus = props.autoFocus,
+    autoComplete = props.autoComplete,
+    accessibilityIndex = props.accessibilityIndex,
+    mode = props.mode,
+    open = props.open,
+    values = props.values,
+    placeholder = props.placeholder,
+    tabIndex = props.tabIndex,
+    showSearch = props.showSearch,
+    searchValue = props.searchValue,
+    activeValue = props.activeValue,
+    maxLength = props.maxLength,
+    onInputKeyDown = props.onInputKeyDown,
+    onInputMouseDown = props.onInputMouseDown,
+    onInputChange = props.onInputChange,
+    onInputPaste = props.onInputPaste,
+    onInputCompositionStart = props.onInputCompositionStart,
+    onInputCompositionEnd = props.onInputCompositionEnd;
   var _useLocaleReceiver = useLocaleReceiver('Select'),
-      _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 1),
-      selectLocale = _useLocaleReceiver2[0];
-
+    _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 1),
+    selectLocale = _useLocaleReceiver2[0];
   var placeholderLocale = placeholder || selectLocale.placeholder;
-
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      inputChanged = _React$useState2[0],
-      setInputChanged = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    inputChanged = _React$useState2[0],
+    setInputChanged = _React$useState2[1];
   var combobox = mode === 'combobox';
   var inputEditable = combobox || showSearch;
   var item = values[0];
   var inputValue = searchValue || '';
-
   if (combobox && activeValue && !inputChanged) {
     inputValue = activeValue;
   }
-
   React.useEffect(function () {
     if (combobox) {
       setInputChanged(false);
     }
-  }, [combobox, activeValue]); // Not show text when closed expect combobox mode
-
+  }, [combobox, activeValue]);
+  // Not show text when closed expect combobox mode
   var hasTextInput = mode !== 'combobox' && !open ? false : !!inputValue;
   var title = item && (typeof item.label === 'string' || typeof item.label === 'number') ? item.label.toString() : undefined;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
@@ -90,5 +83,4 @@ var SingleSelector = function SingleSelector(props) {
     className: "".concat(prefixCls, "-selection-placeholder")
   }, placeholderLocale));
 };
-
 export default SingleSelector;