acud 1.2.17 → 1.2.18

package/es/img-crop/style/index.js

@@ -1,4 +1,4 @@
 import '../../style/index.less';
-import './index.less'; // style dependencies
-
+import './index.less';
+// style dependencies
 import '../../slider/style';

package/es/input/AutoComplete.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { InternalSelectProps, SelectInterface } from '../select';
+declare const Option: import("../select/src/Option").OptionFC;
 export interface AutoCompleteProps<ValueType = any> extends Omit<InternalSelectProps<ValueType>, 'inputIcon' | 'loading' | 'mode' | 'labelInValue'> {
 }
 declare const RefAutoComplete: (<ValueType = any>(props: AutoCompleteProps<ValueType> & {
@@ -7,6 +8,6 @@ declare const RefAutoComplete: (<ValueType = any>(props: AutoCompleteProps<Value
 } & {
     ref?: React.Ref<SelectInterface>;
 }) => React.ReactElement) & {
-    Option: import("../select/src/Option").OptionFC;
+    Option: typeof Option;
 };
 export default RefAutoComplete;

package/es/input/AutoComplete.js

@@ -7,42 +7,33 @@ import { ConfigContext } from '../config-provider';
 import { isValidElement } from '../_util/reactNode';
 import toArray from "rc-util/es/Children/toArray";
 var Option = Select.Option;
-
 function isSelectOptionOrSelectOptGroup(child) {
   return child && child.type && (child.type.isSelectOption || child.type.isSelectOptGroup);
 }
-
 var AutoComplete = function AutoComplete(props, ref) {
   var customizePrefixCls = props.prefixCls,
-      className = props.className,
-      children = props.children;
-
+    className = props.className,
+    children = props.children;
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls;
-
+    getPrefixCls = _React$useContext.getPrefixCls;
   var prefixCls = getPrefixCls('select', customizePrefixCls);
-  var childNodes = toArray(children); // ============================= Input =============================
-
+  var childNodes = toArray(children);
+  // ============================= Input =============================
   var customizeInput;
-
   if (childNodes.length === 1 && isValidElement(childNodes[0]) && !isSelectOptionOrSelectOptGroup(childNodes[0])) {
     var _childNodes = _slicedToArray(childNodes, 1);
-
     customizeInput = _childNodes[0];
   }
-
   var getInputElement = customizeInput ? function () {
     return customizeInput;
-  } : undefined; // ============================ Options ============================
-
+  } : undefined;
+  // ============================ Options ============================
   var optionChildren;
-
   if (childNodes.length && isSelectOptionOrSelectOptGroup(childNodes[0])) {
     optionChildren = children;
   } else {
     optionChildren = [];
   }
-
   return /*#__PURE__*/React.createElement(Select, _extends({
     ref: ref
   }, props, {
@@ -52,7 +43,7 @@ var AutoComplete = function AutoComplete(props, ref) {
     getInputElement: getInputElement
   }), optionChildren);
 };
-
 var RefAutoComplete = /*#__PURE__*/React.forwardRef(AutoComplete);
 RefAutoComplete.Option = Option;
-export default RefAutoComplete; // export default AutoComplete;
+export default RefAutoComplete;
+// export default AutoComplete;

package/es/input/Input.js

@@ -1,14 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
 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]];
   }
@@ -18,8 +13,6 @@ var __rest = this && this.__rest || function (s, e) {
  * @file Group component
  * @author luoxiaolan
  */
-
-
 import React, { useImperativeHandle, Fragment, useEffect, useState, useCallback } from 'react';
 import classNames from 'classnames';
 import MultiToneClear from "acud-icon/es/icons/MultiToneClear";
@@ -34,60 +27,54 @@ export var resolveTargetValue = function resolveTargetValue(event, value) {
 };
 var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames3;
-
   var customizePrefixCls = props.prefixCls,
-      customizeSize = props.size,
-      _props$placeholder = props.placeholder,
-      placeholder = _props$placeholder === void 0 ? '请输入' : _props$placeholder,
-      warning = props.warning,
-      warningPopover = props.warningPopover,
-      warningText = props.warningText,
-      tips = props.tips,
-      disabled = props.disabled,
-      readOnly = props.readOnly,
-      defaultValue = props.defaultValue,
-      limitLength = props.limitLength,
-      label = props.label,
-      prefix = props.prefix,
-      suffix = props.suffix,
-      addonBefore = props.addonBefore,
-      addonAfter = props.addonAfter,
-      className = props.className,
-      allowClear = props.allowClear,
-      onPressEnter = props.onPressEnter,
-      onKeyDown = props.onKeyDown,
-      handleClearAll = props.handleClearAll,
-      onCompositionStart = props.onCompositionStart,
-      onCompositionEnd = props.onCompositionEnd,
-      type = props.type,
-      style = props.style,
-      _props$hidden = props.hidden,
-      hidden = _props$hidden === void 0 ? false : _props$hidden,
-      _props$forbidIfLimit = props.forbidIfLimit,
-      forbidIfLimit = _props$forbidIfLimit === void 0 ? false : _props$forbidIfLimit,
-      rest = __rest(props, ["prefixCls", "size", "placeholder", "warning", "warningPopover", "warningText", "tips", "disabled", "readOnly", "defaultValue", "limitLength", "label", "prefix", "suffix", "addonBefore", "addonAfter", "className", "allowClear", "onPressEnter", "onKeyDown", "handleClearAll", "onCompositionStart", "onCompositionEnd", "type", "style", "hidden", "forbidIfLimit"]);
-
+    customizeSize = props.size,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? '请输入' : _props$placeholder,
+    warning = props.warning,
+    warningPopover = props.warningPopover,
+    warningText = props.warningText,
+    tips = props.tips,
+    disabled = props.disabled,
+    readOnly = props.readOnly,
+    defaultValue = props.defaultValue,
+    limitLength = props.limitLength,
+    label = props.label,
+    prefix = props.prefix,
+    suffix = props.suffix,
+    addonBefore = props.addonBefore,
+    addonAfter = props.addonAfter,
+    className = props.className,
+    allowClear = props.allowClear,
+    onPressEnter = props.onPressEnter,
+    onKeyDown = props.onKeyDown,
+    handleClearAll = props.handleClearAll,
+    onCompositionStart = props.onCompositionStart,
+    onCompositionEnd = props.onCompositionEnd,
+    type = props.type,
+    style = props.style,
+    _props$hidden = props.hidden,
+    hidden = _props$hidden === void 0 ? false : _props$hidden,
+    _props$forbidIfLimit = props.forbidIfLimit,
+    forbidIfLimit = _props$forbidIfLimit === void 0 ? false : _props$forbidIfLimit,
+    rest = __rest(props, ["prefixCls", "size", "placeholder", "warning", "warningPopover", "warningText", "tips", "disabled", "readOnly", "defaultValue", "limitLength", "label", "prefix", "suffix", "addonBefore", "addonAfter", "className", "allowClear", "onPressEnter", "onKeyDown", "handleClearAll", "onCompositionStart", "onCompositionEnd", "type", "style", "hidden", "forbidIfLimit"]);
   var _useState = useState(props.value || defaultValue || ''),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
   var _useState3 = useState('#D4D6D9'),
-      _useState4 = _slicedToArray(_useState3, 2),
-      clearIconColor = _useState4[0],
-      setClearIconColor = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    clearIconColor = _useState4[0],
+    setClearIconColor = _useState4[1];
   var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      showClearIcon = _useState6[0],
-      setShowClearIcon = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    showClearIcon = _useState6[0],
+    setShowClearIcon = _useState6[1];
   var _useState7 = useState(''),
-      _useState8 = _slicedToArray(_useState7, 2),
-      focusClass = _useState8[0],
-      setFocusClass = _useState8[1]; // const userTypingRef = React.useRef(false);
-
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    focusClass = _useState8[0],
+    setFocusClass = _useState8[1];
+  // const userTypingRef = React.useRef(false);
   var composedRef = React.useRef(false);
   var innerRef = React.useRef(null);
   var combinedRef = useCombinedRefs(ref, innerRef);
@@ -104,12 +91,10 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
   useEffect(function () {
     if ('value' in props && value !== props.value) {
       setValue(props.value || '');
-
       if (props.value === 0) {
         setValue(0);
       }
     }
-
     if ('label' in props && props.label) {
       if (props.allowClear) {
         setShowClearIcon(true);
@@ -117,118 +102,94 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
         setShowClearIcon(false);
       }
     }
-
     if (!disabled && !readOnly) {
       if (value.length && props.allowClear) {
         setShowClearIcon(true);
       }
     }
-
     if (props.allowClear && !value.length) {
       setShowClearIcon(false);
     }
   }, [props, value, disabled, readOnly]);
-
   var handleFocus = function handleFocus(e) {
     if (disabled || readOnly) {
       return;
     }
-
     e.stopPropagation();
     setFocusClass('focus');
-
     if (props.onFocus) {
       props.onFocus(e);
     }
   };
-
   var handleBlur = function handleBlur(e) {
     if (disabled || readOnly) {
       return;
     }
-
     setFocusClass('');
-
     if (props.onBlur) {
       props.onBlur(e);
     }
   };
-
   var handleOnKeyDown = function handleOnKeyDown(e) {
     // userTypingRef.current = true;
     if (onPressEnter && e.key === 'Enter') {
       if (composedRef.current) {
         return;
       }
-
       onPressEnter(e);
     }
-
     if (onKeyDown) {
       onKeyDown(e);
     }
   };
-
   var handleOnChange = function handleOnChange(e) {
     if (forbidIfLimit && limitLength && e.target.value.length >= limitLength) {
       setValue(e.target.value.slice(0, limitLength));
     } else {
       setValue(e.target.value);
     }
-
     if (!e.target.value.length) {
       setShowClearIcon(false);
     }
-
     if (props.onChange) {
       props.onChange(e);
     }
   };
-
   var handleOuterFocus = function handleOuterFocus() {
     setFocusClass('focus');
   };
-
   var handleOuterBlur = function handleOuterBlur() {
     setFocusClass('');
   };
-
   var handleMouseDownClear = useCallback(function (e) {
     e.preventDefault();
   }, []);
-
   var clickClear = function clickClear(e) {
     if (allowClear) {
-      setShowClearIcon(false); // setValue('');
+      setShowClearIcon(false);
+      // setValue('');
       // 强制转换一下类型
-
       handleOnChange(resolveTargetValue(e, ''));
     }
-
     if (label) {
       setShowClearIcon(false);
     }
-
     if (handleClearAll) {
       handleClearAll();
-    } // console.log('combinedRef', combinedRef);
+    }
+    // console.log('combinedRef', combinedRef);
     // combinedRef.current.focus();
-
   };
 
   var hoverClear = function hoverClear() {
     setClearIconColor('#84868C');
   };
-
   var clearMouseLeave = function clearMouseLeave() {
     setClearIconColor('#D4D6D9');
   };
-
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls;
-
+    getPrefixCls = _React$useContext.getPrefixCls;
   var prefixCls = getPrefixCls('input', customizePrefixCls);
-
   var renderPrefix = function renderPrefix() {
     if (prefix) {
       return /*#__PURE__*/React.createElement("span", {
@@ -236,10 +197,8 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
         "aria-disabled": disabled || readOnly
       }, prefix);
     }
-
     return null;
   };
-
   var renderSuffix = function renderSuffix() {
     if (suffix || limitLength) {
       return /*#__PURE__*/React.createElement("span", {
@@ -251,14 +210,11 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
         className: classNames(_defineProperty({}, "".concat(prefixCls, "-suffix-warning"), value && value.length > limitLength))
       }, value && value.length ? value.length : 0, "/", limitLength))));
     }
-
     return null;
   };
-
   var addonClasses = function addonClasses(addon) {
     return classNames("".concat(prefixCls, "-addon"), _defineProperty({}, "".concat(prefixCls, "-addonOnlyText"), typeof addon === 'string'));
   };
-
   var renderAddonBefore = function renderAddonBefore() {
     if (addonBefore) {
       return /*#__PURE__*/React.createElement("span", {
@@ -266,10 +222,8 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
         "aria-disabled": disabled || readOnly
       }, addonBefore);
     }
-
     return null;
   };
-
   var renderAddonAffer = function renderAddonAffer() {
     if (addonAfter) {
       return /*#__PURE__*/React.createElement("span", {
@@ -277,20 +231,16 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
         "aria-disabled": disabled || readOnly
       }, addonAfter);
     }
-
     return null;
   };
-
   var handleOnCompositionStart = function handleOnCompositionStart(e) {
     composedRef.current = true;
     onCompositionStart === null || onCompositionStart === void 0 ? void 0 : onCompositionStart(e);
   };
-
   var handleOnCompositionEnd = function handleOnCompositionEnd(e) {
     composedRef.current = false;
     onCompositionEnd === null || onCompositionEnd === void 0 ? void 0 : onCompositionEnd(e);
   };
-
   var size = React.useContext(SizeContext) || customizeSize;
   var classes = classNames(prefixCls, className, (_classNames3 = {}, _defineProperty(_classNames3, "".concat(prefixCls, "-sm"), size === 'small'), _defineProperty(_classNames3, "".concat(prefixCls, "-lg"), size === 'large'), _defineProperty(_classNames3, "".concat(prefixCls, "-warning"), warning || warningPopover || value && value.length > limitLength), _defineProperty(_classNames3, "".concat(prefixCls, "-has-prefix"), prefix), _defineProperty(_classNames3, "".concat(prefixCls, "-has-suffix"), suffix), _defineProperty(_classNames3, "".concat(prefixCls, "-has-addon-before"), addonBefore), _defineProperty(_classNames3, "".concat(prefixCls, "-has-addon-after"), addonAfter), _defineProperty(_classNames3, "".concat(prefixCls, "-label-input"), label), _defineProperty(_classNames3, "".concat(prefixCls, "-span-focus"), focusClass), _defineProperty(_classNames3, "".concat(prefixCls, "-real-password"), type === 'password'), _defineProperty(_classNames3, "".concat(prefixCls, "-has-clear"), (!disabled || !readOnly) && allowClear && !label), _defineProperty(_classNames3, "".concat(prefixCls, "-has-limit"), limitLength), _classNames3));
   var inputDom = /*#__PURE__*/React.createElement("input", _extends({}, rest, {
@@ -307,7 +257,6 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onCompositionStart: handleOnCompositionStart,
     onCompositionEnd: handleOnCompositionEnd
   }));
-
   var renderInner = function renderInner() {
     return /*#__PURE__*/React.createElement("span", {
       className: classes,
@@ -328,7 +277,6 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
       color: clearIconColor
     })), renderSuffix(), renderAddonAffer());
   };
-
   if (!hidden) {
     return warningPopover && warningText ? /*#__PURE__*/React.createElement(Popover, {
       content: /*#__PURE__*/React.createElement("span", {
@@ -341,7 +289,6 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: "".concat(prefixCls, "-tips")
     }, tips));
   }
-
   return null;
 });
 export default Input;

package/es/input/Label.js

@@ -8,144 +8,111 @@ import Input from './Input';
 import Tooltip from '../tooltip';
 import classNames from 'classnames';
 import { ConfigContext } from '../config-provider';
-
 var Label = function Label(_ref) {
   var label = _ref.label,
-      allowClear = _ref.allowClear,
-      onPressEnter = _ref.onPressEnter,
-      customizePrefixCls = _ref.prefixCls,
-      _ref$placeholder = _ref.placeholder,
-      placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
-      disabled = _ref.disabled,
-      onLableChange = _ref.onLableChange;
-
+    allowClear = _ref.allowClear,
+    onPressEnter = _ref.onPressEnter,
+    customizePrefixCls = _ref.prefixCls,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
+    disabled = _ref.disabled,
+    onLableChange = _ref.onLableChange;
   var _useState = useState(label || []),
-      _useState2 = _slicedToArray(_useState, 2),
-      labelList = _useState2[0],
-      setLabelList = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    labelList = _useState2[0],
+    setLabelList = _useState2[1];
   var _useState3 = useState(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      inputValue = _useState4[0],
-      setInputValue = _useState4[1]; // const inputRef = createRef<any>();
-
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    inputValue = _useState4[0],
+    setInputValue = _useState4[1];
+  // const inputRef = createRef<any>();
   var inputEl = useRef(null);
   var acudInputEl = useRef(null);
-
   var _useState5 = useState('#D4D6D9'),
-      _useState6 = _slicedToArray(_useState5, 2),
-      clearIconColor = _useState6[0],
-      setClearIconColor = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    clearIconColor = _useState6[0],
+    setClearIconColor = _useState6[1];
   var handleClearLabel = function handleClearLabel(index) {
     if (disabled) {
       return;
     }
-
     labelList.splice(index, 1);
     setLabelList(_toConsumableArray(labelList));
-
     if (onLableChange) {
       onLableChange(_toConsumableArray(labelList));
     }
   };
-
   var handleClearAll = function handleClearAll() {
     setLabelList([]);
-
     if (onLableChange) {
       onLableChange([]);
     }
-
     if (inputEl.current) {
       inputEl.current.focus();
     }
   };
-
   var handleOnchange = function handleOnchange(e) {
     if (disabled) {
       return;
     }
-
     setInputValue(e.target.value);
   };
-
   var handleOnKeyDown = function handleOnKeyDown(e) {
     var _a;
-
     var value = (_a = inputEl.current) === null || _a === void 0 ? void 0 : _a.value;
-
     if (e.key === 'Enter') {
       if (onPressEnter) {
         onPressEnter(e);
       }
-
       value && setLabelList([].concat(_toConsumableArray(labelList), [value]));
       setInputValue('');
-
       if (onLableChange) {
         onLableChange([].concat(_toConsumableArray(labelList), [value]));
       }
     }
-
     if (e.key === 'Backspace' && !value) {
       var labels = _toConsumableArray(labelList);
-
       labels.pop();
       setLabelList(labels);
-
       if (onLableChange) {
         onLableChange(_toConsumableArray(labels));
       }
     }
   };
-
   var handleClick = function handleClick() {
     if (disabled) {
       return;
     }
-
     if (inputEl.current) {
       inputEl.current.focus();
     }
   };
-
   var handleMouseDown = function handleMouseDown(e) {
     e.preventDefault();
   };
-
   var handleInputBlur = function handleInputBlur() {
     acudInputEl.current.blur();
     setInputValue('');
   };
-
   var handleMouseUp = function handleMouseUp(e) {
     e.preventDefault();
   };
-
   var clickClear = function clickClear() {
     handleClearAll();
   };
-
   var hoverClear = function hoverClear() {
     setClearIconColor('#84868C');
   };
-
   var clearMouseLeave = function clearMouseLeave() {
     setClearIconColor('#D4D6D9');
   };
-
   var handleMouseDownClear = useCallback(function (e) {
     e.preventDefault();
   }, []);
-
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls;
-
+    getPrefixCls = _React$useContext.getPrefixCls;
   var prefixCls = getPrefixCls('input-label', customizePrefixCls);
   var inputBoxClassNames = classNames("".concat(prefixCls, "-input-box"), _defineProperty({}, "".concat(prefixCls, "-input-box-placeholder"), !labelList.length && placeholder));
-
   var renderLabel = function renderLabel() {
     return /*#__PURE__*/React.createElement("ul", {
       className: "".concat(prefixCls, "-wrapper"),
@@ -191,7 +158,6 @@ var Label = function Label(_ref) {
       color: clearIconColor
     })));
   };
-
   return /*#__PURE__*/React.createElement(Input, {
     label: renderLabel(),
     disabled: disabled,
@@ -200,5 +166,4 @@ var Label = function Label(_ref) {
     allowClear: !!labelList.length
   });
 };
-
 export default Label;

package/es/input/MultiSelectInput.js

@@ -1,24 +1,20 @@
 import React from 'react';
 import Select from '../select';
 import { ConfigContext } from '../config-provider';
-
 var MultiSelectInput = function MultiSelectInput(props) {
   var customizePrefixCls = props.prefixCls,
-      defaultValue = props.defaultValue,
-      _props$placeholder = props.placeholder,
-      placeholder = _props$placeholder === void 0 ? '请输入或点击进行选择' : _props$placeholder,
-      options = props.options,
-      style = props.style;
-
+    defaultValue = props.defaultValue,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? '请输入或点击进行选择' : _props$placeholder,
+    options = props.options,
+    style = props.style;
   var handleOnChange = function handleOnChange(e) {
     if (props.onChange) {
       props.onChange(e);
     }
   };
-
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls;
-
+    getPrefixCls = _React$useContext.getPrefixCls;
   var prefixCls = getPrefixCls('input-select', customizePrefixCls);
   return /*#__PURE__*/React.createElement(Select, {
     mode: "tags",
@@ -33,5 +29,4 @@ var MultiSelectInput = function MultiSelectInput(props) {
     dropdownClassName: "".concat(prefixCls, "-tags")
   }, options);
 };
-
 export default MultiSelectInput;