@kdcloudjs/kdesign 1.6.27 → 1.6.28

package/es/input/style/index.less

@@ -15,20 +15,25 @@ textarea {
   overflow: auto;
   resize: vertical;
 }
+
 .@{input-prefix-cls} {
   .input(@input-prefix-cls);
+
   transition: border-color @transition-duration-inner;
+
   &-countWrapper {
     position: relative;
     display: inline-block;
     width: 100%;
   }
+
   &-textarea {
     .input(@input-prefix-cls);
     transition: border-color @transition-duration-inner;
     max-width: 100%;
     height: auto;
     vertical-align: bottom;
+
     &-mark {
       position: absolute;
       right: 0;
@@ -39,48 +44,59 @@ textarea {
       line-height: 18px;
       background-color: #fff;
     }
+
     &-mark-inner {
       top: auto;
       bottom: 5px;
       right: 8px;
     }
   }
+
   &-no-resize {
     resize: none;
   }
+
   &-borderless {
     border: 0;
     padding-left: 0 !important;
+
     &:focus {
       border: 0;
     }
   }
+
   &-underline {
     border: none;
     border-bottom: 1px solid @input-color-border;
     border-radius: 0;
     padding-left: 0 !important;
   }
+
   &-disabled {
     background-color: @input-background-color-disabled-inner;
     border-color: @input-border-color-disabled-inner;
     color: @input-affix-color;
     cursor: not-allowed;
   }
+
   &-underline&-disabled {
     color: @input-color-disabled-inner;
     background-color: @input-background-color-inner;
     border-color: @input-underline-border-color-disabled-inner;
   }
+
   &-size-small {
     .input-size(@input-small-height-inner, @input-small-font-size-inner, @input-small-padding-vertical-inner, @input-small-padding-horizontal-inner);
   }
+
   &-size-middle {
     .input-size(@input-middle-height-inner, @input-middle-font-size-inner, @input-small-padding-vertical-inner, @input-small-padding-horizontal-inner);
   }
+
   &-size-large {
     .input-size(@input-large-height-inner, @input-large-font-size-inner, @input-small-padding-vertical-inner, @input-small-padding-horizontal-inner);
   }
+
   &-wrapper {
     padding-left: @input-wrapper-padding-left !important;
     .input(@wrapper-prefix-cls);
@@ -90,11 +106,13 @@ textarea {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
     overflow: hidden;
+
     .@{input-prefix-cls} {
       border: none;
       padding-left: @input-padding-left;
       padding-right: 0;
       height: 100%;
+
       &-suffix,
       &-prefix {
         display: flex;
@@ -104,25 +122,32 @@ textarea {
         word-break: keep-all;
         color: @input-affix-color;
       }
+
       &-suffix {
         margin-left: 4px;
       }
+
       &-prefix {
         margin-right: 4px;
       }
     }
+
     &-size-small {
       .input-size(@input-small-height-inner, @input-small-font-size-inner, @input-small-padding-vertical-inner, @input-small-padding-horizontal-inner);
     }
+
     &-size-middle {
       .input-size(@input-middle-height-inner, @input-middle-font-size-inner, @input-small-padding-vertical-inner, @input-middle-padding-horizontal-inner);
     }
+
     &-size-large {
       .input-size(@input-large-height-inner, @input-large-font-size-inner, @input-small-padding-vertical-inner, @input-large-padding-horizontal-inner);
     }
+
     &-borderless {
       .border-less;
     }
+
     &-underline {
       .underline;
     }
@@ -142,12 +167,14 @@ textarea {
       }
     }
   }
+
   &-wrapper-textarea {
     .input(@input-prefix-cls);
     border: none !important;
     padding: 0 !important;
     position: relative;
     display: inline-block;
+
     .@{input-prefix-cls} {
       &-textarea-clear-icon {
         position: absolute;
@@ -157,13 +184,16 @@ textarea {
       }
     }
   }
+
   &-clear-icon,
   &-textarea-clear-icon {
     .input-clear-icon;
   }
+
   &-clear-icon-hidden {
     visibility: hidden;
   }
+
   &-clear-icon-rightSpace {
     margin-right: 4px;
   }
@@ -173,6 +203,7 @@ textarea {
     width: 100%;
     text-align: start;
     vertical-align: top;
+
     .@{input-prefix-cls} {
       &-group {
         box-sizing: border-box;
@@ -189,19 +220,23 @@ textarea {
         width: 100%;
         border-collapse: separate;
         border-spacing: 0;
+
         & > .@{input-prefix-cls}-wrapper {
           &:not(:first-child):not(:last-child) {
             border-radius: 0;
           }
+
           &:first-child:not(:last-child) {
             border-top-right-radius: 0;
             border-bottom-right-radius: 0;
           }
+
           &:not(:first-child):last-child {
             border-top-left-radius: 0;
             border-bottom-left-radius: 0;
           }
         }
+
         .@{input-prefix-cls}-group-addon {
           position: relative;
           color: @input-affix-color;
@@ -216,11 +251,13 @@ textarea {
           display: flex;
           align-items: center;
           height: @input-middle-height-inner;
+
           &:first-child {
             border-top-right-radius: 0;
             border-bottom-right-radius: 0;
             border-right: none;
           }
+
           &:last-child {
             border-top-left-radius: 0;
             border-bottom-left-radius: 0;
@@ -230,9 +267,11 @@ textarea {
           &-borderless {
             .border-less;
           }
+
           &-underline {
             .underline;
           }
+
           &-disabled {
             background-color: @input-background-color-disabled-inner;
             border-color: @input-border-color-disabled-inner;
@@ -241,16 +280,19 @@ textarea {
           }
         }
       }
+
       &-group-size-small {
         .@{input-prefix-cls}-group-addon {
           height: @input-small-height-inner;
         }
       }
+
       &-group-middle-small {
         .@{input-prefix-cls}-group-addon {
           height: @input-middle-height-inner;
         }
       }
+
       &-group-large-small {
         .@{input-prefix-cls}-group-addon {
           height: @input-large-height-inner;
@@ -258,7 +300,12 @@ textarea {
       }
     }
   }
+
   &-allowClear-spacing {
     padding-right: 20px;
   }
+
+  &-input-mark-inner {
+    color: @input-placeholder-color-inner;
+  }
 }

package/es/input-number/inputNumber.d.ts

@@ -22,6 +22,7 @@ export interface InputNumberProps extends InputProps {
     stepOption?: StepOption;
     stepperrref?: any;
     formatter?: (value: string | undefined) => string;
+    numberMode?: boolean;
 }
 declare const InputNumber: React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<unknown>>;
 export default InputNumber;

package/es/input-number/inputNumber.js

@@ -53,15 +53,16 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
       minMark = inputNumberProps.minMark,
       max = inputNumberProps.max,
       maxMark = inputNumberProps.maxMark,
+      numberMode = inputNumberProps.numberMode,
       prefix = inputNumberProps.prefix,
       suffix = inputNumberProps.suffix,
       formatter = inputNumberProps.formatter,
       className = inputNumberProps.className,
-      others = __rest(inputNumberProps, ["value", "defaultValue", "mustInScope", "decimalLength", "mustInPrecisionScope", "digitLength", "onChange", "symbol", "zeroShow", "showDecimalTailZero", "code", "roundMethod", "mask", "stepOption", "min", "minMark", "max", "maxMark", "prefix", "suffix", "formatter", "className"]);
+      others = __rest(inputNumberProps, ["value", "defaultValue", "mustInScope", "decimalLength", "mustInPrecisionScope", "digitLength", "onChange", "symbol", "zeroShow", "showDecimalTailZero", "code", "roundMethod", "mask", "stepOption", "min", "minMark", "max", "maxMark", "numberMode", "prefix", "suffix", "formatter", "className"]);
 
   var initVal = value === undefined ? defaultValue : value;
 
-  var _useState = useState(serialization(initVal || '')),
+  var _useState = useState(serialization(initVal !== undefined ? initVal + '' : '')),
       _useState2 = _slicedToArray(_useState, 2),
       inputValue = _useState2[0],
       setInputValue = _useState2[1];
@@ -129,7 +130,7 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
     }
 
     value === undefined && setInputValue(legalNumber);
-    onChange && onChange(handleEventAttachValue(event, legalNumber));
+    onChange && onChange(handleEventAttachValue(event, numberMode ? Number(legalNumber) : legalNumber));
   };
 
   var handleFocus = function handleFocus(event) {

package/es/radio/index.js

@@ -3,6 +3,7 @@ import Group from './group';
 import Button from './radio-button';
 var Radio = InternalRadio;
 Radio.Group = Group;
+Radio.Group.displayName = 'RadioGroup';
 Radio.Button = Button;
 export { Group, Button };
 export default Radio;

package/es/select/select.js

@@ -411,26 +411,28 @@ var InternalSelect = function InternalSelect(props, ref) {
         selectedVal = _multipleRef$current3.selectedVal,
         selectMulOpts = _multipleRef$current3.selectMulOpts;
 
-    if ((filledOptions === null || filledOptions === void 0 ? void 0 : filledOptions.length) !== selectedVal.length) {
-      _mapInstanceProperty(filledOptions).call(filledOptions, function (child) {
-        var _ref = child.props || child,
-            value = _ref.value;
-
-        if (!_includesInstanceProperty(selectedVal).call(selectedVal, value)) {
-          selectedVal.push(value);
-          selectMulOpts.push({
-            value: value,
-            label: getOptionLabel(child)
-          });
-        }
-      });
+    if (!('value' in selectProps)) {
+      if ((filledOptions === null || filledOptions === void 0 ? void 0 : filledOptions.length) !== selectedVal.length) {
+        _mapInstanceProperty(filledOptions).call(filledOptions, function (child) {
+          var _ref = child.props || child,
+              value = _ref.value;
+
+          if (!_includesInstanceProperty(selectedVal).call(selectedVal, value)) {
+            selectedVal.push(value);
+            selectMulOpts.push({
+              value: value,
+              label: getOptionLabel(child)
+            });
+          }
+        });
 
-      setMulOptions(_toConsumableArray(selectMulOpts));
-      setSearchValue('');
-    } else {
-      multipleRef.current.selectedVal = selectedVal = [];
-      multipleRef.current.selectMulOpts = selectMulOpts = [];
-      setMulOptions([]);
+        setMulOptions(_toConsumableArray(selectMulOpts));
+        setSearchValue('');
+      } else {
+        multipleRef.current.selectedVal = selectedVal = [];
+        multipleRef.current.selectMulOpts = selectMulOpts = [];
+        setMulOptions([]);
+      }
     }
 
     onChange && onChange(labelInValue ? selectMulOpts : selectedVal, selectMulOpts);
@@ -462,6 +464,7 @@ var InternalSelect = function InternalSelect(props, ref) {
     }
 
     onClear && onClear('');
+    setSearchValue('');
     onChange && onChange(isMultiple ? '' : undefined);
   }; // 多选模式下清除某一项
 
@@ -490,7 +493,7 @@ var InternalSelect = function InternalSelect(props, ref) {
     var selectedVal = multipleRef.current.selectedVal; // 选择器下拉icon样式
 
     var arrowIconCls = classNames((_classNames7 = {}, _defineProperty(_classNames7, "".concat(selectPrefixCls, "-icon-arrow"), true), _defineProperty(_classNames7, "".concat(selectPrefixCls, "-icon-arrow-up"), optionShow), _defineProperty(_classNames7, "".concat(selectPrefixCls, "-icon-arrow-down"), !optionShow), _defineProperty(_classNames7, "".concat(selectPrefixCls, "-icon-arrow-focus"), optionShow), _classNames7));
-    var iconShow = allowClear && !disabled && (isMultiple ? mulOptions.length > 0 : (selectedVal !== null && selectedVal !== void 0 ? selectedVal : '') !== '');
+    var iconShow = allowClear && !disabled && ((isMultiple ? mulOptions.length > 0 : (selectedVal !== null && selectedVal !== void 0 ? selectedVal : '') !== '') || searchValue);
     var clearIconCls = classNames(_defineProperty({}, "".concat(selectPrefixCls, "-icon-clear"), true));
     return /*#__PURE__*/React.createElement(React.Fragment, null, iconShow && /*#__PURE__*/React.createElement("span", {
       onClick: handleReset,

package/es/upload/interface.d.ts

@@ -145,6 +145,7 @@ export interface IFileItem {
     file: UploadFile;
     prefixCls: string;
     listType: string;
+    disabled: boolean;
     handleReUpload: (file: UploadFile, e: React.MouseEvent) => void;
     handleRemove: (file: UploadFile, e: React.MouseEvent) => void;
 }

package/es/upload/upload.js

@@ -149,7 +149,9 @@ var InternalUpload = function InternalUpload(props, ref) {
     var _context2;
 
     files.forEach(function (file) {
-      file.originFileObj = new File([file], file.type);
+      file.originFileObj = new File([file], file.name, {
+        type: file.type
+      });
       file.uid = getUid();
       file.status = 'notStart';
       file.fileName = allProps.name || file.name;
@@ -460,7 +462,8 @@ var InternalUpload = function InternalUpload(props, ref) {
       prefixCls: prefixCls,
       listType: listType,
       handleReUpload: handleReUpload,
-      handleRemove: handleRemove
+      handleRemove: handleRemove,
+      disabled: disabled
     })), file, setFileList) : /*#__PURE__*/React.createElement(Item, _extends({
       key: file.uid
     }, {
@@ -468,7 +471,8 @@ var InternalUpload = function InternalUpload(props, ref) {
       prefixCls: prefixCls,
       listType: listType,
       handleReUpload: handleReUpload,
-      handleRemove: handleRemove
+      handleRemove: handleRemove,
+      disabled: disabled
     }));
   })));
 };
@@ -480,7 +484,8 @@ var Item = function Item(_ref3) {
       prefixCls = _ref3.prefixCls,
       listType = _ref3.listType,
       handleReUpload = _ref3.handleReUpload,
-      handleRemove = _ref3.handleRemove;
+      handleRemove = _ref3.handleRemove,
+      disabled = _ref3.disabled;
   var mapStatus = {
     uploading: 'loadding',
     error: 'warning-solid',
@@ -508,7 +513,7 @@ var Item = function Item(_ref3) {
     href: "true",
     className: _concatInstanceProperty(_context13 = "".concat(prefixCls, "-")).call(_context13, listType, "-list-item-reupload"),
     onClick: handleReUpload.bind(_this, file)
-  }, "\u91CD\u65B0\u4E0A\u4F20"), /*#__PURE__*/React.createElement("a", {
+  }, "\u91CD\u65B0\u4E0A\u4F20"), !disabled && /*#__PURE__*/React.createElement("a", {
     href: "true",
     className: _concatInstanceProperty(_context14 = "".concat(prefixCls, "-")).call(_context14, listType, "-list-item-delete"),
     onClick: handleRemove.bind(_this, file)
@@ -527,7 +532,7 @@ var Item = function Item(_ref3) {
     style: {
       verticalAlign: 'top'
     }
-  }), "\u4E0A\u4F20\u5931\u8D25"), /*#__PURE__*/React.createElement("div", {
+  }), "\u4E0A\u4F20\u5931\u8D25"), !disabled && /*#__PURE__*/React.createElement("div", {
     className: _concatInstanceProperty(_context18 = "".concat(prefixCls, "-")).call(_context18, listType, "-list-item-action")
   }, /*#__PURE__*/React.createElement("a", {
     href: "true",

package/lib/_utils/numberUtil.js

@@ -167,9 +167,7 @@ function getMaxNumberByPrecision(integerPrecision, decimalPrecision) {
 
 
 function isExp(number) {
-  number = Number(number);
-  if (isNaN(number) || !isFinite(number)) return false;
-  return /^(?!-0(\.0+)?(e|$))-?(0|[1-9]\d*)(\.\d+)?(e-?(0|[1-9]\d*))?$/i.test(number.toString());
+  return /\d+\.?\d*e[+-]*\d+/i.test(number.toString());
 }
 /**
  * 将科学计数法显示的数字格式化为正常浮点数

package/lib/config-provider/compDefaultProps.d.ts

@@ -155,6 +155,7 @@ declare const compDefaultProps: {
         mask: string;
         mustInScope: boolean;
         mustInPrecisionScope: boolean;
+        numberMode: boolean;
     };
     Layout: {};
     Modal: {

package/lib/config-provider/compDefaultProps.js

@@ -178,7 +178,8 @@ var compDefaultProps = {
     showDecimalTailZero: false,
     mask: '',
     mustInScope: false,
-    mustInPrecisionScope: true
+    mustInPrecisionScope: true,
+    numberMode: false
   },
   Layout: {},
   Modal: {

package/lib/date-picker/date-picker.js

@@ -189,17 +189,18 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
   var _format = (0, _utils2.getDefaultFormat)(format, picker, showTime && !disabledTimePanel, use12Hours); // 面板展示日期
 
 
-  var _useMergedState3 = (0, _hooks.useMergedState)(null, {
-    // value: pickerValue,
-    defaultValue: defaultPickerValue || dateValue,
-    postState: function postState(date) {
-      return date || (0, _dateFns.newDate)();
-    }
-  }),
-      _useMergedState4 = (0, _slicedToArray2.default)(_useMergedState3, 2),
-      viewDate = _useMergedState4[0],
-      setViewDate = _useMergedState4[1]; // text
+  var _useState = (0, _react.useState)(defaultPickerValue || dateValue || new Date()),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      viewDate = _useState2[0],
+      setInnerViewDate = _useState2[1];
 
+  var setViewDate = function setViewDate(date) {
+    setInnerViewDate(date || new Date());
+  };
+
+  (0, _react.useEffect)(function () {
+    setViewDate(dateValue);
+  }, [dateValue]); // text
 
   var valueText = (0, _useValueTexts.default)(selectedValue, {
     format: _format
@@ -239,7 +240,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
       onEnter = _useHoverValue2[1],
       onLeave = _useHoverValue2[2];
 
-  var _useMergedState5 = (0, _hooks.useMergedState)(false, {
+  var _useMergedState3 = (0, _hooks.useMergedState)(false, {
     value: open,
     defaultValue: defaultOpen,
     postState: function postState(postOpen) {
@@ -254,12 +255,12 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
 
     }
   }),
-      _useMergedState6 = (0, _slicedToArray2.default)(_useMergedState5, 2),
-      openValue = _useMergedState6[0],
-      triggerInnerOpen = _useMergedState6[1]; // Save panel is changed from which panel
+      _useMergedState4 = (0, _slicedToArray2.default)(_useMergedState3, 2),
+      openValue = _useMergedState4[0],
+      triggerInnerOpen = _useMergedState4[1]; // Save panel is changed from which panel
 
 
-  var _useMergedState7 = (0, _hooks.useMergedState)(function () {
+  var _useMergedState5 = (0, _hooks.useMergedState)(function () {
     if (picker === 'time') {
       return 'time';
     }
@@ -268,14 +269,14 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
   }, {
     value: mode
   }),
-      _useMergedState8 = (0, _slicedToArray2.default)(_useMergedState7, 2),
-      mergedMode = _useMergedState8[0],
-      setInnerMode = _useMergedState8[1];
+      _useMergedState6 = (0, _slicedToArray2.default)(_useMergedState5, 2),
+      mergedMode = _useMergedState6[0],
+      setInnerMode = _useMergedState6[1];
 
-  var _useState = (0, _react.useState)(undefined),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      innerPicker = _useState2[0],
-      setInnerPicker = _useState2[1];
+  var _useState3 = (0, _react.useState)(undefined),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      innerPicker = _useState4[0],
+      setInnerPicker = _useState4[1];
 
   (0, _react.useEffect)(function () {
     setInnerMode(picker);

package/lib/date-picker/range/input-range.js

@@ -137,12 +137,10 @@ function InputDate(props, ref) {
 
   if (allowClear && ((0, _utils.getValue)(dateValue, 0) && !mergedDisabled[0] || (0, _utils.getValue)(dateValue, 1) && !mergedDisabled[1])) {
     clearNode = /*#__PURE__*/_react.default.createElement("span", {
-      onMouseDown: function onMouseDown(e) {
-        e.preventDefault();
+      onMouseUp: function onMouseUp(e) {
         e.stopPropagation();
       },
-      onMouseUp: function onMouseUp(e) {
-        e.preventDefault();
+      onClick: function onClick(e) {
         e.stopPropagation();
         var values = dateValue;
 

package/lib/date-picker/range-picker.d.ts

@@ -18,6 +18,7 @@ export interface RangePickerSharedProps {
     separator?: React.ReactNode;
     allowEmpty?: [boolean, boolean];
     suffixIcon?: React.ReactNode;
+    clearIcon?: React.ReactNode;
     mode?: [PanelMode, PanelMode];
     onChange?: (values: RangeValue, formatString: [string | null, string | null]) => void;
     onCalendarChange?: (values: RangeValue, formatString: [string | null, string | null], info: RangeInfo) => void;

package/lib/date-picker/range-picker.js

@@ -149,6 +149,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
       _datePickerProps$seco = datePickerProps.secondStep,
       secondStep = _datePickerProps$seco === void 0 ? 1 : _datePickerProps$seco,
       suffixIcon = datePickerProps.suffixIcon,
+      clearIcon = datePickerProps.clearIcon,
       panelRender = datePickerProps.panelRender,
       renderExtraFooter = datePickerProps.renderExtraFooter,
       disabledHours = datePickerProps.disabledHours,
@@ -750,6 +751,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     endOpen: endOpen,
     needConfirmButton: needConfirmButton,
     suffixIcon: suffixIcon,
+    clearIcon: clearIcon,
     format: _format,
     open: mergedOpen,
     readOnly: inputReadOnly,

package/lib/date-picker/single/input-date.js

@@ -118,12 +118,10 @@ function InputDate(props, ref) {
 
   if (allowClear && dateValue && !disabled) {
     clearNode = /*#__PURE__*/_react.default.createElement("span", {
-      onMouseDown: function onMouseDown(e) {
-        e.preventDefault();
+      onMouseUp: function onMouseUp(e) {
         e.stopPropagation();
       },
-      onMouseUp: function onMouseUp(e) {
-        e.preventDefault();
+      onClick: function onClick(e) {
         e.stopPropagation();
         triggerChange(null);
         triggerOpen(false);

package/lib/dropdown/dropdown.js

@@ -46,7 +46,7 @@ var findItem = function findItem(element) {
 };
 
 var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
 
   var _React$useContext = React.useContext(_ConfigContext.default),
       getPrefixCls = _React$useContext.getPrefixCls,
@@ -110,11 +110,16 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   };
 
-  var menuElement = isMenu ? /*#__PURE__*/React.cloneElement(menu, {
+  var cloneObj = /*#__PURE__*/React.cloneElement(menu, {
     selectedKey: selectedKey,
     onClick: handleItemClick,
     selectable: menuSelectable
-  }) : /*#__PURE__*/React.createElement("ul", {
+  });
+  var menuElement = isMenu ? Array.isArray((_d = menu.props) === null || _d === void 0 ? void 0 : _d.children) ? cloneObj : /*#__PURE__*/React.createElement("ul", {
+    className: "".concat(prefixCls, "-menu"),
+    onClick: handleItemClick,
+    role: "menu"
+  }, menu.props.children) : /*#__PURE__*/React.createElement("ul", {
     className: "".concat(prefixCls, "-menu"),
     onClick: handleItemClick,
     role: "menu"