@kdcloudjs/kdesign 1.6.34 → 1.6.35

package/es/input/TextArea.js

@@ -4,20 +4,14 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _Number$MAX_SAFE_INTEGER from "@babel/runtime-corejs3/core-js-stable/number/max-safe-integer";
 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, { useContext, useState, useEffect, useCallback, useRef } from 'react';
 import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
@@ -27,105 +21,86 @@ import { BorderTypes, fixControlledValue } from './input';
 import calculateNodeHeight from './calculateNodeHeight';
 import { useResizeObserver, useMergedState } from '../_utils/hooks';
 import devWarning from '../_utils/devwarning';
-
 var InternalTextarea = function InternalTextarea(props, ref) {
   var thisTextareaRef = useRef();
   var textareaRef = ref || thisTextareaRef;
-
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var textAreaProps = getCompProps('TextArea', userDefaultProps, props); // 按钮属性需要合并一遍用户定义的默认属性
-
   var _useState = useState({}),
-      _useState2 = _slicedToArray(_useState, 2),
-      textareaStyles = _useState2[0],
-      setTextareaStyles = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    textareaStyles = _useState2[0],
+    setTextareaStyles = _useState2[1];
   var propsValue = textAreaProps.value,
-      allowClear = textAreaProps.allowClear,
-      borderType = textAreaProps.borderType,
-      defaultValue = textAreaProps.defaultValue,
-      count = textAreaProps.count,
-      countPosition = textAreaProps.countPosition,
-      autoSize = textAreaProps.autoSize,
-      className = textAreaProps.className,
-      customPrefixcls = textAreaProps.prefixCls,
-      canResize = textAreaProps.canResize,
-      maxLength = textAreaProps.maxLength,
-      disabled = textAreaProps.disabled,
-      onBlur = textAreaProps.onBlur,
-      onFocus = textAreaProps.onFocus,
-      onChange = textAreaProps.onChange,
-      placeholder = textAreaProps.placeholder,
-      style = textAreaProps.style,
-      size = textAreaProps.size,
-      others = __rest(textAreaProps, ["value", "allowClear", "borderType", "defaultValue", "count", "countPosition", "autoSize", "className", "prefixCls", "canResize", "maxLength", "disabled", "onBlur", "onFocus", "onChange", "placeholder", "style", "size"]);
-
+    allowClear = textAreaProps.allowClear,
+    borderType = textAreaProps.borderType,
+    defaultValue = textAreaProps.defaultValue,
+    count = textAreaProps.count,
+    countPosition = textAreaProps.countPosition,
+    autoSize = textAreaProps.autoSize,
+    className = textAreaProps.className,
+    customPrefixcls = textAreaProps.prefixCls,
+    canResize = textAreaProps.canResize,
+    maxLength = textAreaProps.maxLength,
+    disabled = textAreaProps.disabled,
+    onBlur = textAreaProps.onBlur,
+    onFocus = textAreaProps.onFocus,
+    onChange = textAreaProps.onChange,
+    placeholder = textAreaProps.placeholder,
+    style = textAreaProps.style,
+    size = textAreaProps.size,
+    others = __rest(textAreaProps, ["value", "allowClear", "borderType", "defaultValue", "count", "countPosition", "autoSize", "className", "prefixCls", "canResize", "maxLength", "disabled", "onBlur", "onFocus", "onChange", "placeholder", "style", "size"]);
   var textAreaPrefixCls = getPrefixCls(prefixCls, 'input', customPrefixcls); // TextArea样式前缀
-
   devWarning(BorderTypes.indexOf(borderType) === -1, 'textarea', "cannot found textarea borderType '".concat(borderType, "'"));
-
   var _useMergedState = useMergedState('', {
-    value: propsValue,
-    defaultValue: defaultValue
-  }),
-      _useMergedState2 = _slicedToArray(_useMergedState, 2),
-      value = _useMergedState2[0],
-      setValue = _useMergedState2[1];
-
+      value: propsValue,
+      defaultValue: defaultValue
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    value = _useMergedState2[0],
+    setValue = _useMergedState2[1];
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      focused = _useState4[0],
-      setFocused = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    focused = _useState4[0],
+    setFocused = _useState4[1];
   var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      showNumberMark = _useState6[0],
-      setShowNumberMark = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    showNumberMark = _useState6[0],
+    setShowNumberMark = _useState6[1];
   var resizeTextarea = useCallback(function () {
     if (!autoSize || !textareaRef.current) {
       return;
     }
-
     var minRows = autoSize.minRows,
-        maxRows = autoSize.maxRows;
+      maxRows = autoSize.maxRows;
     var textareaStyles = calculateNodeHeight(textareaRef.current, minRows, maxRows);
-
     if (style) {
       var height = style.height || _Number$MAX_SAFE_INTEGER;
       var maxHeight = style.maxHeight || _Number$MAX_SAFE_INTEGER;
-
       if (Math.min(height, maxHeight) > textareaStyles.height) {
         textareaStyles.overflowY = 'hidden';
       } else {
         textareaStyles.overflowY = '';
       }
     }
-
     setTextareaStyles(textareaStyles);
   }, [autoSize, textareaRef, style]);
   useResizeObserver(textareaRef.current, resizeTextarea);
-
   var handleChange = function handleChange(e) {
     if (value === undefined) return;
     setValue(e.target.value);
     onChange && onChange(e);
   };
-
   var handleFocus = function handleFocus(e) {
     setFocused(true);
     onFocus && onFocus(e);
   };
-
   var handleBlur = function handleBlur(e) {
     setFocused(false);
     onBlur && onBlur(e);
   };
-
   var handleReset = function handleReset() {
     setValue('');
     var event = {
@@ -133,33 +108,26 @@ var InternalTextarea = function InternalTextarea(props, ref) {
         value: ''
       }
     };
-
     if (textareaRef.current) {
       textareaRef.current.value = '';
       textareaRef.current.focus();
       event.target = textareaRef.current;
     }
-
     onChange && onChange(event);
   };
-
   var renderNumberMark = function renderNumberMark() {
     var enteredLength = value ? value.length : 0;
-
     if (enteredLength >= maxLength) {
       enteredLength = maxLength;
     }
-
     if (count && showNumberMark && !disabled && maxLength !== '' && maxLength >= 0) {
       var countClass = classNames("".concat(textAreaPrefixCls, "-textarea-mark"), _defineProperty({}, "".concat(textAreaPrefixCls, "-textarea-mark-inner"), countPosition === 'inner'));
       return /*#__PURE__*/React.createElement("div", {
         className: countClass
       }, enteredLength, "/", maxLength);
     }
-
     return null;
   };
-
   useEffect(function () {
     resizeTextarea();
   }, [value, resizeTextarea]);
@@ -172,26 +140,21 @@ var InternalTextarea = function InternalTextarea(props, ref) {
     if (focused && !showNumberMark) {
       setShowNumberMark(true);
     }
-
     if (!focused && showNumberMark) {
       setShowNumberMark(false);
     }
   }, [focused]);
-
   var renderTextArea = function renderTextArea(prefixCls) {
     var _context, _classNames2, _context2;
-
     var hadCount = count && !disabled && !allowClear;
-
     var _a = style || {},
-        width = _a.width,
-        margin = _a.margin,
-        marginLeft = _a.marginLeft,
-        marginRight = _a.marginRight,
-        marginTop = _a.marginTop,
-        marginBottom = _a.marginBottom,
-        otherStyles = __rest(_a, ["width", "margin", "marginLeft", "marginRight", "marginTop", "marginBottom"]);
-
+      width = _a.width,
+      margin = _a.margin,
+      marginLeft = _a.marginLeft,
+      marginRight = _a.marginRight,
+      marginTop = _a.marginTop,
+      marginBottom = _a.marginBottom,
+      otherStyles = __rest(_a, ["width", "margin", "marginLeft", "marginRight", "marginTop", "marginBottom"]);
     var wrapperStyle = style ? {
       width: width,
       margin: margin,
@@ -200,13 +163,11 @@ var InternalTextarea = function InternalTextarea(props, ref) {
       marginTop: marginTop,
       marginBottom: marginBottom
     } : {};
-
     for (var key in wrapperStyle) {
       if (wrapperStyle[key] === undefined) {
         delete wrapperStyle[key];
       }
     }
-
     var textarea = /*#__PURE__*/React.createElement("textarea", _extends({
       ref: textareaRef,
       disabled: disabled,
@@ -224,7 +185,6 @@ var InternalTextarea = function InternalTextarea(props, ref) {
       className: _concatInstanceProperty(_context2 = "".concat(prefixCls, "-countWrapper ")).call(_context2, className && !allowClear ? className : '')
     }, textarea, renderNumberMark()) : textarea;
   };
-
   return /*#__PURE__*/React.createElement(ClearableInput, _extends({}, textAreaProps, {
     handleReset: handleReset,
     value: value,
@@ -234,7 +194,6 @@ var InternalTextarea = function InternalTextarea(props, ref) {
     numberMark: renderNumberMark()
   }));
 };
-
 var TextArea = /*#__PURE__*/React.forwardRef(InternalTextarea);
 TextArea.displayName = 'TextArea';
 export default TextArea;

package/es/input/calculateNodeHeight.js

@@ -11,13 +11,10 @@ export function calculateNodeStyling(node) {
   var boxSizing = style.getPropertyValue('box-sizing') || style.getPropertyValue('-moz-box-sizing') || style.getPropertyValue('-webkit-box-sizing');
   var paddingSize = parseFloat(new Big(parseFloat(style.getPropertyValue('padding-bottom')) || 0).plus(parseFloat(style.getPropertyValue('padding-top')) || 0).valueOf());
   var borderSize = parseFloat(new Big(parseFloat(style.getPropertyValue('border-bottom-width')) || 0).plus(parseFloat(style.getPropertyValue('border-top-width')) || 0).valueOf());
-
   var sizingStyle = _mapInstanceProperty(SIZING_STYLE).call(SIZING_STYLE, function (name) {
     var _context;
-
     return _concatInstanceProperty(_context = "".concat(name, ":")).call(_context, style.getPropertyValue(name));
   }).join(';');
-
   var nodeInfo = {
     sizingStyle: sizingStyle,
     paddingSize: paddingSize,
@@ -28,35 +25,29 @@ export function calculateNodeStyling(node) {
 }
 export default function calculateNodeHeight(uiTextNode) {
   var _context2;
-
   var minRows = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   var maxRows = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-
   if (!hiddenTextarea) {
     hiddenTextarea = document.createElement('textarea');
     hiddenTextarea.setAttribute('tab-index', '-1');
     hiddenTextarea.setAttribute('aria-hidden', 'true');
     document.body.appendChild(hiddenTextarea);
   }
-
   if (uiTextNode.getAttribute('wrap')) {
     hiddenTextarea.setAttribute('wrap', uiTextNode.getAttribute('wrap'));
   } else {
     hiddenTextarea.removeAttribute('wrap');
   }
-
   var _calculateNodeStyling = calculateNodeStyling(uiTextNode),
-      paddingSize = _calculateNodeStyling.paddingSize,
-      borderSize = _calculateNodeStyling.borderSize,
-      boxSizing = _calculateNodeStyling.boxSizing,
-      sizingStyle = _calculateNodeStyling.sizingStyle;
-
+    paddingSize = _calculateNodeStyling.paddingSize,
+    borderSize = _calculateNodeStyling.borderSize,
+    boxSizing = _calculateNodeStyling.boxSizing,
+    sizingStyle = _calculateNodeStyling.sizingStyle;
   hiddenTextarea.setAttribute('style', _concatInstanceProperty(_context2 = "".concat(sizingStyle, ";")).call(_context2, HIDDEN_TEXTAREA_STYLE));
   hiddenTextarea.value = uiTextNode.value || uiTextNode.placeholder || '';
   var minHeight = _Number$MIN_SAFE_INTEGER;
   var maxHeight = _Number$MAX_SAFE_INTEGER;
   var height = parseFloat(new Big(hiddenTextarea.scrollHeight).valueOf());
-
   if (boxSizing === 'border-box') {
     height = parseFloat(new Big(height).plus(borderSize).valueOf()); // height += borderSize
   } else if (boxSizing === 'content-box') {
@@ -66,10 +57,8 @@ export default function calculateNodeHeight(uiTextNode) {
   if (minRows !== null || maxRows !== null) {
     hiddenTextarea.value = ' ';
     var bigSingleRowHeight = new Big(hiddenTextarea.scrollHeight).minus(paddingSize);
-
     if (minRows !== null) {
       minHeight = parseFloat(bigSingleRowHeight.times(minRows).valueOf());
-
       if (boxSizing === 'border-box') {
         minHeight = parseFloat(new Big(minHeight).plus(paddingSize).plus(borderSize).valueOf()); // minHeight + paddingSize + borderSize
       }
@@ -79,7 +68,6 @@ export default function calculateNodeHeight(uiTextNode) {
 
     if (maxRows !== null) {
       maxHeight = parseFloat(bigSingleRowHeight.times(maxRows).valueOf());
-
       if (boxSizing === 'border-box') {
         maxHeight = parseFloat(new Big(maxHeight).plus(paddingSize).plus(borderSize).valueOf()); // maxHeight + paddingSize + borderSize
       }

package/es/input/index.js

@@ -1,6 +1,6 @@
 import Input from './input';
 import TextArea from './TextArea';
-export { InputSiteTypes, BorderTypes } from './input'; // export { TextAreaProps } from './TextArea'
-
+export { InputSiteTypes, BorderTypes } from './input';
+// export { TextAreaProps } from './TextArea'
 export { TextArea };
 export default Input;

package/es/input/input.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, { useContext, useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
@@ -31,81 +25,66 @@ export function fixControlledValue(value) {
   if (typeof value === 'undefined' || value === null) {
     return '';
   }
-
   return value;
 }
-
 var InternalInput = function InternalInput(props, ref) {
   var _context, _classNames;
-
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var inputProps = getCompProps('Input', userDefaultProps, props);
-
   var type = inputProps.type,
-      size = inputProps.size,
-      disabled = inputProps.disabled,
-      onPressEnter = inputProps.onPressEnter,
-      borderType = inputProps.borderType,
-      customPrefixcls = inputProps.prefixCls,
-      onFocus = inputProps.onFocus,
-      onBlur = inputProps.onBlur,
-      onChange = inputProps.onChange,
-      placeholderTobeValue = inputProps.placeholderTobeValue,
-      defaultValue = inputProps.defaultValue,
-      propsValue = inputProps.value,
-      className = inputProps.className,
-      maxLength = inputProps.maxLength,
-      count = inputProps.count,
-      others = __rest(inputProps, ["type", "size", "disabled", "onPressEnter", "borderType", "prefixCls", "onFocus", "onBlur", "onChange", "placeholderTobeValue", "defaultValue", "value", "className", "maxLength", "count"]);
-
+    size = inputProps.size,
+    disabled = inputProps.disabled,
+    onPressEnter = inputProps.onPressEnter,
+    borderType = inputProps.borderType,
+    customPrefixcls = inputProps.prefixCls,
+    onFocus = inputProps.onFocus,
+    onBlur = inputProps.onBlur,
+    onChange = inputProps.onChange,
+    placeholderTobeValue = inputProps.placeholderTobeValue,
+    defaultValue = inputProps.defaultValue,
+    propsValue = inputProps.value,
+    className = inputProps.className,
+    maxLength = inputProps.maxLength,
+    count = inputProps.count,
+    others = __rest(inputProps, ["type", "size", "disabled", "onPressEnter", "borderType", "prefixCls", "onFocus", "onBlur", "onChange", "placeholderTobeValue", "defaultValue", "value", "className", "maxLength", "count"]);
   devWarning(InputSiteTypes.indexOf(size) === -1, 'input', "cannot found input size '".concat(size, "'"));
   devWarning(BorderTypes.indexOf(borderType) === -1, 'input', "cannot found input borderType '".concat(borderType, "'"));
-
   var _useMergedState = useMergedState('', {
-    value: propsValue,
-    defaultValue: defaultValue
-  }),
-      _useMergedState2 = _slicedToArray(_useMergedState, 2),
-      value = _useMergedState2[0],
-      setValue = _useMergedState2[1];
-
+      value: propsValue,
+      defaultValue: defaultValue
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    value = _useMergedState2[0],
+    setValue = _useMergedState2[1];
   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 _useState3 = useState(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      showNumberMark = _useState4[0],
-      setShowNumberMark = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    showNumberMark = _useState4[0],
+    setShowNumberMark = _useState4[1];
   var thisInputRef = useRef();
   var inputRef = ref || thisInputRef;
   var inputPrefixCls = getPrefixCls(prefixCls, 'input', customPrefixcls); // 按钮样式前缀
-
   var addonBefore = others.addonBefore,
-      addonAfter = others.addonAfter;
+    addonAfter = others.addonAfter;
   var inputClasses = classNames(inputPrefixCls, (_classNames = {}, _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(inputPrefixCls, "-size-")).call(_context, size), size), _defineProperty(_classNames, "".concat(inputPrefixCls, "-borderless"), borderType === 'none'), _defineProperty(_classNames, "".concat(inputPrefixCls, "-underline"), borderType === 'underline'), _defineProperty(_classNames, "".concat(inputPrefixCls, "-disabled"), disabled), _classNames), _defineProperty({}, className, className && !hasPrefixSuffix(inputProps) && !addonBefore && !addonAfter));
-
   var handleFocus = function handleFocus(event) {
     setFocused(true);
     onFocus && onFocus(event);
   };
-
   var handleBlur = function handleBlur(event) {
     setFocused(false);
     onBlur && onBlur(event);
   };
-
   var handleChange = function handleChange(event) {
     propsValue === undefined && setValue(event.target.value);
     onChange && onChange(event);
   };
-
   var handleReset = function handleReset() {
     setValue('');
     var event = {
@@ -113,40 +92,31 @@ var InternalInput = function InternalInput(props, ref) {
         value: ''
       }
     };
-
     if (inputRef.current) {
       inputRef.current.value = '';
       inputRef.current.focus();
       event.target = inputRef.current;
     }
-
     onChange && onChange(event);
   };
-
   var handleKeyUp = function handleKeyUp(event) {
     if (onPressEnter && event.key === 'Enter') {
       var newValue = placeholderTobeValue && !value && !defaultValue ? inputProps.placeholder : value || defaultValue;
       onPressEnter && onPressEnter(newValue || '', event);
     }
-
     inputProps.onKeyUp && inputProps.onKeyUp(event);
   };
-
   var inputDomProps = _extends({}, others);
-
   delete inputDomProps.allowClear;
   delete inputDomProps.suffix;
   delete inputDomProps.addonAfter;
   delete inputDomProps.addonBefore;
   delete inputDomProps.className;
-
   var renderCount = function renderCount() {
     var enteredLength = value ? value.length : 0;
-
     if (maxLength !== undefined && enteredLength >= maxLength) {
       enteredLength = maxLength;
     }
-
     if (count && showNumberMark && !disabled) {
       return /*#__PURE__*/React.createElement("div", {
         className: classNames("".concat(inputPrefixCls, "-input-mark-inner")),
@@ -156,10 +126,8 @@ var InternalInput = function InternalInput(props, ref) {
         }
       }, enteredLength, maxLength !== undefined ? "/".concat(maxLength) : null);
     }
-
     return null;
   };
-
   var renderInput = function renderInput() {
     return /*#__PURE__*/React.createElement("input", _extends({
       ref: inputRef,
@@ -175,12 +143,10 @@ var InternalInput = function InternalInput(props, ref) {
       onKeyUp: handleKeyUp
     }));
   };
-
   useEffect(function () {
     if (focused && !showNumberMark) {
       setShowNumberMark(true);
     }
-
     if (!focused && showNumberMark) {
       setShowNumberMark(false);
     }
@@ -196,7 +162,6 @@ var InternalInput = function InternalInput(props, ref) {
     inputCount: renderCount()
   }));
 };
-
 var Input = /*#__PURE__*/React.forwardRef(InternalInput);
 Input.displayName = 'Input';
 export default Input;