@kdcloudjs/kdesign 1.6.10 → 1.6.12

package/es/date-picker/date-picker.d.ts

@@ -47,5 +47,5 @@ export interface PickerTimeProps extends PickerSharedProps, Omit<OmitPanelProps<
     defaultOpenValue?: DateType;
 }
 export declare type PickerProps = PickerBaseProps | PickerDateProps | PickerTimeProps;
-declare function DatePicker(props: Partial<PickerProps>): JSX.Element;
+declare const DatePicker: React.ForwardRefExoticComponent<(Partial<PickerBaseProps> & React.RefAttributes<unknown>) | (Partial<PickerDateProps> & React.RefAttributes<unknown>) | (Partial<PickerTimeProps> & React.RefAttributes<unknown>)>;
 export default DatePicker;

package/es/date-picker/date-picker.js

@@ -18,7 +18,7 @@ import getExtraFooter from './utils/get-extra-footer';
 import getRanges from './utils/get-ranges';
 import usePopper from '../_utils/usePopper';
 
-function DatePicker(props) {
+var InternalDatePicker = function InternalDatePicker(props, ref) {
   var customPrefixcls = props.prefixCls;
 
   var _useContext = useContext(ConfigContext),
@@ -85,7 +85,7 @@ function DatePicker(props) {
       _onOk = datePickerProps.onOk; // ref
 
   var panelDivRef = React.useRef(null);
-  var inputDivRef = React.useRef(null);
+  var inputDivRef = ref || /*#__PURE__*/React.createRef();
   var popperRef = React.useRef(null);
   var inputRef = React.useRef(null);
   var isHourStepValid = 24 % hourStep === 0;
@@ -439,6 +439,8 @@ function DatePicker(props) {
     placement: 'bottomLeft',
     getPopupContainer: getPopupContainer
   });
-}
+};
 
+var DatePicker = /*#__PURE__*/React.forwardRef(InternalDatePicker);
+DatePicker.displayName = 'DatePicker';
 export default DatePicker;

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

@@ -47,5 +47,5 @@ export declare type RangeArray = {
     key: string;
     newValue: RangeValue;
 }[];
-declare function DatePicker(props: Partial<RangePickerProps>): JSX.Element;
-export default DatePicker;
+declare const RangePicker: React.ForwardRefExoticComponent<(Partial<RangePickerBaseProps> & React.RefAttributes<unknown>) | (Partial<RangePickerDateProps> & React.RefAttributes<unknown>) | (Partial<RangePickerTimeProps> & React.RefAttributes<unknown>)>;
+export default RangePicker;

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

@@ -59,7 +59,7 @@ function canValueTrigger(value, index, disabled, allowEmpty) {
   return false;
 }
 
-function DatePicker(props) {
+var InternalRangePicker = function InternalRangePicker(props, ref) {
   var customPrefixcls = props.prefixCls;
 
   var _useContext = useContext(ConfigContext),
@@ -123,7 +123,7 @@ function DatePicker(props) {
 
 
   var panelDivRef = React.useRef(null);
-  var inputDivRef = React.useRef(null);
+  var inputDivRef = ref || /*#__PURE__*/React.createRef();
   var startInputDivRef = React.useRef(null);
   var endInputDivRef = React.useRef(null);
   var separatorRef = React.useRef(null);
@@ -772,6 +772,8 @@ function DatePicker(props) {
     placement: 'bottomLeft',
     getPopupContainer: getPopupContainer
   });
-}
+};
 
-export default DatePicker;
+var RangePicker = /*#__PURE__*/React.forwardRef(InternalRangePicker);
+RangePicker.displayName = 'RangePicker';
+export default RangePicker;

package/es/select/interface.d.ts

@@ -36,6 +36,7 @@ export interface AbstractSelectProps extends PopperProps {
     maxTagPlaceholder?: React.ReactNode | ((omittedValues: LabeledValue[]) => React.ReactNode);
     filterOption?: boolean | ((inputValue: string, option?: OptionsType) => boolean);
     optionFilterProp?: string;
+    optionLabelProp?: string;
 }
 export interface LabeledValue {
     key?: string;

package/es/select/select.js

@@ -275,22 +275,26 @@ var InternalSelect = function InternalSelect(props, ref) {
   var getOptionLabel = useCallback(function (obj) {
     var _a;
 
+    var text = 'options' in selectProps ? 'label' : optionLabelProp;
+
     if (obj.props) {
-      if (optionLabelProp) {
-        return obj === null || obj === void 0 ? void 0 : obj.props[optionLabelProp];
+      if (text) {
+        return obj === null || obj === void 0 ? void 0 : obj.props[text];
       }
 
       return (_a = obj.props) === null || _a === void 0 ? void 0 : _a.children;
     } else {
-      if (optionLabelProp) {
-        return obj[optionLabelProp];
+      if (text) {
+        return obj[text];
       }
     }
 
     return obj === null || obj === void 0 ? void 0 : obj.label;
-  }, [optionLabelProp]); // 点击下拉列表中某项回调
+  }, [optionLabelProp, selectProps]); // 点击下拉列表中某项回调
 
   var handleOption = function handleOption(key, label, isSelected) {
+    var _a;
+
     var onSelect = selectProps.onSelect,
         onDeselect = selectProps.onDeselect,
         labelInValue = selectProps.labelInValue,
@@ -304,6 +308,11 @@ var InternalSelect = function InternalSelect(props, ref) {
         return (child === null || child === void 0 ? void 0 : child.value) === key;
       }
     })) || {};
+
+    if (isMultiple) {
+      (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+
     var optionsObj = obj.props ? obj.props : obj || {};
 
     if (value !== undefined) {

package/es/slider/slider.d.ts

@@ -22,6 +22,7 @@ export interface ISliderProps {
     tooltipVisible?: boolean;
     tooltipPlacemant?: PlacementType;
     value?: number | number[];
+    getPopupContainer?: () => React.ReactNode;
     vertical?: boolean;
     onAfterChange?: (value?: number | number[]) => void;
     onChange?: (value?: number | number[]) => void;

package/es/slider/slider.js

@@ -54,10 +54,11 @@ var InteranalSlider = function InteranalSlider(props, ref) {
       tooltipVisible = sliderProps.tooltipVisible,
       tooltipPlacement = sliderProps.tooltipPlacement,
       propsValue = sliderProps.value,
+      getPopupContainer = sliderProps.getPopupContainer,
       onAfterChange = sliderProps.onAfterChange,
       onChange = sliderProps.onChange,
       onBlur = sliderProps.onBlur,
-      others = __rest(sliderProps, ["className", "style", "prefixCls", "defaultValue", "disabled", "dots", "marks", "min", "max", "vertical", "reverse", "step", "tipFormatter", "tooltipVisible", "tooltipPlacement", "value", "onAfterChange", "onChange", "onBlur"]);
+      others = __rest(sliderProps, ["className", "style", "prefixCls", "defaultValue", "disabled", "dots", "marks", "min", "max", "vertical", "reverse", "step", "tipFormatter", "tooltipVisible", "tooltipPlacement", "value", "getPopupContainer", "onAfterChange", "onChange", "onBlur"]);
 
   devWarning(className && className.indexOf('shit') > -1, 'slider', "slider className can't include '".concat(className, "'"));
   var sliderPrefixCls = getPrefixCls(prefixCls, 'slider', customPrefixcls); // ref
@@ -274,7 +275,8 @@ var InteranalSlider = function InteranalSlider(props, ref) {
     reverse: reverse,
     min: min,
     max: max,
-    bound: value
+    bound: value,
+    getPopupContainer: getPopupContainer
   }), /*#__PURE__*/React.createElement(Marks, {
     marks: marks,
     prefixCls: sliderPrefixCls,

package/es/slider/sliderTooltip.js

@@ -49,4 +49,5 @@ var SliderTooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
     style: handleStyle
   }));
 });
+SliderTooltip.displayName = 'SliderTooltip';
 export default SliderTooltip;

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

@@ -47,5 +47,5 @@ export interface PickerTimeProps extends PickerSharedProps, Omit<OmitPanelProps<
     defaultOpenValue?: DateType;
 }
 export declare type PickerProps = PickerBaseProps | PickerDateProps | PickerTimeProps;
-declare function DatePicker(props: Partial<PickerProps>): JSX.Element;
+declare const DatePicker: React.ForwardRefExoticComponent<(Partial<PickerBaseProps> & React.RefAttributes<unknown>) | (Partial<PickerDateProps> & React.RefAttributes<unknown>) | (Partial<PickerTimeProps> & React.RefAttributes<unknown>)>;
 export default DatePicker;

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

@@ -55,7 +55,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function DatePicker(props) {
+var InternalDatePicker = function InternalDatePicker(props, ref) {
   var customPrefixcls = props.prefixCls;
 
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
@@ -123,7 +123,7 @@ function DatePicker(props) {
 
   var panelDivRef = _react.default.useRef(null);
 
-  var inputDivRef = _react.default.useRef(null);
+  var inputDivRef = ref || /*#__PURE__*/_react.default.createRef();
 
   var popperRef = _react.default.useRef(null);
 
@@ -477,7 +477,10 @@ function DatePicker(props) {
     placement: 'bottomLeft',
     getPopupContainer: getPopupContainer
   });
-}
+};
 
+var DatePicker = /*#__PURE__*/_react.default.forwardRef(InternalDatePicker);
+
+DatePicker.displayName = 'DatePicker';
 var _default = DatePicker;
 exports.default = _default;

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

@@ -47,5 +47,5 @@ export declare type RangeArray = {
     key: string;
     newValue: RangeValue;
 }[];
-declare function DatePicker(props: Partial<RangePickerProps>): JSX.Element;
-export default DatePicker;
+declare const RangePicker: React.ForwardRefExoticComponent<(Partial<RangePickerBaseProps> & React.RefAttributes<unknown>) | (Partial<RangePickerDateProps> & React.RefAttributes<unknown>) | (Partial<RangePickerTimeProps> & React.RefAttributes<unknown>)>;
+export default RangePicker;

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

@@ -103,7 +103,7 @@ function canValueTrigger(value, index, disabled, allowEmpty) {
   return false;
 }
 
-function DatePicker(props) {
+var InternalRangePicker = function InternalRangePicker(props, ref) {
   var customPrefixcls = props.prefixCls;
 
   var _useContext = (0, _react.useContext)(_ConfigContext.default),
@@ -166,7 +166,7 @@ function DatePicker(props) {
 
   var panelDivRef = _react.default.useRef(null);
 
-  var inputDivRef = _react.default.useRef(null);
+  var inputDivRef = ref || /*#__PURE__*/_react.default.createRef();
 
   var startInputDivRef = _react.default.useRef(null);
 
@@ -824,7 +824,10 @@ function DatePicker(props) {
     placement: 'bottomLeft',
     getPopupContainer: getPopupContainer
   });
-}
+};
+
+var RangePicker = /*#__PURE__*/_react.default.forwardRef(InternalRangePicker);
 
-var _default = DatePicker;
+RangePicker.displayName = 'RangePicker';
+var _default = RangePicker;
 exports.default = _default;

package/lib/select/interface.d.ts

@@ -36,6 +36,7 @@ export interface AbstractSelectProps extends PopperProps {
     maxTagPlaceholder?: React.ReactNode | ((omittedValues: LabeledValue[]) => React.ReactNode);
     filterOption?: boolean | ((inputValue: string, option?: OptionsType) => boolean);
     optionFilterProp?: string;
+    optionLabelProp?: string;
 }
 export interface LabeledValue {
     key?: string;

package/lib/select/select.js

@@ -313,22 +313,26 @@ var InternalSelect = function InternalSelect(props, ref) {
   var getOptionLabel = (0, _react.useCallback)(function (obj) {
     var _a;
 
+    var text = 'options' in selectProps ? 'label' : optionLabelProp;
+
     if (obj.props) {
-      if (optionLabelProp) {
-        return obj === null || obj === void 0 ? void 0 : obj.props[optionLabelProp];
+      if (text) {
+        return obj === null || obj === void 0 ? void 0 : obj.props[text];
       }
 
       return (_a = obj.props) === null || _a === void 0 ? void 0 : _a.children;
     } else {
-      if (optionLabelProp) {
-        return obj[optionLabelProp];
+      if (text) {
+        return obj[text];
       }
     }
 
     return obj === null || obj === void 0 ? void 0 : obj.label;
-  }, [optionLabelProp]); // 点击下拉列表中某项回调
+  }, [optionLabelProp, selectProps]); // 点击下拉列表中某项回调
 
   var handleOption = function handleOption(key, label, isSelected) {
+    var _a;
+
     var onSelect = selectProps.onSelect,
         onDeselect = selectProps.onDeselect,
         labelInValue = selectProps.labelInValue,
@@ -342,6 +346,11 @@ var InternalSelect = function InternalSelect(props, ref) {
         return (child === null || child === void 0 ? void 0 : child.value) === key;
       }
     })) || {};
+
+    if (isMultiple) {
+      (_a = searchRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+
     var optionsObj = obj.props ? obj.props : obj || {};
 
     if (value !== undefined) {

package/lib/slider/slider.d.ts

@@ -22,6 +22,7 @@ export interface ISliderProps {
     tooltipVisible?: boolean;
     tooltipPlacemant?: PlacementType;
     value?: number | number[];
+    getPopupContainer?: () => React.ReactNode;
     vertical?: boolean;
     onAfterChange?: (value?: number | number[]) => void;
     onChange?: (value?: number | number[]) => void;

package/lib/slider/slider.js

@@ -87,10 +87,11 @@ var InteranalSlider = function InteranalSlider(props, ref) {
       tooltipVisible = sliderProps.tooltipVisible,
       tooltipPlacement = sliderProps.tooltipPlacement,
       propsValue = sliderProps.value,
+      getPopupContainer = sliderProps.getPopupContainer,
       onAfterChange = sliderProps.onAfterChange,
       onChange = sliderProps.onChange,
       onBlur = sliderProps.onBlur,
-      others = __rest(sliderProps, ["className", "style", "prefixCls", "defaultValue", "disabled", "dots", "marks", "min", "max", "vertical", "reverse", "step", "tipFormatter", "tooltipVisible", "tooltipPlacement", "value", "onAfterChange", "onChange", "onBlur"]);
+      others = __rest(sliderProps, ["className", "style", "prefixCls", "defaultValue", "disabled", "dots", "marks", "min", "max", "vertical", "reverse", "step", "tipFormatter", "tooltipVisible", "tooltipPlacement", "value", "getPopupContainer", "onAfterChange", "onChange", "onBlur"]);
 
   (0, _devwarning.default)(className && className.indexOf('shit') > -1, 'slider', "slider className can't include '".concat(className, "'"));
   var sliderPrefixCls = getPrefixCls(prefixCls, 'slider', customPrefixcls); // ref
@@ -306,7 +307,8 @@ var InteranalSlider = function InteranalSlider(props, ref) {
     reverse: reverse,
     min: min,
     max: max,
-    bound: value
+    bound: value,
+    getPopupContainer: getPopupContainer
   }), /*#__PURE__*/_react.default.createElement(_marks.default, {
     marks: marks,
     prefixCls: sliderPrefixCls,

package/lib/slider/sliderTooltip.js

@@ -74,5 +74,6 @@ var SliderTooltip = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }));
 });
 
+SliderTooltip.displayName = 'SliderTooltip';
 var _default = SliderTooltip;
 exports.default = _default;

package/package.json

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