@kdcloudjs/kdesign 1.8.18 → 1.8.20

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 (37) hide show
  1. package/dist/kdesign-complete.less +2 -1
  2. package/dist/kdesign.css +2 -2
  3. package/dist/kdesign.css.map +1 -1
  4. package/dist/kdesign.js +7764 -7617
  5. package/dist/kdesign.js.map +1 -1
  6. package/dist/kdesign.min.css +2 -2
  7. package/dist/kdesign.min.js +9 -9
  8. package/dist/kdesign.min.js.map +1 -1
  9. package/es/date-picker/date-panel.js +23 -19
  10. package/es/date-picker/interface.d.ts +2 -0
  11. package/es/date-picker/locale/zh_CN.js +2 -1
  12. package/es/locale/en-US.d.ts +1 -0
  13. package/es/locale/en-US.js +1 -0
  14. package/es/locale/locale.d.ts +4 -2
  15. package/es/locale/zh-CN.d.ts +2 -0
  16. package/es/locale/zh-CN.js +1 -0
  17. package/es/modal/modal.js +6 -3
  18. package/es/pagination/pagination.js +1 -1
  19. package/es/pagination/style/index.css +1 -1
  20. package/es/pagination/style/index.less +1 -1
  21. package/es/pagination/style/token.less +1 -0
  22. package/es/popper/index.js +6 -1
  23. package/lib/date-picker/date-panel.js +27 -23
  24. package/lib/date-picker/interface.d.ts +2 -0
  25. package/lib/date-picker/locale/zh_CN.js +2 -1
  26. package/lib/locale/en-US.d.ts +1 -0
  27. package/lib/locale/en-US.js +1 -0
  28. package/lib/locale/locale.d.ts +4 -2
  29. package/lib/locale/zh-CN.d.ts +2 -0
  30. package/lib/locale/zh-CN.js +1 -0
  31. package/lib/modal/modal.js +6 -3
  32. package/lib/pagination/pagination.js +1 -1
  33. package/lib/pagination/style/index.css +1 -1
  34. package/lib/pagination/style/index.less +1 -1
  35. package/lib/pagination/style/token.less +1 -0
  36. package/lib/popper/index.js +6 -1
  37. package/package.json +3 -2
package/es/date-picker/date-panel.js CHANGED
@@ -130,27 +130,31 @@ function Panel(props) {
130
130
  };
131
131
  var renderMonthHeader = function renderMonthHeader() {
132
132
  var year = getYear(viewDate);
133
- var headerCls = classnames("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-month"), "".concat(prefixCls, "-header-text-inner-hover"), _defineProperty({}, "".concat(prefixCls, "-header-text-inner-active"), isInnerYear));
133
+ var headerCls = classnames("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-month"), "".concat(prefixCls, "-header-text-inner-hover"));
134
+ var yearOnly = renderYearHeader();
134
135
  return {
135
- children: React.createElement("span", {
136
+ children: isInnerYear ? yearOnly.children : React.createElement("span", {
136
137
  onClick: onHeaderYearClick
137
138
  }, year + locale.year),
138
- className: headerCls
139
+ className: isInnerYear ? yearOnly.className : headerCls
139
140
  };
140
141
  };
141
142
  var renderDateHeader = function renderDateHeader() {
142
143
  var year = getYear(viewDate);
143
144
  var month = getMonth(viewDate);
144
145
  var headerCls = classnames("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-date"));
146
+ var yearOnly = renderYearHeader();
147
+ var yearText = isInnerYear ? yearOnly.children : React.createElement("span", {
148
+ className: classnames("".concat(prefixCls, "-header-text-inner"), "".concat(prefixCls, "-header-text-inner-hover")),
149
+ onClick: onHeaderYearClick
150
+ }, year + locale.year);
151
+ var monthText = isInnerMonth || isInnerYear ? null : React.createElement("span", {
152
+ className: classnames("".concat(prefixCls, "-header-text-inner"), "".concat(prefixCls, "-header-text-inner-hover"), _defineProperty({}, "".concat(prefixCls, "-header-text-inner-active"), isInnerMonth)),
153
+ onClick: onHeaderMonthClick
154
+ }, locale.monthTitle[month]);
145
155
  return {
146
- children: React.createElement(React.Fragment, null, React.createElement("span", {
147
- className: classnames("".concat(prefixCls, "-header-text-inner"), "".concat(prefixCls, "-header-text-inner-hover"), _defineProperty({}, "".concat(prefixCls, "-header-text-inner-active"), isInnerYear)),
148
- onClick: onHeaderYearClick
149
- }, year + locale.year), React.createElement("span", {
150
- className: classnames("".concat(prefixCls, "-header-text-inner"), "".concat(prefixCls, "-header-text-inner-hover"), _defineProperty({}, "".concat(prefixCls, "-header-text-inner-active"), isInnerMonth)),
151
- onClick: onHeaderMonthClick
152
- }, locale.monthTitle[month])),
153
- className: headerCls
156
+ children: (locale === null || locale === void 0 ? void 0 : locale.monthBeforeYear) ? [monthText, yearText] : [yearText, monthText],
157
+ className: isInnerYear ? yearOnly.className : headerCls
154
158
  };
155
159
  };
156
160
  var onSuperPrev = function onSuperPrev() {
@@ -229,10 +233,10 @@ function Panel(props) {
229
233
  {
230
234
  headerObj = renderDateHeader();
231
235
  headerProps = {
232
- onPrev: isPositionLeft && !isInnerPicker || isInnerMonth || isPositionUnset ? onPrev : undefined,
233
- onNext: isPositionRight && !isInnerPicker || isInnerMonth || isPositionUnset ? onNext : undefined,
234
- onSuperPrev: isPositionLeft && !isInnerPicker || isInnerYear || isPositionUnset ? onSuperPrev : undefined,
235
- onSuperNext: isPositionRight && !isInnerPicker || isInnerYear || isPositionUnset ? onSuperNext : undefined
236
+ onPrev: !isInnerPicker && (isPositionLeft || isPositionUnset) ? onPrev : undefined,
237
+ onNext: !isInnerPicker && (isPositionRight || isPositionUnset) ? onNext : undefined,
238
+ onSuperPrev: isPositionLeft && !isInnerPicker || isInnerYear || isInnerMonth || isPositionUnset ? onSuperPrev : undefined,
239
+ onSuperNext: isPositionRight && !isInnerPicker || isInnerYear || isInnerMonth || isPositionUnset ? onSuperNext : undefined
236
240
  };
237
241
  panel = renderDatePanel();
238
242
  break;
@@ -242,10 +246,10 @@ function Panel(props) {
242
246
  panel = renderDatePanel();
243
247
  headerObj = renderDateHeader();
244
248
  headerProps = {
245
- onPrev: isPositionLeft && !isInnerPicker || isInnerMonth || isPositionUnset ? onPrev : undefined,
246
- onNext: isPositionRight && !isInnerPicker || isInnerMonth || isPositionUnset ? onNext : undefined,
247
- onSuperPrev: isPositionLeft && !isInnerPicker || isInnerYear || isPositionUnset ? onSuperPrev : undefined,
248
- onSuperNext: isPositionRight && !isInnerPicker || isInnerYear || isPositionUnset ? onSuperNext : undefined
249
+ onPrev: !isInnerPicker && (isPositionLeft || isPositionUnset) ? onPrev : undefined,
250
+ onNext: !isInnerPicker && (isPositionRight || isPositionUnset) ? onNext : undefined,
251
+ onSuperPrev: isPositionLeft && !isInnerPicker || isInnerYear || isInnerMonth || isPositionUnset ? onSuperPrev : undefined,
252
+ onSuperNext: isPositionRight && !isInnerPicker || isInnerYear || isInnerMonth || isPositionUnset ? onSuperNext : undefined
249
253
  };
250
254
  break;
251
255
  }
package/es/date-picker/interface.d.ts CHANGED
@@ -23,6 +23,7 @@ export interface Locale {
23
23
  'DatePicker.rangeWeekPlaceholder': [string, string];
24
24
  'DatePicker.rangeQuarterPlaceholder': [string, string];
25
25
  'DatePicker.rangeTimePlaceholder': [string, string];
26
+ 'DatePicker.monthBeforeYear': boolean;
26
27
  }
27
28
  export interface InnerLocale {
28
29
  locale: string;
@@ -45,6 +46,7 @@ export interface InnerLocale {
45
46
  rangeWeekPlaceholder: [string, string];
46
47
  rangeQuarterPlaceholder: [string, string];
47
48
  rangeTimePlaceholder: [string, string];
49
+ monthBeforeYear: boolean;
48
50
  }
49
51
  export declare type InnerLocaleKey = keyof InnerLocale;
50
52
  export declare type PanelMode = 'time' | 'date' | 'week' | 'month' | 'quarter' | 'year' | 'decade';
package/es/date-picker/locale/zh_CN.js CHANGED
@@ -17,6 +17,7 @@ var locale = {
17
17
  'DatePicker.rangeMonthPlaceholder': ['开始月份', '结束月份'],
18
18
  'DatePicker.rangeWeekPlaceholder': ['开始周', '结束周'],
19
19
  'DatePicker.rangeQuarterPlaceholder': ['开始季度', '结束季度'],
20
- 'DatePicker.rangeTimePlaceholder': ['开始时间', '结束时间']
20
+ 'DatePicker.rangeTimePlaceholder': ['开始时间', '结束时间'],
21
+ 'DatePicker.monthBeforeYear': false
21
22
  };
22
23
  export default locale;
package/es/locale/en-US.d.ts CHANGED
@@ -40,6 +40,7 @@ declare const locale: {
40
40
  'Pagination.order': string;
41
41
  'Pagination.forward': string;
42
42
  'Pagination.backward': string;
43
+ 'Pagination.confirm': string;
43
44
  'Transfer.selectAll': string;
44
45
  'Transfer.searchPlaceholder': string[];
45
46
  'Transfer.leftTitle': string;
package/es/locale/en-US.js CHANGED
@@ -40,6 +40,7 @@ var locale = {
40
40
  'Pagination.order': 'Page {order}',
41
41
  'Pagination.forward': 'Forward 5 pages',
42
42
  'Pagination.backward': 'Backward 5 pages',
43
+ 'Pagination.confirm': 'GO',
43
44
  'Transfer.selectAll': 'Select all',
44
45
  'Transfer.searchPlaceholder': ['Please enter search content', 'Please enter search content'],
45
46
  'Transfer.leftTitle': 'Available list',
package/es/locale/locale.d.ts CHANGED
@@ -46,6 +46,7 @@ declare class LocaleCache {
46
46
  'Pagination.order': string;
47
47
  'Pagination.forward': string;
48
48
  'Pagination.backward': string;
49
+ 'Pagination.confirm': string;
49
50
  'Transfer.selectAll': string;
50
51
  'Transfer.searchPlaceholder': string[];
51
52
  'Transfer.leftTitle': string;
@@ -61,10 +62,10 @@ declare class LocaleCache {
61
62
  'QuickSearch.nplDesc': string;
62
63
  'QuickSearch.emptyTip': string;
63
64
  'QuickSearch.or': string;
64
- 'CityPicker.domestic': string;
65
- 'CityPicker.common': string; /**
65
+ 'CityPicker.domestic': string; /**
66
66
  * 获取当前语言类型
67
67
  */
68
+ 'CityPicker.common': string;
68
69
  'CityPicker.emptyText': string;
69
70
  'CityPicker.commonEmptyText': string;
70
71
  'CityPicker.tabsDomestic': string;
@@ -145,6 +146,7 @@ declare class LocaleCache {
145
146
  'DatePicker.rangeWeekPlaceholder': [string, string];
146
147
  'DatePicker.rangeQuarterPlaceholder': [string, string];
147
148
  'DatePicker.rangeTimePlaceholder': [string, string];
149
+ 'DatePicker.monthBeforeYear': boolean;
148
150
  locale: string;
149
151
  } | undefined;
150
152
  /**
package/es/locale/zh-CN.d.ts CHANGED
@@ -20,6 +20,7 @@ declare const locale: {
20
20
  'Pagination.order': string;
21
21
  'Pagination.forward': string;
22
22
  'Pagination.backward': string;
23
+ 'Pagination.confirm': string;
23
24
  'Transfer.selectAll': string;
24
25
  'Transfer.searchPlaceholder': string[];
25
26
  'Transfer.leftTitle': string;
@@ -117,6 +118,7 @@ declare const locale: {
117
118
  'DatePicker.rangeWeekPlaceholder': [string, string];
118
119
  'DatePicker.rangeQuarterPlaceholder': [string, string];
119
120
  'DatePicker.rangeTimePlaceholder': [string, string];
121
+ 'DatePicker.monthBeforeYear': boolean;
120
122
  locale: string;
121
123
  };
122
124
  export default locale;
package/es/locale/zh-CN.js CHANGED
@@ -24,6 +24,7 @@ var locale = _extends(_extends({
24
24
  'Pagination.order': '第 {order} 页',
25
25
  'Pagination.forward': '向前 5 页',
26
26
  'Pagination.backward': '向后 5 页',
27
+ 'Pagination.confirm': '确定',
27
28
  'Transfer.selectAll': '全选',
28
29
  'Transfer.searchPlaceholder': ['请输入需要搜索的内容', '请输入需要搜索的内容'],
29
30
  'Transfer.leftTitle': '可选列表',
package/es/modal/modal.js CHANGED
@@ -85,6 +85,8 @@ var InternalModal = function InternalModal(props, ref) {
85
85
  customPrefixcls = modalProps.prefixCls,
86
86
  title = modalProps.title,
87
87
  titleIcon = modalProps.titleIcon,
88
+ titleClassName = modalProps.titleClassName,
89
+ titleStyle = modalProps.titleStyle,
88
90
  type = modalProps.type,
89
91
  visible = modalProps.visible,
90
92
  width = modalProps.width,
@@ -95,7 +97,7 @@ var InternalModal = function InternalModal(props, ref) {
95
97
  bounds = modalProps.bounds,
96
98
  overroll = modalProps.overroll,
97
99
  resizable = modalProps.resizable,
98
- others = __rest(modalProps, ["body", "bodyClassName", "bodyStyle", "cancelButtonProps", "cancelText", "className", "closable", "closeIcon", "destroyOnClose", "draggable", "focusTriggerAfterClose", "footer", "footerClassName", "footerStyle", "footerBtnOrder", "getContainer", "height", "keyboard", "mask", "maskClosable", "maskStyle", "maskClassName", "okButtonProps", "okText", "onCancel", "onOk", "prefixCls", "title", "titleIcon", "type", "visible", "width", "showline", "onDragStart", "onDrag", "onDragStop", "bounds", "overroll", "resizable"]);
100
+ others = __rest(modalProps, ["body", "bodyClassName", "bodyStyle", "cancelButtonProps", "cancelText", "className", "closable", "closeIcon", "destroyOnClose", "draggable", "focusTriggerAfterClose", "footer", "footerClassName", "footerStyle", "footerBtnOrder", "getContainer", "height", "keyboard", "mask", "maskClosable", "maskStyle", "maskClassName", "okButtonProps", "okText", "onCancel", "onOk", "prefixCls", "title", "titleIcon", "titleClassName", "titleStyle", "type", "visible", "width", "showline", "onDragStart", "onDrag", "onDragStop", "bounds", "overroll", "resizable"]);
99
101
  var isForceController = visible !== undefined;
100
102
  var _useState = useState(isForceController ? visible : true),
101
103
  _useState2 = _slicedToArray(_useState, 2),
@@ -371,7 +373,7 @@ var InternalModal = function InternalModal(props, ref) {
371
373
  };
372
374
  var isHidden = !destroyOnClose && !(isForceController ? visible : innerVisible);
373
375
  var modalClasses = classNames(modalPrefixCls, className, (_classNames3 = {}, _defineProperty(_classNames3, "".concat(modalPrefixCls, "-container"), true), _defineProperty(_classNames3, "".concat(modalPrefixCls, "-container-ie"), isIE), _defineProperty(_classNames3, "".concat(modalPrefixCls, "-container-hidden"), isHidden), _defineProperty(_classNames3, "".concat(modalPrefixCls, "-container-show"), !isHidden), _classNames3));
374
- var headerClass = "".concat(modalPrefixCls, "-header");
376
+ var headerClass = classNames("".concat(modalPrefixCls, "-header"), titleClassName);
375
377
  var container = React.createElement("div", {
376
378
  className: classNames((_classNames4 = {}, _defineProperty(_classNames4, "".concat(modalPrefixCls, "-container-box"), true), _defineProperty(_classNames4, "".concat(modalPrefixCls, "-has-container-box"), modalContainer && !overroll), _defineProperty(_classNames4, "".concat(modalPrefixCls, "-showline"), showline), _classNames4)),
377
379
  style: {
@@ -406,7 +408,8 @@ var InternalModal = function InternalModal(props, ref) {
406
408
  "data-type": "nw",
407
409
  className: _concatInstanceProperty(_context9 = "".concat(modalPrefixCls, "-resise-handle ")).call(_context9, modalPrefixCls, "-resise-nw")
408
410
  })), React.createElement("div", {
409
- className: headerClass
411
+ className: headerClass,
412
+ style: titleStyle
410
413
  }, React.createElement("div", {
411
414
  className: "".concat(modalPrefixCls, "-title-container")
412
415
  }, titleIcon !== undefined ? titleIcon : type !== 'normal' && React.createElement("div", {
package/es/pagination/pagination.js CHANGED
@@ -356,7 +356,7 @@ var Pagination = function Pagination(props) {
356
356
  className: "".concat(prefixCls, "-jumper-button"),
357
357
  disabled: disabled,
358
358
  onClick: handleConfirmCurrentPage
359
- }, "GO")), showSizeSelector && React.createElement("div", {
359
+ }, paginationLangMsg.confirm)), showSizeSelector && React.createElement("div", {
360
360
  className: "".concat(prefixCls, "-options")
361
361
  }, locale.getLangMsg('Pagination', 'perPage', {
362
362
  size: React.createElement(Dropdown, _extends({
package/es/pagination/style/index.css CHANGED
@@ -696,7 +696,7 @@
696
696
  list-style: none;
697
697
  -webkit-font-feature-settings: 'tnum';
698
698
  font-feature-settings: 'tnum';
699
- width: var(--kd-c-pagination-sizing-square, 24px);
699
+ padding: 0 var(--kd-c-pagination-jumper-spacing-padding-horizontal, 4px);
700
700
  height: var(--kd-c-pagination-sizing-square, 24px);
701
701
  margin-left: var(--kd-c-pagination-button-spacing, 4px);
702
702
  display: -webkit-inline-box;
package/es/pagination/style/index.less CHANGED
@@ -506,7 +506,7 @@
506
506
 
507
507
  .@{pagination-jumper-prefix-cls}-button {
508
508
  .reset-component;
509
- width: @pagination-size;
509
+ padding: 0 @pagination-jumper-spacing;
510
510
  height: @pagination-size;
511
511
  margin-left: @pagination-button-spacing;
512
512
  display: inline-flex;
package/es/pagination/style/token.less CHANGED
@@ -24,6 +24,7 @@
24
24
  // spacing
25
25
  @pagination-button-spacing: var(~'@{pagination-custom-prefix}-button-spacing', 4px);
26
26
  @pagination-dropdown-item-spacing-horizontal: var(~'@{pagination-custom-prefix}-dropdown-item-spacing-padding-horizontal', 24px);
27
+ @pagination-jumper-spacing: var(~'@{pagination-custom-prefix}-jumper-spacing-padding-horizontal', 4px);
27
28
 
28
29
 
29
30
 
package/es/popper/index.js CHANGED
@@ -187,6 +187,7 @@ export var Popper = forwardRef(function (props, ref) {
187
187
  var popperRef = ref || popperRefInner;
188
188
  var popperInstance = useRef(null);
189
189
  var referenceRefInner = useRef(null);
190
+ var onVisibleChangeRef = useRef(onVisibleChange);
190
191
  var referenceRef = (referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.ref) || referenceRefInner;
191
192
  var container = getPopupContainer(getRealDom(referenceRef, referenceElement) || document.body) || document.body;
192
193
  var _useMergedState = useMergedState(false, {
@@ -213,6 +214,7 @@ export var Popper = forwardRef(function (props, ref) {
213
214
  };
214
215
  var changeVisible = function changeVisible(nextOpen) {
215
216
  var triggerType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'unknown';
217
+ var _a;
216
218
  if (visibleInner !== nextOpen) {
217
219
  if (nextOpen && _includesInstanceProperty(triggerTypeArray).call(triggerTypeArray, triggerType)) {
218
220
  onTrigger === null || onTrigger === void 0 ? void 0 : onTrigger(triggerType);
@@ -220,7 +222,7 @@ export var Popper = forwardRef(function (props, ref) {
220
222
  if (typeof visible === 'undefined') {
221
223
  setVisibleInner(nextOpen);
222
224
  }
223
- onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(nextOpen, triggerType);
225
+ (_a = onVisibleChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onVisibleChangeRef, nextOpen, triggerType);
224
226
  }
225
227
  if (!nextOpen && _Object$keys(subPopupRefs.current || {}).length) {
226
228
  _Object$values(subPopupRefs.current).forEach(function (d) {
@@ -326,6 +328,9 @@ export var Popper = forwardRef(function (props, ref) {
326
328
  triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode[type]('mouseleave', onMouseLeave);
327
329
  }
328
330
  };
331
+ useEffect(function () {
332
+ onVisibleChangeRef.current = onVisibleChange;
333
+ }, [onVisibleChange]);
329
334
  useEffect(function () {
330
335
  setPlacementInner(getRealPlacement(placement));
331
336
  }, [placement]);
package/lib/date-picker/date-panel.js CHANGED
@@ -11,7 +11,7 @@ exports.default = void 0;
11
11
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
12
12
  var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
13
13
  var _react = _interopRequireWildcard(require("react"));
14
- var _classnames4 = _interopRequireDefault(require("classnames"));
14
+ var _classnames2 = _interopRequireDefault(require("classnames"));
15
15
  var _month = _interopRequireDefault(require("./panel/month/month"));
16
16
  var _year = _interopRequireDefault(require("./panel/year/year"));
17
17
  var _quarter = _interopRequireDefault(require("./panel/quarter/quarter"));
@@ -128,7 +128,7 @@ function Panel(props) {
128
128
  var _getYearsPeriod = (0, _dateFns.getYearsPeriod)(viewDate, yearItemNumber),
129
129
  startPeriod = _getYearsPeriod.startPeriod,
130
130
  endPeriod = _getYearsPeriod.endPeriod;
131
- var headerCls = (0, _classnames4.default)("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-year"));
131
+ var headerCls = (0, _classnames2.default)("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-year"));
132
132
  return {
133
133
  children: _react.default.createElement(_react.default.Fragment, null, startPeriod, " - ", endPeriod),
134
134
  className: headerCls
@@ -142,27 +142,31 @@ function Panel(props) {
142
142
  };
143
143
  var renderMonthHeader = function renderMonthHeader() {
144
144
  var year = (0, _dateFns.getYear)(viewDate);
145
- var headerCls = (0, _classnames4.default)("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-month"), "".concat(prefixCls, "-header-text-inner-hover"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-header-text-inner-active"), isInnerYear));
145
+ var headerCls = (0, _classnames2.default)("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-month"), "".concat(prefixCls, "-header-text-inner-hover"));
146
+ var yearOnly = renderYearHeader();
146
147
  return {
147
- children: _react.default.createElement("span", {
148
+ children: isInnerYear ? yearOnly.children : _react.default.createElement("span", {
148
149
  onClick: onHeaderYearClick
149
150
  }, year + locale.year),
150
- className: headerCls
151
+ className: isInnerYear ? yearOnly.className : headerCls
151
152
  };
152
153
  };
153
154
  var renderDateHeader = function renderDateHeader() {
154
155
  var year = (0, _dateFns.getYear)(viewDate);
155
156
  var month = (0, _dateFns.getMonth)(viewDate);
156
- var headerCls = (0, _classnames4.default)("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-date"));
157
+ var headerCls = (0, _classnames2.default)("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-date"));
158
+ var yearOnly = renderYearHeader();
159
+ var yearText = isInnerYear ? yearOnly.children : _react.default.createElement("span", {
160
+ className: (0, _classnames2.default)("".concat(prefixCls, "-header-text-inner"), "".concat(prefixCls, "-header-text-inner-hover")),
161
+ onClick: onHeaderYearClick
162
+ }, year + locale.year);
163
+ var monthText = isInnerMonth || isInnerYear ? null : _react.default.createElement("span", {
164
+ className: (0, _classnames2.default)("".concat(prefixCls, "-header-text-inner"), "".concat(prefixCls, "-header-text-inner-hover"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-header-text-inner-active"), isInnerMonth)),
165
+ onClick: onHeaderMonthClick
166
+ }, locale.monthTitle[month]);
157
167
  return {
158
- children: _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("span", {
159
- className: (0, _classnames4.default)("".concat(prefixCls, "-header-text-inner"), "".concat(prefixCls, "-header-text-inner-hover"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-header-text-inner-active"), isInnerYear)),
160
- onClick: onHeaderYearClick
161
- }, year + locale.year), _react.default.createElement("span", {
162
- className: (0, _classnames4.default)("".concat(prefixCls, "-header-text-inner"), "".concat(prefixCls, "-header-text-inner-hover"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-header-text-inner-active"), isInnerMonth)),
163
- onClick: onHeaderMonthClick
164
- }, locale.monthTitle[month])),
165
- className: headerCls
168
+ children: (locale === null || locale === void 0 ? void 0 : locale.monthBeforeYear) ? [monthText, yearText] : [yearText, monthText],
169
+ className: isInnerYear ? yearOnly.className : headerCls
166
170
  };
167
171
  };
168
172
  var onSuperPrev = function onSuperPrev() {
@@ -241,10 +245,10 @@ function Panel(props) {
241
245
  {
242
246
  headerObj = renderDateHeader();
243
247
  headerProps = {
244
- onPrev: isPositionLeft && !isInnerPicker || isInnerMonth || isPositionUnset ? onPrev : undefined,
245
- onNext: isPositionRight && !isInnerPicker || isInnerMonth || isPositionUnset ? onNext : undefined,
246
- onSuperPrev: isPositionLeft && !isInnerPicker || isInnerYear || isPositionUnset ? onSuperPrev : undefined,
247
- onSuperNext: isPositionRight && !isInnerPicker || isInnerYear || isPositionUnset ? onSuperNext : undefined
248
+ onPrev: !isInnerPicker && (isPositionLeft || isPositionUnset) ? onPrev : undefined,
249
+ onNext: !isInnerPicker && (isPositionRight || isPositionUnset) ? onNext : undefined,
250
+ onSuperPrev: isPositionLeft && !isInnerPicker || isInnerYear || isInnerMonth || isPositionUnset ? onSuperPrev : undefined,
251
+ onSuperNext: isPositionRight && !isInnerPicker || isInnerYear || isInnerMonth || isPositionUnset ? onSuperNext : undefined
248
252
  };
249
253
  panel = renderDatePanel();
250
254
  break;
@@ -254,10 +258,10 @@ function Panel(props) {
254
258
  panel = renderDatePanel();
255
259
  headerObj = renderDateHeader();
256
260
  headerProps = {
257
- onPrev: isPositionLeft && !isInnerPicker || isInnerMonth || isPositionUnset ? onPrev : undefined,
258
- onNext: isPositionRight && !isInnerPicker || isInnerMonth || isPositionUnset ? onNext : undefined,
259
- onSuperPrev: isPositionLeft && !isInnerPicker || isInnerYear || isPositionUnset ? onSuperPrev : undefined,
260
- onSuperNext: isPositionRight && !isInnerPicker || isInnerYear || isPositionUnset ? onSuperNext : undefined
261
+ onPrev: !isInnerPicker && (isPositionLeft || isPositionUnset) ? onPrev : undefined,
262
+ onNext: !isInnerPicker && (isPositionRight || isPositionUnset) ? onNext : undefined,
263
+ onSuperPrev: isPositionLeft && !isInnerPicker || isInnerYear || isInnerMonth || isPositionUnset ? onSuperPrev : undefined,
264
+ onSuperNext: isPositionRight && !isInnerPicker || isInnerYear || isInnerMonth || isPositionUnset ? onSuperNext : undefined
261
265
  };
262
266
  break;
263
267
  }
@@ -272,7 +276,7 @@ function Panel(props) {
272
276
  }
273
277
  }
274
278
  var showHeader = !(picker === 'date' && showTime || picker === 'time') || innerPicker !== undefined;
275
- var containerCls = (0, _classnames4.default)("".concat(prefixCls, "-warpper"));
279
+ var containerCls = (0, _classnames2.default)("".concat(prefixCls, "-warpper"));
276
280
  return _react.default.createElement("div", {
277
281
  className: containerCls
278
282
  }, showHeader ? getHeader() : null, panel);
package/lib/date-picker/interface.d.ts CHANGED
@@ -23,6 +23,7 @@ export interface Locale {
23
23
  'DatePicker.rangeWeekPlaceholder': [string, string];
24
24
  'DatePicker.rangeQuarterPlaceholder': [string, string];
25
25
  'DatePicker.rangeTimePlaceholder': [string, string];
26
+ 'DatePicker.monthBeforeYear': boolean;
26
27
  }
27
28
  export interface InnerLocale {
28
29
  locale: string;
@@ -45,6 +46,7 @@ export interface InnerLocale {
45
46
  rangeWeekPlaceholder: [string, string];
46
47
  rangeQuarterPlaceholder: [string, string];
47
48
  rangeTimePlaceholder: [string, string];
49
+ monthBeforeYear: boolean;
48
50
  }
49
51
  export declare type InnerLocaleKey = keyof InnerLocale;
50
52
  export declare type PanelMode = 'time' | 'date' | 'week' | 'month' | 'quarter' | 'year' | 'decade';
package/lib/date-picker/locale/zh_CN.js CHANGED
@@ -23,7 +23,8 @@ var locale = {
23
23
  'DatePicker.rangeMonthPlaceholder': ['开始月份', '结束月份'],
24
24
  'DatePicker.rangeWeekPlaceholder': ['开始周', '结束周'],
25
25
  'DatePicker.rangeQuarterPlaceholder': ['开始季度', '结束季度'],
26
- 'DatePicker.rangeTimePlaceholder': ['开始时间', '结束时间']
26
+ 'DatePicker.rangeTimePlaceholder': ['开始时间', '结束时间'],
27
+ 'DatePicker.monthBeforeYear': false
27
28
  };
28
29
  var _default = locale;
29
30
  exports.default = _default;
package/lib/locale/en-US.d.ts CHANGED
@@ -40,6 +40,7 @@ declare const locale: {
40
40
  'Pagination.order': string;
41
41
  'Pagination.forward': string;
42
42
  'Pagination.backward': string;
43
+ 'Pagination.confirm': string;
43
44
  'Transfer.selectAll': string;
44
45
  'Transfer.searchPlaceholder': string[];
45
46
  'Transfer.leftTitle': string;
package/lib/locale/en-US.js CHANGED
@@ -46,6 +46,7 @@ var locale = {
46
46
  'Pagination.order': 'Page {order}',
47
47
  'Pagination.forward': 'Forward 5 pages',
48
48
  'Pagination.backward': 'Backward 5 pages',
49
+ 'Pagination.confirm': 'GO',
49
50
  'Transfer.selectAll': 'Select all',
50
51
  'Transfer.searchPlaceholder': ['Please enter search content', 'Please enter search content'],
51
52
  'Transfer.leftTitle': 'Available list',
package/lib/locale/locale.d.ts CHANGED
@@ -46,6 +46,7 @@ declare class LocaleCache {
46
46
  'Pagination.order': string;
47
47
  'Pagination.forward': string;
48
48
  'Pagination.backward': string;
49
+ 'Pagination.confirm': string;
49
50
  'Transfer.selectAll': string;
50
51
  'Transfer.searchPlaceholder': string[];
51
52
  'Transfer.leftTitle': string;
@@ -61,10 +62,10 @@ declare class LocaleCache {
61
62
  'QuickSearch.nplDesc': string;
62
63
  'QuickSearch.emptyTip': string;
63
64
  'QuickSearch.or': string;
64
- 'CityPicker.domestic': string;
65
- 'CityPicker.common': string; /**
65
+ 'CityPicker.domestic': string; /**
66
66
  * 获取当前语言类型
67
67
  */
68
+ 'CityPicker.common': string;
68
69
  'CityPicker.emptyText': string;
69
70
  'CityPicker.commonEmptyText': string;
70
71
  'CityPicker.tabsDomestic': string;
@@ -145,6 +146,7 @@ declare class LocaleCache {
145
146
  'DatePicker.rangeWeekPlaceholder': [string, string];
146
147
  'DatePicker.rangeQuarterPlaceholder': [string, string];
147
148
  'DatePicker.rangeTimePlaceholder': [string, string];
149
+ 'DatePicker.monthBeforeYear': boolean;
148
150
  locale: string;
149
151
  } | undefined;
150
152
  /**
package/lib/locale/zh-CN.d.ts CHANGED
@@ -20,6 +20,7 @@ declare const locale: {
20
20
  'Pagination.order': string;
21
21
  'Pagination.forward': string;
22
22
  'Pagination.backward': string;
23
+ 'Pagination.confirm': string;
23
24
  'Transfer.selectAll': string;
24
25
  'Transfer.searchPlaceholder': string[];
25
26
  'Transfer.leftTitle': string;
@@ -117,6 +118,7 @@ declare const locale: {
117
118
  'DatePicker.rangeWeekPlaceholder': [string, string];
118
119
  'DatePicker.rangeQuarterPlaceholder': [string, string];
119
120
  'DatePicker.rangeTimePlaceholder': [string, string];
121
+ 'DatePicker.monthBeforeYear': boolean;
120
122
  locale: string;
121
123
  };
122
124
  export default locale;
package/lib/locale/zh-CN.js CHANGED
@@ -31,6 +31,7 @@ var locale = (0, _extends2.default)((0, _extends2.default)({
31
31
  'Pagination.order': '第 {order} 页',
32
32
  'Pagination.forward': '向前 5 页',
33
33
  'Pagination.backward': '向后 5 页',
34
+ 'Pagination.confirm': '确定',
34
35
  'Transfer.selectAll': '全选',
35
36
  'Transfer.searchPlaceholder': ['请输入需要搜索的内容', '请输入需要搜索的内容'],
36
37
  'Transfer.leftTitle': '可选列表',
package/lib/modal/modal.js CHANGED
@@ -99,6 +99,8 @@ var InternalModal = function InternalModal(props, ref) {
99
99
  customPrefixcls = modalProps.prefixCls,
100
100
  title = modalProps.title,
101
101
  titleIcon = modalProps.titleIcon,
102
+ titleClassName = modalProps.titleClassName,
103
+ titleStyle = modalProps.titleStyle,
102
104
  type = modalProps.type,
103
105
  visible = modalProps.visible,
104
106
  width = modalProps.width,
@@ -109,7 +111,7 @@ var InternalModal = function InternalModal(props, ref) {
109
111
  bounds = modalProps.bounds,
110
112
  overroll = modalProps.overroll,
111
113
  resizable = modalProps.resizable,
112
- others = __rest(modalProps, ["body", "bodyClassName", "bodyStyle", "cancelButtonProps", "cancelText", "className", "closable", "closeIcon", "destroyOnClose", "draggable", "focusTriggerAfterClose", "footer", "footerClassName", "footerStyle", "footerBtnOrder", "getContainer", "height", "keyboard", "mask", "maskClosable", "maskStyle", "maskClassName", "okButtonProps", "okText", "onCancel", "onOk", "prefixCls", "title", "titleIcon", "type", "visible", "width", "showline", "onDragStart", "onDrag", "onDragStop", "bounds", "overroll", "resizable"]);
114
+ others = __rest(modalProps, ["body", "bodyClassName", "bodyStyle", "cancelButtonProps", "cancelText", "className", "closable", "closeIcon", "destroyOnClose", "draggable", "focusTriggerAfterClose", "footer", "footerClassName", "footerStyle", "footerBtnOrder", "getContainer", "height", "keyboard", "mask", "maskClosable", "maskStyle", "maskClassName", "okButtonProps", "okText", "onCancel", "onOk", "prefixCls", "title", "titleIcon", "titleClassName", "titleStyle", "type", "visible", "width", "showline", "onDragStart", "onDrag", "onDragStop", "bounds", "overroll", "resizable"]);
113
115
  var isForceController = visible !== undefined;
114
116
  var _useState = (0, _react.useState)(isForceController ? visible : true),
115
117
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -385,7 +387,7 @@ var InternalModal = function InternalModal(props, ref) {
385
387
  };
386
388
  var isHidden = !destroyOnClose && !(isForceController ? visible : innerVisible);
387
389
  var modalClasses = (0, _classnames.default)(modalPrefixCls, className, (_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, "".concat(modalPrefixCls, "-container"), true), (0, _defineProperty2.default)(_classNames3, "".concat(modalPrefixCls, "-container-ie"), _ieUtil.isIE), (0, _defineProperty2.default)(_classNames3, "".concat(modalPrefixCls, "-container-hidden"), isHidden), (0, _defineProperty2.default)(_classNames3, "".concat(modalPrefixCls, "-container-show"), !isHidden), _classNames3));
388
- var headerClass = "".concat(modalPrefixCls, "-header");
390
+ var headerClass = (0, _classnames.default)("".concat(modalPrefixCls, "-header"), titleClassName);
389
391
  var container = _react.default.createElement("div", {
390
392
  className: (0, _classnames.default)((_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, "".concat(modalPrefixCls, "-container-box"), true), (0, _defineProperty2.default)(_classNames4, "".concat(modalPrefixCls, "-has-container-box"), modalContainer && !overroll), (0, _defineProperty2.default)(_classNames4, "".concat(modalPrefixCls, "-showline"), showline), _classNames4)),
391
393
  style: {
@@ -420,7 +422,8 @@ var InternalModal = function InternalModal(props, ref) {
420
422
  "data-type": "nw",
421
423
  className: (0, _concat.default)(_context9 = "".concat(modalPrefixCls, "-resise-handle ")).call(_context9, modalPrefixCls, "-resise-nw")
422
424
  })), _react.default.createElement("div", {
423
- className: headerClass
425
+ className: headerClass,
426
+ style: titleStyle
424
427
  }, _react.default.createElement("div", {
425
428
  className: "".concat(modalPrefixCls, "-title-container")
426
429
  }, titleIcon !== undefined ? titleIcon : type !== 'normal' && _react.default.createElement("div", {
package/lib/pagination/pagination.js CHANGED
@@ -370,7 +370,7 @@ var Pagination = function Pagination(props) {
370
370
  className: "".concat(prefixCls, "-jumper-button"),
371
371
  disabled: disabled,
372
372
  onClick: handleConfirmCurrentPage
373
- }, "GO")), showSizeSelector && React.createElement("div", {
373
+ }, paginationLangMsg.confirm)), showSizeSelector && React.createElement("div", {
374
374
  className: "".concat(prefixCls, "-options")
375
375
  }, locale.getLangMsg('Pagination', 'perPage', {
376
376
  size: React.createElement(_dropdown.default, (0, _extends2.default)({
package/lib/pagination/style/index.css CHANGED
@@ -696,7 +696,7 @@
696
696
  list-style: none;
697
697
  -webkit-font-feature-settings: 'tnum';
698
698
  font-feature-settings: 'tnum';
699
- width: var(--kd-c-pagination-sizing-square, 24px);
699
+ padding: 0 var(--kd-c-pagination-jumper-spacing-padding-horizontal, 4px);
700
700
  height: var(--kd-c-pagination-sizing-square, 24px);
701
701
  margin-left: var(--kd-c-pagination-button-spacing, 4px);
702
702
  display: -webkit-inline-box;
package/lib/pagination/style/index.less CHANGED
@@ -506,7 +506,7 @@
506
506
 
507
507
  .@{pagination-jumper-prefix-cls}-button {
508
508
  .reset-component;
509
- width: @pagination-size;
509
+ padding: 0 @pagination-jumper-spacing;
510
510
  height: @pagination-size;
511
511
  margin-left: @pagination-button-spacing;
512
512
  display: inline-flex;
package/lib/pagination/style/token.less CHANGED
@@ -24,6 +24,7 @@
24
24
  // spacing
25
25
  @pagination-button-spacing: var(~'@{pagination-custom-prefix}-button-spacing', 4px);
26
26
  @pagination-dropdown-item-spacing-horizontal: var(~'@{pagination-custom-prefix}-dropdown-item-spacing-padding-horizontal', 24px);
27
+ @pagination-jumper-spacing: var(~'@{pagination-custom-prefix}-jumper-spacing-padding-horizontal', 4px);
27
28
 
28
29
 
29
30
 
package/lib/popper/index.js CHANGED
@@ -202,6 +202,7 @@ var Popper = (0, _react.forwardRef)(function (props, ref) {
202
202
  var popperRef = ref || popperRefInner;
203
203
  var popperInstance = (0, _react.useRef)(null);
204
204
  var referenceRefInner = (0, _react.useRef)(null);
205
+ var onVisibleChangeRef = (0, _react.useRef)(onVisibleChange);
205
206
  var referenceRef = (referenceElement === null || referenceElement === void 0 ? void 0 : referenceElement.ref) || referenceRefInner;
206
207
  var container = getPopupContainer(getRealDom(referenceRef, referenceElement) || document.body) || document.body;
207
208
  var _useMergedState = (0, _hooks.useMergedState)(false, {
@@ -228,6 +229,7 @@ var Popper = (0, _react.forwardRef)(function (props, ref) {
228
229
  };
229
230
  var changeVisible = function changeVisible(nextOpen) {
230
231
  var triggerType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'unknown';
232
+ var _a;
231
233
  if (visibleInner !== nextOpen) {
232
234
  if (nextOpen && (0, _includes.default)(triggerTypeArray).call(triggerTypeArray, triggerType)) {
233
235
  onTrigger === null || onTrigger === void 0 ? void 0 : onTrigger(triggerType);
@@ -235,7 +237,7 @@ var Popper = (0, _react.forwardRef)(function (props, ref) {
235
237
  if (typeof visible === 'undefined') {
236
238
  setVisibleInner(nextOpen);
237
239
  }
238
- onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(nextOpen, triggerType);
240
+ (_a = onVisibleChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onVisibleChangeRef, nextOpen, triggerType);
239
241
  }
240
242
  if (!nextOpen && (0, _keys.default)(subPopupRefs.current || {}).length) {
241
243
  (0, _values.default)(subPopupRefs.current).forEach(function (d) {
@@ -341,6 +343,9 @@ var Popper = (0, _react.forwardRef)(function (props, ref) {
341
343
  triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode[type]('mouseleave', onMouseLeave);
342
344
  }
343
345
  };
346
+ (0, _react.useEffect)(function () {
347
+ onVisibleChangeRef.current = onVisibleChange;
348
+ }, [onVisibleChange]);
344
349
  (0, _react.useEffect)(function () {
345
350
  setPlacementInner(getRealPlacement(placement));
346
351
  }, [placement]);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kdcloudjs/kdesign",
3
- "version": "1.8.18",
3
+ "version": "1.8.20",
4
4
  "description": "KDesign 金蝶前端react 组件库",
5
5
  "title": "kdesign",
6
6
  "keywords": [
@@ -260,7 +260,8 @@
260
260
  },
261
261
  "resolutions": {
262
262
  "@types/babel__traverse": "7.17.1",
263
- "@types/node": "17.0.41"
263
+ "@types/node": "17.0.41",
264
+ "cheerio": "1.0.0-rc.12"
264
265
  },
265
266
  "license": "Apache-2.0"
266
267
  }