@kdcloudjs/kdesign 1.6.24 → 1.6.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/dist/kdesign-complete.less +12 -0
  3. package/dist/kdesign.css +11 -1
  4. package/dist/kdesign.css.map +1 -1
  5. package/dist/kdesign.js +270 -141
  6. package/dist/kdesign.js.map +1 -1
  7. package/dist/kdesign.min.css +3 -3
  8. package/dist/kdesign.min.js +7 -7
  9. package/dist/kdesign.min.js.map +1 -1
  10. package/es/checkbox/group.js +1 -1
  11. package/es/date-picker/context.d.ts +5 -1
  12. package/es/date-picker/date-panel.js +37 -9
  13. package/es/date-picker/date-picker.d.ts +2 -0
  14. package/es/date-picker/date-picker.js +24 -11
  15. package/es/date-picker/panel/month/month.js +13 -4
  16. package/es/date-picker/panel/year/year.d.ts +2 -1
  17. package/es/date-picker/panel/year/year.js +23 -5
  18. package/es/date-picker/range-picker.d.ts +2 -0
  19. package/es/date-picker/range-picker.js +20 -8
  20. package/es/date-picker/style/index.css +9 -0
  21. package/es/date-picker/style/index.less +11 -0
  22. package/es/date-picker/utils/date-fns.d.ts +1 -0
  23. package/es/date-picker/utils/date-fns.js +24 -1
  24. package/es/input-number/style/index.css +1 -0
  25. package/es/input-number/style/index.less +1 -0
  26. package/es/select/select.js +28 -2
  27. package/es/tree/tree.js +0 -2
  28. package/lib/checkbox/group.js +1 -1
  29. package/lib/date-picker/context.d.ts +5 -1
  30. package/lib/date-picker/date-panel.js +37 -9
  31. package/lib/date-picker/date-picker.d.ts +2 -0
  32. package/lib/date-picker/date-picker.js +23 -10
  33. package/lib/date-picker/panel/month/month.js +12 -3
  34. package/lib/date-picker/panel/year/year.d.ts +2 -1
  35. package/lib/date-picker/panel/year/year.js +23 -4
  36. package/lib/date-picker/range-picker.d.ts +2 -0
  37. package/lib/date-picker/range-picker.js +19 -7
  38. package/lib/date-picker/style/index.css +9 -0
  39. package/lib/date-picker/style/index.less +11 -0
  40. package/lib/date-picker/utils/date-fns.d.ts +1 -0
  41. package/lib/date-picker/utils/date-fns.js +29 -1
  42. package/lib/input-number/style/index.css +1 -0
  43. package/lib/input-number/style/index.less +1 -0
  44. package/lib/select/select.js +28 -2
  45. package/lib/tree/tree.js +0 -2
  46. package/package.json +1 -1
@@ -46,13 +46,15 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
46
46
  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; }
47
47
 
48
48
  function Panel(props) {
49
- // console.log('props', props)
50
49
  var context = (0, _react.useContext)(_context.default);
51
50
  var prefixCls = context.prefixCls,
52
51
  viewDate = context.viewDate,
53
52
  setViewDate = context.setViewDate,
54
53
  panelPosition = context.panelPosition,
55
- locale = context.locale;
54
+ locale = context.locale,
55
+ innerPicker = context.innerPicker,
56
+ setInnerPicker = context.setInnerPicker;
57
+ var isInInnerPicker = innerPicker !== undefined;
56
58
  var _props$picker = props.picker,
57
59
  picker = _props$picker === void 0 ? 'date' : _props$picker,
58
60
  format = props.format,
@@ -86,6 +88,14 @@ function Panel(props) {
86
88
  };
87
89
 
88
90
  var renderDatePanel = function renderDatePanel() {
91
+ if (isInInnerPicker) {
92
+ if (innerPicker === 'year') {
93
+ return renderYearPanel();
94
+ } else {
95
+ return renderMonthPanel();
96
+ }
97
+ }
98
+
89
99
  if (!showTime) {
90
100
  var dateProps = {
91
101
  picker: picker,
@@ -155,12 +165,30 @@ function Panel(props) {
155
165
  };
156
166
  };
157
167
 
168
+ var onHeaderYearClick = function onHeaderYearClick() {
169
+ if (picker === 'date') {
170
+ setInnerPicker('year');
171
+ }
172
+ };
173
+
174
+ var onHeaderMonthClick = function onHeaderMonthClick() {
175
+ if (picker === 'date') {
176
+ setInnerPicker('month');
177
+ }
178
+ };
179
+
158
180
  var renderDateHeader = function renderDateHeader() {
159
181
  var year = (0, _dateFns.getYear)(viewDate);
160
182
  var month = (0, _dateFns.getMonth)(viewDate) + 1;
161
183
  var headerCls = (0, _classnames.default)("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-date"));
162
184
  return {
163
- children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, year + locale.year), /*#__PURE__*/_react.default.createElement("span", null, month + locale.month)),
185
+ children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
186
+ className: "".concat(prefixCls, "-header-text-inner"),
187
+ onClick: onHeaderYearClick
188
+ }, year + locale.year), /*#__PURE__*/_react.default.createElement("span", {
189
+ className: "".concat(prefixCls, "-header-text-inner"),
190
+ onClick: onHeaderMonthClick
191
+ }, month + locale.month)),
164
192
  className: headerCls
165
193
  };
166
194
  };
@@ -168,7 +196,7 @@ function Panel(props) {
168
196
  var onSuperPrev = function onSuperPrev() {
169
197
  var date;
170
198
 
171
- if (picker === 'year') {
199
+ if (picker === 'year' || innerPicker === 'year') {
172
200
  var _props$yearItemNumber3 = props.yearItemNumber,
173
201
  yearItemNumber = _props$yearItemNumber3 === void 0 ? _dateFns.DEFAULT_YEAR_ITEM_NUMBER : _props$yearItemNumber3;
174
202
  date = (0, _dateFns.addYears)(viewDate, 0 - yearItemNumber);
@@ -182,7 +210,7 @@ function Panel(props) {
182
210
  var onSuperNext = function onSuperNext() {
183
211
  var date;
184
212
 
185
- if (picker === 'year') {
213
+ if (picker === 'year' || innerPicker === 'year') {
186
214
  var _props$yearItemNumber4 = props.yearItemNumber,
187
215
  yearItemNumber = _props$yearItemNumber4 === void 0 ? _dateFns.DEFAULT_YEAR_ITEM_NUMBER : _props$yearItemNumber4;
188
216
  var _viewDate = viewDate;
@@ -261,10 +289,10 @@ function Panel(props) {
261
289
  {
262
290
  headerObj = renderDateHeader();
263
291
  headerProps = {
264
- onPrev: panelPosition === 'right' ? undefined : onPrev,
265
- onNext: panelPosition === 'left' ? undefined : onNext,
266
- onSuperPrev: panelPosition === 'right' ? undefined : onSuperPrev,
267
- onSuperNext: panelPosition === 'left' ? undefined : onSuperNext
292
+ onPrev: panelPosition === 'right' || isInInnerPicker ? undefined : onPrev,
293
+ onNext: panelPosition === 'left' || isInInnerPicker ? undefined : onNext,
294
+ onSuperPrev: panelPosition === 'right' || innerPicker === 'month' ? undefined : onSuperPrev,
295
+ onSuperNext: panelPosition === 'left' || innerPicker === 'month' ? undefined : onSuperNext
268
296
  };
269
297
  panel = renderDatePanel();
270
298
  break;
@@ -5,6 +5,7 @@ import { BorderType, InputSiteType } from '../input/input';
5
5
  export interface PickerSharedProps extends React.AriaAttributes {
6
6
  dropdownClassName?: string;
7
7
  popupStyle?: React.CSSProperties;
8
+ popupRef?: React.Ref<any>;
8
9
  transitionName?: string;
9
10
  placeholder?: string;
10
11
  allowClear?: boolean;
@@ -47,5 +48,6 @@ export interface PickerTimeProps extends PickerSharedProps, Omit<OmitPanelProps<
47
48
  defaultOpenValue?: DateType;
48
49
  }
49
50
  export declare type PickerProps = PickerBaseProps | PickerDateProps | PickerTimeProps;
51
+ export declare type IInnerPicker = undefined | 'year' | 'month';
50
52
  declare const DatePicker: React.ForwardRefExoticComponent<(Partial<PickerBaseProps> & React.RefAttributes<unknown>) | (Partial<PickerDateProps> & React.RefAttributes<unknown>) | (Partial<PickerTimeProps> & React.RefAttributes<unknown>)>;
51
53
  export default DatePicker;
@@ -71,6 +71,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
71
71
  className = datePickerProps.className,
72
72
  dropdownClassName = datePickerProps.dropdownClassName,
73
73
  popupStyle = datePickerProps.popupStyle,
74
+ popupRef = datePickerProps.popupRef,
74
75
  locale = datePickerProps.locale,
75
76
  inputReadOnly = datePickerProps.inputReadOnly,
76
77
  allowClear = datePickerProps.allowClear,
@@ -125,7 +126,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
125
126
 
126
127
  var inputDivRef = ref || /*#__PURE__*/_react.default.createRef();
127
128
 
128
- var popperRef = _react.default.useRef(null);
129
+ var popperRef = popupRef || /*#__PURE__*/_react.default.createRef();
129
130
 
130
131
  var inputRef = _react.default.useRef(null);
131
132
 
@@ -138,8 +139,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
138
139
  var needConfirmButton = picker === 'date' && !!showTime || picker === 'time';
139
140
  var datePickerLang = (0, _extends2.default)({}, globalLocale.getCompLangMsg({
140
141
  componentName: 'DatePicker'
141
- }), locale || {}); // console.log(_format)
142
- // 原始数据
142
+ }), locale || {}); // 原始数据
143
143
 
144
144
  var _useMergedState = (0, _hooks.useMergedState)(null, {
145
145
  value: value,
@@ -268,6 +268,11 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
268
268
  mergedMode = _useMergedState8[0],
269
269
  setInnerMode = _useMergedState8[1];
270
270
 
271
+ var _useState = (0, _react.useState)(undefined),
272
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
273
+ innerPicker = _useState2[0],
274
+ setInnerPicker = _useState2[1];
275
+
271
276
  (0, _react.useEffect)(function () {
272
277
  setInnerMode(picker);
273
278
  }, [picker]);
@@ -319,13 +324,19 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
319
324
  };
320
325
 
321
326
  var onContextSelect = function onContextSelect(date, type) {
322
- if (type === 'submit' || type !== 'key' && !needConfirmButton) {
327
+ if (type === 'inner') {
323
328
  setViewDate(date);
324
- triggerChange(date);
325
- triggerOpen(false);
329
+ setSelectedValue(date);
330
+ setDateValue(date);
326
331
  } else {
327
- setViewDate(date);
328
- triggerChange(date);
332
+ if (type === 'submit' || type !== 'key' && !needConfirmButton) {
333
+ setViewDate(date);
334
+ triggerChange(date);
335
+ triggerOpen(false);
336
+ } else {
337
+ setViewDate(date);
338
+ triggerChange(date);
339
+ }
329
340
  }
330
341
  };
331
342
 
@@ -412,9 +423,11 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
412
423
  onSelect: onContextSelect,
413
424
  setViewDate: setViewDate,
414
425
  onDateMouseEnter: onEnter,
415
- onDateMouseLeave: onLeave
426
+ onDateMouseLeave: onLeave,
427
+ innerPicker: innerPicker,
428
+ setInnerPicker: setInnerPicker
416
429
  }
417
- }, panelNode, extraFooter || rangesNode || todayNode ? /*#__PURE__*/_react.default.createElement("div", {
430
+ }, panelNode, (extraFooter || rangesNode || todayNode) && innerPicker === undefined ? /*#__PURE__*/_react.default.createElement("div", {
418
431
  className: "".concat(datePickerPrefixCls, "-footer")
419
432
  }, extraFooter, rangesNode, todayNode) : null);
420
433
  }
@@ -48,7 +48,9 @@ function Month(props) {
48
48
  rangeValue = context.rangeValue,
49
49
  panelPosition = context.panelPosition,
50
50
  hoverRangedValue = context.hoverRangedValue,
51
- locale = context.locale;
51
+ locale = context.locale,
52
+ innerPicker = context.innerPicker,
53
+ setInnerPicker = context.setInnerPicker;
52
54
  var disabledDate = props.disabledDate;
53
55
 
54
56
  var _dateValue;
@@ -117,8 +119,15 @@ function Month(props) {
117
119
  });
118
120
 
119
121
  var handleClick = function handleClick(date) {
120
- if (!(disabledDate && disabledDate(date))) {
121
- onSelect(date, 'mouse');
122
+ if (innerPicker === undefined) {
123
+ if (!(disabledDate && disabledDate(date))) {
124
+ onSelect(date, 'mouse');
125
+ }
126
+ } else {
127
+ //
128
+ var _viewDate = viewDate;
129
+ onSelect((0, _dateFns.setYearOrMonthOfDate)(_viewDate, date, 'month'), 'inner');
130
+ setInnerPicker(undefined);
122
131
  }
123
132
  };
124
133
 
@@ -1,10 +1,11 @@
1
1
  /// <reference types="react" />
2
- import { DateType } from '../../interface';
2
+ import { DateType, PickerMode } from '../../interface';
3
3
  export interface YearProps {
4
4
  yearItemNumber: number;
5
5
  minDate?: DateType;
6
6
  maxDate?: DateType;
7
7
  disabledDate?: (date: DateType) => boolean;
8
+ picker?: PickerMode;
8
9
  }
9
10
  declare function Year(props: YearProps): JSX.Element;
10
11
  export default Year;
@@ -27,6 +27,8 @@ var _dateFns = require("../../utils/date-fns");
27
27
 
28
28
  var _useRangeCls = _interopRequireDefault(require("../../hooks/use-range-cls"));
29
29
 
30
+ var _utils = require("../../utils");
31
+
30
32
  function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
31
33
 
32
34
  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; }
@@ -41,9 +43,13 @@ function Year(props) {
41
43
  onSelect = context.onSelect,
42
44
  rangeValue = context.rangeValue,
43
45
  panelPosition = context.panelPosition,
44
- hoverRangedValue = context.hoverRangedValue;
46
+ hoverRangedValue = context.hoverRangedValue,
47
+ innerPicker = context.innerPicker,
48
+ setInnerPicker = context.setInnerPicker;
45
49
  var yearItemNumber = props.yearItemNumber,
46
- disabledDate = props.disabledDate;
50
+ disabledDate = props.disabledDate,
51
+ _props$picker = props.picker,
52
+ picker = _props$picker === void 0 ? 'date' : _props$picker;
47
53
 
48
54
  var _dateValue;
49
55
 
@@ -111,8 +117,21 @@ function Year(props) {
111
117
  });
112
118
 
113
119
  var handleClick = function handleClick(date) {
114
- if (!(disabledDate && disabledDate(date))) {
115
- onSelect(date, 'mouse');
120
+ if (innerPicker === undefined) {
121
+ if (!(disabledDate && disabledDate(date))) {
122
+ onSelect(date, 'mouse');
123
+ }
124
+ } else {
125
+ //
126
+ var _viewDate = viewDate;
127
+
128
+ if (panelPosition) {
129
+ _viewDate = (0, _utils.getClosingViewDate)(viewDate, picker, -1);
130
+ } // date = addYears(_viewDate, 1)
131
+
132
+
133
+ onSelect((0, _dateFns.setYearOrMonthOfDate)(_viewDate, date), 'inner');
134
+ setInnerPicker(undefined);
116
135
  }
117
136
  };
118
137
 
@@ -29,6 +29,8 @@ export interface RangePickerSharedProps {
29
29
  dateRender?: RangeDateRender;
30
30
  panelRender?: (originPanel: React.ReactNode) => React.ReactNode;
31
31
  getPopupContainer?: (node: HTMLElement) => HTMLElement;
32
+ popupRef?: React.Ref<any>;
33
+ popupStyle?: React.CSSProperties;
32
34
  }
33
35
  declare type OmitPickerProps<Props> = Omit<Props, 'value' | 'defaultValue' | 'defaultPickerValue' | 'placeholder' | 'disabled' | 'disabledTimePanel' | 'showToday' | 'showTime' | 'mode' | 'onChange' | 'onSelect' | 'onPanelChange' | 'pickerValue' | 'onPickerValueChange' | 'onOk' | 'dateRender'>;
34
36
  export declare type RangeShowTimeObject = Omit<SharedTimeProps, 'defaultValue'> & {
@@ -129,6 +129,8 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
129
129
  allowEmpty = datePickerProps.allowEmpty,
130
130
  className = datePickerProps.className,
131
131
  style = datePickerProps.style,
132
+ popupStyle = datePickerProps.popupStyle,
133
+ popupRef = datePickerProps.popupRef,
132
134
  borderType = datePickerProps.borderType,
133
135
  separator = datePickerProps.separator,
134
136
  ranges = datePickerProps.ranges,
@@ -179,7 +181,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
179
181
 
180
182
  var endInputRef = _react.default.useRef(null);
181
183
 
182
- var popperRef = _react.default.useRef(null);
184
+ var popperRef = popupRef || /*#__PURE__*/_react.default.createRef();
183
185
 
184
186
  var openRecordsRef = _react.default.useRef({});
185
187
 
@@ -397,6 +399,11 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
397
399
  mergedModes = _useMergedState10[0],
398
400
  setInnerModes = _useMergedState10[1];
399
401
 
402
+ var _useState = (0, _react.useState)(undefined),
403
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
404
+ innerPicker = _useState2[0],
405
+ setInnerPicker = _useState2[1];
406
+
400
407
  (0, _react.useEffect)(function () {
401
408
  setInnerModes([picker, picker]);
402
409
  }, [picker]); // const triggerModesChange = (modes: [PanelMode, PanelMode], values: RangeValue) => {
@@ -525,8 +532,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
525
532
  var values = (0, _utils2.updateValues)(selectedValue, date, mergedActivePickerIndex);
526
533
 
527
534
  if (type === 'submit' || type !== 'key' && !needConfirmButton) {
528
- // triggerChange will also update selected values
529
- triggerChange(values, mergedActivePickerIndex); // clear hover value style
535
+ triggerChange(values, mergedActivePickerIndex);
530
536
 
531
537
  if (mergedActivePickerIndex === 0) {
532
538
  onStartLeave();
@@ -633,7 +639,9 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
633
639
  onSelect: onSelect,
634
640
  setViewDate: setViewDate,
635
641
  onDateMouseEnter: onDateMouseEnter,
636
- onDateMouseLeave: onDateMouseLeave
642
+ onDateMouseLeave: onDateMouseLeave,
643
+ innerPicker: innerPicker,
644
+ setInnerPicker: setInnerPicker
637
645
  }
638
646
  }, renderPanel());
639
647
 
@@ -649,7 +657,9 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
649
657
  onSelect: onSelect,
650
658
  setViewDate: setViewDate,
651
659
  onDateMouseEnter: onDateMouseEnter,
652
- onDateMouseLeave: onDateMouseLeave
660
+ onDateMouseLeave: onDateMouseLeave,
661
+ innerPicker: innerPicker,
662
+ setInnerPicker: setInnerPicker
653
663
  }
654
664
  }, renderPanel());
655
665
 
@@ -675,7 +685,9 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
675
685
  onSelect: onSelect,
676
686
  setViewDate: setViewDate,
677
687
  onDateMouseEnter: onDateMouseEnter,
678
- onDateMouseLeave: onDateMouseLeave
688
+ onDateMouseLeave: onDateMouseLeave,
689
+ innerPicker: innerPicker,
690
+ setInnerPicker: setInnerPicker
679
691
  }
680
692
  }, /*#__PURE__*/_react.default.createElement(_datePanel.default, (0, _extends2.default)({}, datePickerProps, {
681
693
  disabledDate: mergedActivePickerIndex === 0 ? disabledStartDate : disabledEndDate
@@ -816,7 +828,7 @@ var InternalRangePicker = function InternalRangePicker(props, ref) {
816
828
  trigger: 'click',
817
829
  prefixCls: "".concat(datePickerPrefixCls, "-panel"),
818
830
  arrow: false,
819
- popperStyle: style,
831
+ popperStyle: popupStyle,
820
832
  visible: mergedOpen,
821
833
  placement: 'bottomLeft',
822
834
  getPopupContainer: getPopupContainer
@@ -745,6 +745,15 @@
745
745
  -ms-flex: 1;
746
746
  flex: 1;
747
747
  }
748
+ .kd-date-picker-panel .kd-date-picker-header-text-inner {
749
+ cursor: pointer;
750
+ }
751
+ .kd-date-picker-panel .kd-date-picker-header-text-inner:hover {
752
+ color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
753
+ }
754
+ .kd-date-picker-panel .kd-date-picker-header-text-inner:nth-child(2) {
755
+ margin-left: 13px;
756
+ }
748
757
  .kd-date-picker-panel .kd-date-picker-time-header,
749
758
  .kd-date-picker-panel .kd-date-picker-header {
750
759
  height: var(--kd-c-date-picker-panel-header-sizing-height, 36px);
@@ -627,6 +627,17 @@
627
627
 
628
628
  &-text {
629
629
  flex: 1;
630
+
631
+ &-inner {
632
+ cursor: pointer;
633
+
634
+ &:hover {
635
+ color: @date-color-background-checked;
636
+ }
637
+ &:nth-child(2) {
638
+ margin-left: 13px;
639
+ }
640
+ }
630
641
  }
631
642
  }
632
643
 
@@ -84,3 +84,4 @@ export declare function getYearsPeriod(date: DateType, yearItemNumber: number):
84
84
  endPeriod: number;
85
85
  };
86
86
  export declare function getLowerBoundTime(hour: number, minute: number, second: number, hourStep: number, minuteStep: number, secondStep: number): [number, number, number];
87
+ export declare const setYearOrMonthOfDate: (date1: DateType, date2: DateType, type?: string) => Date;
@@ -171,6 +171,7 @@ Object.defineProperty(exports, "setYear", {
171
171
  return _setYear.default;
172
172
  }
173
173
  });
174
+ exports.setYearOrMonthOfDate = void 0;
174
175
  Object.defineProperty(exports, "subDays", {
175
176
  enumerable: true,
176
177
  get: function get() {
@@ -212,6 +213,8 @@ var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-s
212
213
 
213
214
  var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
214
215
 
216
+ var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
217
+
215
218
  var _isDate = _interopRequireDefault(require("date-fns/isDate"));
216
219
 
217
220
  var _isValid = _interopRequireDefault(require("date-fns/isValid"));
@@ -574,4 +577,29 @@ function getLowerBoundTime(hour, minute, second, hourStep, minuteStep, secondSte
574
577
 
575
578
  var lowerBoundSecond = Math.floor(second / secondStep) * secondStep;
576
579
  return [lowerBoundHour, lowerBoundMinute, lowerBoundSecond];
577
- }
580
+ }
581
+
582
+ var setYearOrMonthOfDate = function setYearOrMonthOfDate(date1, date2) {
583
+ var _context, _context2, _context3, _context4, _context5;
584
+
585
+ var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'year';
586
+ var y = new Date(date1).getFullYear();
587
+
588
+ if (type === 'year') {
589
+ y = new Date(date2).getFullYear();
590
+ }
591
+
592
+ var m = new Date(date1 || date2).getMonth() + 1;
593
+
594
+ if (type === 'month') {
595
+ m = new Date(date2).getMonth() + 1;
596
+ }
597
+
598
+ var d = new Date(date1 || date2).getDate();
599
+ var h = new Date(date1 || date2).getHours();
600
+ var mi = new Date(date1 || date2).getMinutes();
601
+ var s = new Date(date1 || date2).getSeconds();
602
+ 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));
603
+ };
604
+
605
+ exports.setYearOrMonthOfDate = setYearOrMonthOfDate;
@@ -212,6 +212,7 @@
212
212
  .kd-inputNumber-embedStep span .kd-inputNumber-icon {
213
213
  -webkit-transition: color var(--kd-g-duration, 0.3s);
214
214
  transition: color var(--kd-g-duration, 0.3s);
215
+ line-height: 1;
215
216
  }
216
217
  .kd-inputNumber-embedStep span:hover .kd-inputNumber-icon {
217
218
  color: var(--kd-c-input-number-color-theme-5, var(--kd-g-color-theme-5, #87adff));
@@ -53,6 +53,7 @@
53
53
  font-size: 12px;
54
54
  .@{inputNumber-prefix-cls}-icon {
55
55
  transition: color @duration-promptly;
56
+ line-height: 1;
56
57
  }
57
58
  &:hover .@{inputNumber-prefix-cls}-icon {
58
59
  color:@input-number-color-theme-5;
@@ -519,6 +519,9 @@ var InternalSelect = function InternalSelect(props, ref) {
519
519
  var clearIconCls = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(selectPrefixCls, "-icon-clear"), true));
520
520
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, iconShow && /*#__PURE__*/_react.default.createElement("span", {
521
521
  onClick: handleReset,
522
+ onMouseDown: function onMouseDown(e) {
523
+ return e.preventDefault();
524
+ },
522
525
  className: clearIconCls
523
526
  }, /*#__PURE__*/_react.default.createElement(_index.Icon, {
524
527
  type: "close-solid"
@@ -636,12 +639,32 @@ var InternalSelect = function InternalSelect(props, ref) {
636
639
  }, [mulOptions]);
637
640
 
638
641
  var renderSingle = function renderSingle() {
642
+ var _a, _b, _c;
643
+
644
+ var obj = (realChildren === null || realChildren === void 0 ? void 0 : (0, _find.default)(realChildren).call(realChildren, function (child) {
645
+ var _a;
646
+
647
+ if (child && child.props) {
648
+ return ((_a = child.props) === null || _a === void 0 ? void 0 : _a.value) === initValue;
649
+ } else {
650
+ return (child === null || child === void 0 ? void 0 : child.value) === initValue;
651
+ }
652
+ })) || {};
653
+ var title = '';
654
+
655
+ if (obj.props) {
656
+ title = ((_a = obj === null || obj === void 0 ? void 0 : obj.props) === null || _a === void 0 ? void 0 : _a.title) || ((_b = obj === null || obj === void 0 ? void 0 : obj.props) === null || _b === void 0 ? void 0 : _b.label) || ((_c = obj === null || obj === void 0 ? void 0 : obj.props) === null || _c === void 0 ? void 0 : _c.children);
657
+ } else {
658
+ title = (obj === null || obj === void 0 ? void 0 : obj.title) || (obj === null || obj === void 0 ? void 0 : obj.label) || (obj === null || obj === void 0 ? void 0 : obj.children);
659
+ }
660
+
639
661
  var hiddenStyle = isShowSearch && !!searchValue || singleVal ? {
640
662
  visibility: 'hidden'
641
663
  } : undefined;
642
664
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
643
665
  className: singleCls,
644
- ref: selectionRef
666
+ ref: selectionRef,
667
+ title: title
645
668
  }, /*#__PURE__*/_react.default.createElement("span", {
646
669
  className: "".concat(selectPrefixCls, "-selection-search")
647
670
  }, /*#__PURE__*/_react.default.createElement("input", {
@@ -682,7 +705,10 @@ var InternalSelect = function InternalSelect(props, ref) {
682
705
  value = item.value;
683
706
  return (!maxTagCount || index <= maxTagCount - 1) && /*#__PURE__*/_react.default.createElement("span", {
684
707
  key: value,
685
- className: (0, _classnames.default)("".concat(selectPrefixCls, "-selection-tag"))
708
+ className: (0, _classnames.default)("".concat(selectPrefixCls, "-selection-tag")),
709
+ onMouseDown: function onMouseDown(e) {
710
+ return e.preventDefault();
711
+ }
686
712
  }, /*#__PURE__*/_react.default.createElement(_index.Tag, {
687
713
  type: "edit",
688
714
  style: TagStyle,
package/lib/tree/tree.js CHANGED
@@ -303,8 +303,6 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
303
303
  if (!('checkedKeys' in TreeProps)) {
304
304
  setCheckedKeys(checkState.checkedKeys);
305
305
  setHalfCheckedKeys(checkState.halfCheckedKeys);
306
- } else {
307
- setHalfCheckedKeys(checkState.halfCheckedKeys);
308
306
  }
309
307
 
310
308
  onCheck && onCheck(checkState.checkedKeys, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kdcloudjs/kdesign",
3
- "version": "1.6.24",
3
+ "version": "1.6.26",
4
4
  "description": "KDesign 金蝶前端react 组件库",
5
5
  "title": "kdesign",
6
6
  "keywords": [