@kdcloudjs/kdesign 1.7.33 → 1.7.35

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

@@ -121,7 +121,8 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     onFocus = datePickerProps.onFocus,
     onBlur = datePickerProps.onBlur,
     _onOk = datePickerProps.onOk,
-    getPopupContainer = datePickerProps.getPopupContainer;
+    getPopupContainer = datePickerProps.getPopupContainer,
+    status = datePickerProps.status;
   var needConfirmButton = picker === 'date' && !!showTime || picker === 'time';
   var datePickerLang = (0, _extends2.default)({}, globalLocale.getCompLangMsg({
     componentName: 'DatePicker'
@@ -426,7 +427,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
   var onSelect = function onSelect(date, type) {
     var values = (0, _utils2.updateValues)(selectedValue, date, mergedActivePickerIndex);
     if (type === 'inner') {
-      if (values && values[mergedActivePickerIndex]) {
+      if (values && values[mergedActivePickerIndex] && (0, _dateFns.isDate)(values[mergedActivePickerIndex])) {
         setViewDate(values[mergedActivePickerIndex], mergedActivePickerIndex);
       }
     } else {
@@ -648,7 +649,8 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
     triggerOpenAndFocus: triggerOpenAndFocus,
     triggerChange: triggerChange,
     onFocus: onFocus,
-    onBlur: onBlur
+    onBlur: onBlur,
+    status: status
   };
   var renderConfig = function renderConfig() {
     if (ranges) {

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

@@ -59,7 +59,8 @@ function InputDate(props, ref) {
     setSelectedValue = props.setSelectedValue,
     triggerTextChange = props.triggerTextChange,
     triggerOpen = props.triggerOpen,
-    triggerChange = props.triggerChange;
+    triggerChange = props.triggerChange,
+    status = props.status;
   var preventBlurRef = (0, _react.useRef)(false);
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -155,7 +156,7 @@ function InputDate(props, ref) {
   var borderClass = (0, _classnames4.default)((_classnames = {}, (0, _defineProperty2.default)(_classnames, "".concat(prefixCls, "-underline"), borderType === 'underline'), (0, _defineProperty2.default)(_classnames, "".concat(prefixCls, "-borderless"), borderType === 'none'), _classnames));
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     ref: ref,
-    className: (0, _classnames4.default)(prefixCls, className, borderClass, (_classnames2 = {}, (0, _defineProperty2.default)(_classnames2, "".concat(prefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classnames2, "".concat(prefixCls, "-focused"), focused), (0, _defineProperty2.default)(_classnames2, (0, _concat.default)(_context = "".concat(prefixCls, "-")).call(_context, size), size), _classnames2)),
+    className: (0, _classnames4.default)(prefixCls, className, borderClass, (_classnames2 = {}, (0, _defineProperty2.default)(_classnames2, "".concat(prefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classnames2, "".concat(prefixCls, "-focused"), focused), (0, _defineProperty2.default)(_classnames2, (0, _concat.default)(_context = "".concat(prefixCls, "-")).call(_context, size), size), (0, _defineProperty2.default)(_classnames2, "".concat(prefixCls, "-error"), status === 'error'), _classnames2)),
     style: style,
     onMouseDown: onInternalonMouseDown,
     onMouseUp: onInternalMouseUp,

package/lib/date-picker/style/index.css

@@ -330,6 +330,9 @@
 .kd-date-picker-focused .kd-date-picker-suffix {
   color: var(--kd-c-date-picker-clear-color-background-focused, var(--kd-g-color-theme, #5582f3));
 }
+.kd-date-picker-error {
+  border-color: var(--kd-g-color-error, #fb2323);
+}
 .kd-date-picker-panel {
   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
           box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);

package/lib/date-picker/style/index.less

@@ -160,6 +160,10 @@
       color: @date-clear-background-color-focused;
     }
   }
+
+  &-error {
+    border-color: @color-error;
+  }
 }
 
 .@{datePicker-prefix-cls-panel} {

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

@@ -209,7 +209,6 @@ Object.defineProperty(exports, "subYears", {
 });
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
 var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 var _isDate = _interopRequireDefault(require("date-fns/isDate"));
 var _isValid = _interopRequireDefault(require("date-fns/isValid"));
 var _format2 = _interopRequireDefault(require("date-fns/format"));
@@ -475,20 +474,15 @@ function getLowerBoundTime(hour, minute, second, hourStep, minuteStep, secondSte
   return [lowerBoundHour, lowerBoundMinute, lowerBoundSecond];
 }
 var setYearOrMonthOfDate = function setYearOrMonthOfDate(date1, date2) {
-  var _context, _context2, _context3, _context4, _context5;
   var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'year';
-  var y = new Date(date1).getFullYear();
+  var d1 = new Date(date1 || 0);
+  var d2 = new Date(date2 || 0);
   if (type === 'year') {
-    y = new Date(date2).getFullYear();
+    d1.setFullYear(d2.getFullYear());
   }
-  var m = new Date(date1 || date2).getMonth() + 1;
   if (type === 'month') {
-    m = new Date(date2).getMonth() + 1;
+    d1.setMonth(d2.getMonth());
   }
-  var d = new Date(date1 || date2).getDate();
-  var h = new Date(date1 || date2).getHours();
-  var mi = new Date(date1 || date2).getMinutes();
-  var s = new Date(date1 || date2).getSeconds();
-  return new Date((0, _concat.default)(_context = (0, _concat.default)(_context2 = (0, _concat.default)(_context3 = (0, _concat.default)(_context4 = (0, _concat.default)(_context5 = "".concat(y, "-")).call(_context5, m, "-")).call(_context4, d, " ")).call(_context3, h, ":")).call(_context2, mi, ":")).call(_context, s));
+  return d1;
 };
 exports.setYearOrMonthOfDate = setYearOrMonthOfDate;

package/lib/locale/locale.d.ts

@@ -98,6 +98,8 @@ declare class LocaleCache {
         'Table.notIsNull': string;
         'Table.resetFilter': string;
         'Table.confirmFilter': string;
+        'Select.selectAll': string;
+        'Select.seleted': string;
         'DatePicker.placeholder': string;
         'DatePicker.yearPlaceholder': string;
         'DatePicker.quarterPlaceholder': string;

package/lib/locale/zh-CN.d.ts

@@ -72,6 +72,8 @@ declare const locale: {
     'Table.notIsNull': string;
     'Table.resetFilter': string;
     'Table.confirmFilter': string;
+    'Select.selectAll': string;
+    'Select.seleted': string;
     'DatePicker.placeholder': string;
     'DatePicker.yearPlaceholder': string;
     'DatePicker.quarterPlaceholder': string;

package/lib/locale/zh-CN.js

@@ -82,7 +82,9 @@ var locale = (0, _extends2.default)((0, _extends2.default)({
   'Table.isNull': '为空',
   'Table.notIsNull': '不为空',
   'Table.resetFilter': '重置',
-  'Table.confirmFilter': '确定'
+  'Table.confirmFilter': '确定',
+  'Select.selectAll': '全选',
+  'Select.seleted': '已选{size}项'
 });
 var _default = locale;
 exports.default = _default;

package/lib/select/select.js

@@ -38,8 +38,12 @@ var InternalSelect = function InternalSelect(props, ref) {
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
     getPrefixCls = _useContext.getPrefixCls,
     prefixCls = _useContext.prefixCls,
-    userDefaultProps = _useContext.compDefaultProps;
+    userDefaultProps = _useContext.compDefaultProps,
+    locale = _useContext.locale;
   var selectProps = (0, _utils.getCompProps)('Select', userDefaultProps, props);
+  var selectLangMsg = locale.getCompLangMsg({
+    componentName: 'Select'
+  });
   var size = selectProps.size,
     value = selectProps.value,
     autoFocus = selectProps.autoFocus,
@@ -580,16 +584,20 @@ var InternalSelect = function InternalSelect(props, ref) {
       className: dropDownCls,
       style: dropdownStyle,
       ref: dropDownRef
-    }, !dropdownRender && childrenToRender.length > 0 ? dropRender(eleOptionList, heightStyle) : null, renderNotContent(), /*#__PURE__*/_react.default.createElement("div", null, dropdownRender ? dropdownRender(dropRender(childrenToRender, heightStyle)) : null), isMultiple && realChildren.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    }, !dropdownRender && childrenToRender.length > 0 ? dropRender(eleOptionList, heightStyle) : null, renderNotContent(), /*#__PURE__*/_react.default.createElement("div", null, dropdownRender ? dropdownRender(dropRender(eleOptionList, heightStyle)) : null), isMultiple && realChildren.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
       className: multipleFooterCls
     }, /*#__PURE__*/_react.default.createElement(_index.Checkbox, {
       style: checkboxStyle,
       checked: checked,
       indeterminate: indeterminate,
       onChange: handleSelectAll
-    }, "\u5168\u9009"), /*#__PURE__*/_react.default.createElement("span", {
+    }, selectLangMsg === null || selectLangMsg === void 0 ? void 0 : selectLangMsg.selectAll), /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(selectPrefixCls, "-multiple-footer-hadSelected")
-    }, "\u5DF2\u9009", /*#__PURE__*/_react.default.createElement("span", null, selectedVal.length), "\u9879")) : null));
+    }, locale.getLangMsg('Select', 'seleted', {
+      size: /*#__PURE__*/_react.default.createElement("span", {
+        className: "".concat(selectPrefixCls, "-multiple-footer-hadSelected-number")
+      }, selectedVal.length)
+    }))) : null));
   };
   // 处理多选tag
   var handleMaxTagHolder = (0, _react.useCallback)(function () {

package/lib/select/style/index.css

@@ -698,14 +698,14 @@
   color: #999999;
   padding-left: 12px;
 }
-.kd-select-multiple-footer-hadSelected > span {
+.kd-select-multiple-footer-hadSelected-number {
   color: var(--kd-c-select-footer-color-text-selected, #0e5fd8);
   padding: 0 2px;
 }
-.kd-select.topLeft.hidden,
-.kd-select.bottomLeft.hidden,
-.kd-select.topRight.hidden,
-.kd-select.bottomRight.hidden {
+.kd-select-dropdown-panel.topLeft.hidden,
+.kd-select-dropdown-panel.bottomLeft.hidden,
+.kd-select-dropdown-panel.topRight.hidden,
+.kd-select-dropdown-panel.bottomRight.hidden {
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);

package/lib/select/style/index.less

@@ -431,7 +431,7 @@
       &-hadSelected {
         color: #999999;
         padding-left: 12px;
-        > span {
+        &-number {
           color: @select-footer-g-text-color-selected;
           padding: 0 2px;
         }
@@ -439,12 +439,14 @@
     }
   }
 
-  &.topLeft.hidden,
-  &.bottomLeft.hidden,
-  &.topRight.hidden,
-  &.bottomRight.hidden {
-    opacity: 0;
-    visibility: hidden;
-    transition: all calc(@transition-duration - 0.1s) @ease;
+  &-dropdown-panel {
+    &.topLeft.hidden,
+    &.bottomLeft.hidden,
+    &.topRight.hidden,
+    &.bottomRight.hidden {
+      opacity: 0;
+      visibility: hidden;
+      transition: all calc(@transition-duration - 0.1s) @ease;
+    }
   }
 }

package/lib/upload/upload.js

@@ -23,6 +23,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
 var _utils = require("../_utils");
+var _ieUtil = require("../_utils/ieUtil");
 var _icon = _interopRequireDefault(require("../icon"));
 var _request = _interopRequireDefault(require("./request"));
 var _verifyFile = _interopRequireDefault(require("./verify-file"));
@@ -136,9 +137,7 @@ var InternalUpload = function InternalUpload(props, ref) {
     if (Array.isArray(files) && files.length) {
       var _context2;
       files.forEach(function (file) {
-        file.originFileObj = new File([file], file.name, {
-          type: file.type
-        });
+        file.originFileObj = (0, _ieUtil.getFileUtil)(file, allProps === null || allProps === void 0 ? void 0 : allProps.name);
         file.uid = getUid();
         file.status = 'notStart';
         file.fileName = allProps.name || file.name;
@@ -348,7 +347,7 @@ var InternalUpload = function InternalUpload(props, ref) {
         (0, _scanFiles.default)((0, _slice.default)(Array.prototype).call(e.dataTransfer.items), function (file) {
           return (0, _verifyFile.default)(file, accept);
         }, function (file) {
-          file.originFileObj = new File([file], file.type);
+          file.originFileObj = (0, _ieUtil.getFileUtil)(file, allProps === null || allProps === void 0 ? void 0 : allProps.name);
           file.uid = getUid();
           file.status = 'notStart';
           file.fileName = allProps.name || file.name;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.7.33",
+  "version": "1.7.35",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [

package/es/color-picker/utils/hooks/useOnClickOutside.d.ts

@@ -1,2 +0,0 @@
-declare const useOnClickOutside: (refArr: Array<any>, handler: (e: Event) => void) => void;
-export default useOnClickOutside;

package/es/color-picker/utils/hooks/useOnClickOutside.js

@@ -1,16 +0,0 @@
-import { useEffect } from 'react';
-var useOnClickOutside = function useOnClickOutside(refArr, handler) {
-  useEffect(function () {
-    var mouseDownListener = function mouseDownListener(event) {
-      if (refArr.some(function (ref) {
-        return !ref.current || ref.current.contains(event.target);
-      })) {
-        return;
-      }
-      handler(event);
-    };
-    document.addEventListener('mousedown', mouseDownListener);
-    document.addEventListener('touchstart', mouseDownListener);
-  }, [refArr, handler]);
-};
-export default useOnClickOutside;

package/lib/color-picker/utils/hooks/useOnClickOutside.d.ts

@@ -1,2 +0,0 @@
-declare const useOnClickOutside: (refArr: Array<any>, handler: (e: Event) => void) => void;
-export default useOnClickOutside;

package/lib/color-picker/utils/hooks/useOnClickOutside.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var useOnClickOutside = function useOnClickOutside(refArr, handler) {
-  (0, _react.useEffect)(function () {
-    var mouseDownListener = function mouseDownListener(event) {
-      if (refArr.some(function (ref) {
-        return !ref.current || ref.current.contains(event.target);
-      })) {
-        return;
-      }
-      handler(event);
-    };
-    document.addEventListener('mousedown', mouseDownListener);
-    document.addEventListener('touchstart', mouseDownListener);
-  }, [refArr, handler]);
-};
-var _default = useOnClickOutside;
-exports.default = _default;