@sheinx/base 3.3.7-beta.6 → 3.4.0-beta.10
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.
- package/cjs/animation-list/animation-list.d.ts.map +1 -1
- package/cjs/animation-list/animation-list.js +4 -2
- package/cjs/animation-list/animation-list.type.d.ts +1 -0
- package/cjs/animation-list/animation-list.type.d.ts.map +1 -1
- package/cjs/badge/badge.d.ts +5 -0
- package/cjs/badge/badge.d.ts.map +1 -0
- package/cjs/badge/badge.js +100 -0
- package/cjs/badge/badge.type.d.ts +81 -0
- package/cjs/badge/badge.type.d.ts.map +1 -0
- package/cjs/badge/badge.type.js +5 -0
- package/cjs/badge/index.d.ts +3 -0
- package/cjs/badge/index.d.ts.map +1 -0
- package/cjs/badge/index.js +20 -0
- package/cjs/checkbox/simple-checkbox.js +1 -0
- package/cjs/date-picker/confirm.d.ts +5 -0
- package/cjs/date-picker/confirm.d.ts.map +1 -0
- package/cjs/date-picker/confirm.js +31 -0
- package/cjs/date-picker/confirm.type.d.ts +5 -0
- package/cjs/date-picker/confirm.type.d.ts.map +1 -0
- package/cjs/date-picker/confirm.type.js +5 -0
- package/cjs/date-picker/date-picker.d.ts.map +1 -1
- package/cjs/date-picker/date-picker.js +37 -6
- package/cjs/date-picker/date-picker.type.d.ts +22 -2
- package/cjs/date-picker/date-picker.type.d.ts.map +1 -1
- package/cjs/date-picker/day.d.ts.map +1 -1
- package/cjs/date-picker/day.js +35 -15
- package/cjs/date-picker/month.d.ts.map +1 -1
- package/cjs/date-picker/month.js +5 -1
- package/cjs/date-picker/picker.d.ts.map +1 -1
- package/cjs/date-picker/picker.js +24 -3
- package/cjs/date-picker/picker.type.d.ts +6 -2
- package/cjs/date-picker/picker.type.d.ts.map +1 -1
- package/cjs/date-picker/quarter.d.ts.map +1 -1
- package/cjs/date-picker/quarter.js +5 -1
- package/cjs/date-picker/time.d.ts.map +1 -1
- package/cjs/date-picker/time.js +13 -7
- package/cjs/date-picker/year.d.ts.map +1 -1
- package/cjs/date-picker/year.js +5 -1
- package/cjs/dropdown/dropdown.type.d.ts +6 -0
- package/cjs/dropdown/dropdown.type.d.ts.map +1 -1
- package/cjs/dropdown/dropdownIn.d.ts.map +1 -1
- package/cjs/dropdown/dropdownIn.js +3 -1
- package/cjs/icons/config.d.ts +3 -0
- package/cjs/icons/config.d.ts.map +1 -1
- package/cjs/icons/config.js +3 -0
- package/cjs/icons/icons.d.ts +1 -0
- package/cjs/icons/icons.d.ts.map +1 -1
- package/cjs/icons/icons.js +3 -1
- package/cjs/index.d.ts +2 -0
- package/cjs/index.d.ts.map +1 -1
- package/cjs/index.js +24 -0
- package/cjs/link/index.d.ts +3 -0
- package/cjs/link/index.d.ts.map +1 -0
- package/cjs/link/index.js +20 -0
- package/cjs/link/link.d.ts +5 -0
- package/cjs/link/link.d.ts.map +1 -0
- package/cjs/link/link.js +52 -0
- package/cjs/link/link.type.d.ts +50 -0
- package/cjs/link/link.type.d.ts.map +1 -0
- package/cjs/link/link.type.js +5 -0
- package/cjs/select/list-columns.js +1 -1
- package/cjs/select/list-option.d.ts.map +1 -1
- package/cjs/select/list-option.js +27 -3
- package/cjs/select/list-option.type.d.ts +3 -0
- package/cjs/select/list-option.type.d.ts.map +1 -1
- package/cjs/select/list.d.ts.map +1 -1
- package/cjs/select/list.js +49 -3
- package/cjs/select/select.d.ts.map +1 -1
- package/cjs/select/select.js +33 -9
- package/cjs/select/select.type.d.ts +29 -6
- package/cjs/select/select.type.d.ts.map +1 -1
- package/cjs/table/table.d.ts.map +1 -1
- package/cjs/table/table.js +12 -4
- package/cjs/table/table.type.d.ts +6 -5
- package/cjs/table/table.type.d.ts.map +1 -1
- package/cjs/tabs/tabs-header.d.ts.map +1 -1
- package/cjs/tabs/tabs-header.js +26 -1
- package/cjs/tabs/tabs.type.d.ts +1 -0
- package/cjs/tabs/tabs.type.d.ts.map +1 -1
- package/cjs/transfer/transfer.d.ts.map +1 -1
- package/cjs/transfer/transfer.js +2 -1
- package/cjs/transfer/transfer.type.d.ts +6 -0
- package/cjs/transfer/transfer.type.d.ts.map +1 -1
- package/cjs/virtual-scroll/scroll.d.ts +2 -0
- package/cjs/virtual-scroll/scroll.d.ts.map +1 -1
- package/cjs/virtual-scroll/scroll.js +16 -0
- package/cjs/virtual-scroll/virtual-scroll-list.d.ts.map +1 -1
- package/cjs/virtual-scroll/virtual-scroll-list.js +149 -21
- package/cjs/virtual-scroll/virtual-scroll-list.type.d.ts +2 -0
- package/cjs/virtual-scroll/virtual-scroll-list.type.d.ts.map +1 -1
- package/esm/animation-list/animation-list.d.ts.map +1 -1
- package/esm/animation-list/animation-list.js +4 -2
- package/esm/animation-list/animation-list.type.d.ts +1 -0
- package/esm/animation-list/animation-list.type.d.ts.map +1 -1
- package/esm/badge/badge.d.ts +5 -0
- package/esm/badge/badge.d.ts.map +1 -0
- package/esm/badge/badge.js +95 -0
- package/esm/badge/badge.type.d.ts +81 -0
- package/esm/badge/badge.type.d.ts.map +1 -0
- package/esm/badge/badge.type.js +1 -0
- package/esm/badge/index.d.ts +3 -0
- package/esm/badge/index.d.ts.map +1 -0
- package/esm/badge/index.js +2 -0
- package/esm/checkbox/simple-checkbox.js +1 -0
- package/esm/date-picker/confirm.d.ts +5 -0
- package/esm/date-picker/confirm.d.ts.map +1 -0
- package/esm/date-picker/confirm.js +24 -0
- package/esm/date-picker/confirm.type.d.ts +5 -0
- package/esm/date-picker/confirm.type.d.ts.map +1 -0
- package/esm/date-picker/confirm.type.js +1 -0
- package/esm/date-picker/date-picker.d.ts.map +1 -1
- package/esm/date-picker/date-picker.js +37 -6
- package/esm/date-picker/date-picker.type.d.ts +22 -2
- package/esm/date-picker/date-picker.type.d.ts.map +1 -1
- package/esm/date-picker/day.d.ts.map +1 -1
- package/esm/date-picker/day.js +35 -15
- package/esm/date-picker/month.d.ts.map +1 -1
- package/esm/date-picker/month.js +5 -1
- package/esm/date-picker/picker.d.ts.map +1 -1
- package/esm/date-picker/picker.js +24 -3
- package/esm/date-picker/picker.type.d.ts +6 -2
- package/esm/date-picker/picker.type.d.ts.map +1 -1
- package/esm/date-picker/quarter.d.ts.map +1 -1
- package/esm/date-picker/quarter.js +5 -1
- package/esm/date-picker/time.d.ts.map +1 -1
- package/esm/date-picker/time.js +13 -7
- package/esm/date-picker/year.d.ts.map +1 -1
- package/esm/date-picker/year.js +5 -1
- package/esm/dropdown/dropdown.type.d.ts +6 -0
- package/esm/dropdown/dropdown.type.d.ts.map +1 -1
- package/esm/dropdown/dropdownIn.d.ts.map +1 -1
- package/esm/dropdown/dropdownIn.js +3 -1
- package/esm/icons/config.d.ts +3 -0
- package/esm/icons/config.d.ts.map +1 -1
- package/esm/icons/config.js +3 -0
- package/esm/icons/icons.d.ts +1 -0
- package/esm/icons/icons.d.ts.map +1 -1
- package/esm/icons/icons.js +3 -1
- package/esm/index.d.ts +2 -0
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +2 -0
- package/esm/link/index.d.ts +3 -0
- package/esm/link/index.d.ts.map +1 -0
- package/esm/link/index.js +2 -0
- package/esm/link/link.d.ts +5 -0
- package/esm/link/link.d.ts.map +1 -0
- package/esm/link/link.js +47 -0
- package/esm/link/link.type.d.ts +50 -0
- package/esm/link/link.type.d.ts.map +1 -0
- package/esm/link/link.type.js +1 -0
- package/esm/select/list-columns.js +1 -1
- package/esm/select/list-option.d.ts.map +1 -1
- package/esm/select/list-option.js +27 -3
- package/esm/select/list-option.type.d.ts +3 -0
- package/esm/select/list-option.type.d.ts.map +1 -1
- package/esm/select/list.d.ts.map +1 -1
- package/esm/select/list.js +49 -3
- package/esm/select/select.d.ts.map +1 -1
- package/esm/select/select.js +33 -9
- package/esm/select/select.type.d.ts +29 -6
- package/esm/select/select.type.d.ts.map +1 -1
- package/esm/table/table.d.ts.map +1 -1
- package/esm/table/table.js +13 -5
- package/esm/table/table.type.d.ts +6 -5
- package/esm/table/table.type.d.ts.map +1 -1
- package/esm/tabs/tabs-header.d.ts.map +1 -1
- package/esm/tabs/tabs-header.js +26 -1
- package/esm/tabs/tabs.type.d.ts +1 -0
- package/esm/tabs/tabs.type.d.ts.map +1 -1
- package/esm/transfer/transfer.d.ts.map +1 -1
- package/esm/transfer/transfer.js +2 -1
- package/esm/transfer/transfer.type.d.ts +6 -0
- package/esm/transfer/transfer.type.d.ts.map +1 -1
- package/esm/virtual-scroll/scroll.d.ts +2 -0
- package/esm/virtual-scroll/scroll.d.ts.map +1 -1
- package/esm/virtual-scroll/scroll.js +16 -0
- package/esm/virtual-scroll/virtual-scroll-list.d.ts.map +1 -1
- package/esm/virtual-scroll/virtual-scroll-list.js +150 -22
- package/esm/virtual-scroll/virtual-scroll-list.type.d.ts +2 -0
- package/esm/virtual-scroll/virtual-scroll-list.type.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
6
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
7
|
+
import { util } from '@sheinx/hooks';
|
|
8
|
+
import React from 'react';
|
|
9
|
+
import classNames from 'classnames';
|
|
10
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
|
+
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
12
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
var Badge = function Badge(props) {
|
|
14
|
+
var _jssStyle$badge;
|
|
15
|
+
var jssStyle = props.jssStyle,
|
|
16
|
+
style = props.style,
|
|
17
|
+
children = props.children,
|
|
18
|
+
className = props.className,
|
|
19
|
+
size = props.size,
|
|
20
|
+
dot = props.dot,
|
|
21
|
+
count = props.count,
|
|
22
|
+
overflowCount = props.overflowCount,
|
|
23
|
+
status = props.status,
|
|
24
|
+
showZero = props.showZero,
|
|
25
|
+
color = props.color,
|
|
26
|
+
text = props.text;
|
|
27
|
+
var badgeStyle = (jssStyle === null || jssStyle === void 0 || (_jssStyle$badge = jssStyle.badge) === null || _jssStyle$badge === void 0 ? void 0 : _jssStyle$badge.call(jssStyle)) || {};
|
|
28
|
+
console.log('children', children);
|
|
29
|
+
var isTextBadge = text !== undefined || dot && children === undefined;
|
|
30
|
+
var rootClass = classNames(className, badgeStyle.badge, isTextBadge && badgeStyle.textBadge);
|
|
31
|
+
var isOverflowCount = overflowCount !== undefined && Number(count) > overflowCount;
|
|
32
|
+
var renderCount = function renderCount() {
|
|
33
|
+
if (isOverflowCount) {
|
|
34
|
+
return "".concat(overflowCount, "+");
|
|
35
|
+
}
|
|
36
|
+
return count;
|
|
37
|
+
};
|
|
38
|
+
var renderCustomCount = function renderCustomCount() {
|
|
39
|
+
return /*#__PURE__*/_jsx("span", {
|
|
40
|
+
className: badgeStyle.custom,
|
|
41
|
+
children: count
|
|
42
|
+
});
|
|
43
|
+
};
|
|
44
|
+
var renderSup = function renderSup() {
|
|
45
|
+
var countNode = null;
|
|
46
|
+
var supClass = {};
|
|
47
|
+
if (util.isNumber(count)) {
|
|
48
|
+
if (count === 0 && !showZero) return null;
|
|
49
|
+
countNode = renderCount();
|
|
50
|
+
supClass[badgeStyle.number] = true;
|
|
51
|
+
if (count.toString().length === 1 && !isOverflowCount) {
|
|
52
|
+
supClass[badgeStyle.singleWord] = true;
|
|
53
|
+
}
|
|
54
|
+
if (count.toString().length > 1 || isOverflowCount) {
|
|
55
|
+
supClass[badgeStyle.multipleWords] = true;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
if (util.isString(count)) {
|
|
59
|
+
if (Number(count) === 0 && !showZero) return null;
|
|
60
|
+
countNode = isNaN(Number(count)) ? renderCustomCount() : renderCount();
|
|
61
|
+
}
|
|
62
|
+
if ( /*#__PURE__*/React.isValidElement(count)) {
|
|
63
|
+
countNode = renderCustomCount();
|
|
64
|
+
return /*#__PURE__*/_jsx("sup", {
|
|
65
|
+
style: _objectSpread(_objectSpread({}, style), {}, {
|
|
66
|
+
background: color
|
|
67
|
+
}),
|
|
68
|
+
className: badgeStyle.custom,
|
|
69
|
+
children: countNode
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
return /*#__PURE__*/_jsx("sup", {
|
|
73
|
+
style: _objectSpread(_objectSpread({}, style), {}, {
|
|
74
|
+
background: color
|
|
75
|
+
}),
|
|
76
|
+
className: classNames(size === 'small' && badgeStyle.small, dot ? badgeStyle.dot : badgeStyle.count, supClass, status && dot && _defineProperty({}, badgeStyle[status], true)),
|
|
77
|
+
children: dot !== true && countNode
|
|
78
|
+
});
|
|
79
|
+
};
|
|
80
|
+
var renderText = function renderText() {
|
|
81
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
82
|
+
children: [/*#__PURE__*/_jsx("span", {
|
|
83
|
+
className: classNames(badgeStyle.textDot, status && _defineProperty({}, badgeStyle[status], true))
|
|
84
|
+
}), text !== undefined && /*#__PURE__*/_jsx("span", {
|
|
85
|
+
className: badgeStyle.text,
|
|
86
|
+
children: text
|
|
87
|
+
})]
|
|
88
|
+
});
|
|
89
|
+
};
|
|
90
|
+
return /*#__PURE__*/_jsxs("span", {
|
|
91
|
+
className: rootClass,
|
|
92
|
+
children: [!isTextBadge && children, !isTextBadge && renderSup(), isTextBadge && renderText()]
|
|
93
|
+
});
|
|
94
|
+
};
|
|
95
|
+
export default Badge;
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CommonType } from '../common/type';
|
|
3
|
+
export interface BadgeClasses {
|
|
4
|
+
badge: string;
|
|
5
|
+
textBadge: string;
|
|
6
|
+
count: string;
|
|
7
|
+
custom: string;
|
|
8
|
+
number: string;
|
|
9
|
+
small: string;
|
|
10
|
+
dot: string;
|
|
11
|
+
textDot: string;
|
|
12
|
+
zoom: string;
|
|
13
|
+
status: string;
|
|
14
|
+
text: string;
|
|
15
|
+
singleWord: string;
|
|
16
|
+
multipleWords: string;
|
|
17
|
+
warning: string;
|
|
18
|
+
success: string;
|
|
19
|
+
error: string;
|
|
20
|
+
default: string;
|
|
21
|
+
processing: string;
|
|
22
|
+
}
|
|
23
|
+
export interface BadgeProps extends Pick<CommonType, 'className' | 'style'> {
|
|
24
|
+
jssStyle?: {
|
|
25
|
+
badge: () => BadgeClasses;
|
|
26
|
+
};
|
|
27
|
+
/**
|
|
28
|
+
* @en Content
|
|
29
|
+
* @cn 内容
|
|
30
|
+
*/
|
|
31
|
+
children?: React.ReactNode;
|
|
32
|
+
/**
|
|
33
|
+
* @en Custom badge color
|
|
34
|
+
* @cn 自定义徽标颜色
|
|
35
|
+
*/
|
|
36
|
+
color?: string;
|
|
37
|
+
/**
|
|
38
|
+
* @en Number to show, show ${overflowCount}+ when it is greater than overflowCount, hide when it is 0
|
|
39
|
+
* @cn 展示的数字,大于 overflowCount 时显示 ${overflowCount}+,为 0 时隐藏
|
|
40
|
+
*/
|
|
41
|
+
count?: React.ReactNode;
|
|
42
|
+
/**
|
|
43
|
+
* @en Dot mode
|
|
44
|
+
* @cn 小点模式,开启后不展示数字
|
|
45
|
+
* @default false
|
|
46
|
+
*/
|
|
47
|
+
dot?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* @en Offset of the badge
|
|
50
|
+
* @cn 偏移量
|
|
51
|
+
*/
|
|
52
|
+
offset?: [number, number];
|
|
53
|
+
/**
|
|
54
|
+
* @en Offset of the badge
|
|
55
|
+
* @cn 封顶数值
|
|
56
|
+
*/
|
|
57
|
+
overflowCount?: number;
|
|
58
|
+
/**
|
|
59
|
+
* @en Whether to show Badge when the number is 0
|
|
60
|
+
* @cn 当数值为 0 时,是否展示 Badge
|
|
61
|
+
*
|
|
62
|
+
*/
|
|
63
|
+
showZero?: boolean;
|
|
64
|
+
/**
|
|
65
|
+
* @en Whether to show Badge when the number is 0
|
|
66
|
+
* @cn 徽标状态
|
|
67
|
+
*
|
|
68
|
+
*/
|
|
69
|
+
status?: 'success' | 'processing' | 'default' | 'error' | 'warning';
|
|
70
|
+
/**
|
|
71
|
+
* @en Status point text, only valid after configuring the status property
|
|
72
|
+
* @cn 状态点文本,仅在配置了 status 属性后生效
|
|
73
|
+
*/
|
|
74
|
+
text?: React.ReactNode;
|
|
75
|
+
/**
|
|
76
|
+
* @en Size, only valid in non-dot mode, supports two sizes: small and default
|
|
77
|
+
* @cn 尺寸,仅在非 dot 模式下生效,支持 small 和 default 两种尺寸
|
|
78
|
+
*/
|
|
79
|
+
size?: 'small' | 'default';
|
|
80
|
+
}
|
|
81
|
+
//# sourceMappingURL=badge.type.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.type.d.ts","sourceRoot":"","sources":["badge.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzE,QAAQ,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,YAAY,CAAC;KAC3B,CAAC;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACpE;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC5B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -65,6 +65,7 @@ var Checkbox = function Checkbox(props) {
|
|
|
65
65
|
}) : null
|
|
66
66
|
}))
|
|
67
67
|
}), children !== undefined && children !== null && /*#__PURE__*/_jsx("span", {
|
|
68
|
+
"data-soui-role": "desc",
|
|
68
69
|
className: checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.desc,
|
|
69
70
|
children: children
|
|
70
71
|
}), typeof renderFooter === 'function' ? renderFooter(checked) : null]
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"confirm.d.ts","sourceRoot":"","sources":["confirm.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,QAAA,MAAM,OAAO,UAAW,YAAY,gBAkBnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { getLocale, useConfig } from "../config";
|
|
3
|
+
import Button from "../button";
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
+
var Confirm = function Confirm(props) {
|
|
6
|
+
var _jssStyle$datePicker;
|
|
7
|
+
var jssStyle = props.jssStyle,
|
|
8
|
+
closeByConfirm = props.closeByConfirm;
|
|
9
|
+
var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle);
|
|
10
|
+
var _useConfig = useConfig(),
|
|
11
|
+
locale = _useConfig.locale;
|
|
12
|
+
return /*#__PURE__*/_jsx("div", {
|
|
13
|
+
className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterConfirm,
|
|
14
|
+
children: /*#__PURE__*/_jsx(Button, {
|
|
15
|
+
size: 'small',
|
|
16
|
+
type: "primary",
|
|
17
|
+
jssStyle: jssStyle,
|
|
18
|
+
className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterBtn,
|
|
19
|
+
onClick: closeByConfirm,
|
|
20
|
+
children: getLocale(locale, 'ok')
|
|
21
|
+
})
|
|
22
|
+
});
|
|
23
|
+
};
|
|
24
|
+
export default Confirm;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"confirm.type.d.ts","sourceRoot":"","sources":["confirm.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC;IACvE,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAiB1E,QAAA,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAiB1E,QAAA,MAAM,UAAU,oFAwTf,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -52,16 +52,28 @@ var DatePicker = function DatePicker(props0) {
|
|
|
52
52
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
53
53
|
activeIndex = _React$useState2[0],
|
|
54
54
|
setActiveIndex = _React$useState2[1];
|
|
55
|
+
var _React$useState3 = React.useState(0),
|
|
56
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
57
|
+
clickTimes = _React$useState4[0],
|
|
58
|
+
setClickTimes = _React$useState4[1];
|
|
59
|
+
var _React$useState5 = React.useState(false),
|
|
60
|
+
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
61
|
+
isCloseFromConfirm = _React$useState6[0],
|
|
62
|
+
setIsCloseFromConfirm = _React$useState6[1];
|
|
63
|
+
var _React$useState7 = React.useState([]),
|
|
64
|
+
_React$useState8 = _slicedToArray(_React$useState7, 2),
|
|
65
|
+
oldDateArr = _React$useState8[0],
|
|
66
|
+
setOldDateArr = _React$useState8[1];
|
|
55
67
|
var inputRef = useRef({
|
|
56
68
|
inputRef: null
|
|
57
69
|
});
|
|
58
70
|
var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle);
|
|
59
71
|
var isRTL = direction === 'rtl';
|
|
60
72
|
var dfp = isRTL ? 'bottom-right' : 'bottom-left';
|
|
61
|
-
var _React$
|
|
62
|
-
_React$
|
|
63
|
-
focused = _React$
|
|
64
|
-
setFocused = _React$
|
|
73
|
+
var _React$useState9 = React.useState(false),
|
|
74
|
+
_React$useState10 = _slicedToArray(_React$useState9, 2),
|
|
75
|
+
focused = _React$useState10[0],
|
|
76
|
+
setFocused = _React$useState10[1];
|
|
65
77
|
var listPosition = props.position || dfp;
|
|
66
78
|
if (horizontalPosition.includes(listPosition)) {
|
|
67
79
|
listPosition = listPosition.split('-').reverse().join('-');
|
|
@@ -89,6 +101,7 @@ var DatePicker = function DatePicker(props0) {
|
|
|
89
101
|
clearable: clearable,
|
|
90
102
|
disabled: disabled,
|
|
91
103
|
clearWithUndefined: props.clearWithUndefined,
|
|
104
|
+
clearToUndefined: props.clearToUndefined,
|
|
92
105
|
onClear: undefined,
|
|
93
106
|
allowSingle: props.allowSingle,
|
|
94
107
|
defaultCurrent: props.defaultPickerValue || props.defaultRangeMonth,
|
|
@@ -107,9 +120,20 @@ var DatePicker = function DatePicker(props0) {
|
|
|
107
120
|
var onCollapse = usePersistFn(function (isOpen) {
|
|
108
121
|
var _props$onCollapse;
|
|
109
122
|
if (isOpen) {
|
|
123
|
+
setOldDateArr(dateArr);
|
|
110
124
|
func.startEdit();
|
|
111
125
|
} else {
|
|
112
|
-
|
|
126
|
+
setClickTimes(0);
|
|
127
|
+
if (props.needConfirm) {
|
|
128
|
+
if (!isCloseFromConfirm) {
|
|
129
|
+
func.handleClear();
|
|
130
|
+
// 点击空白处关闭面板时,还原到上次的值
|
|
131
|
+
func.setDateArr(oldDateArr);
|
|
132
|
+
}
|
|
133
|
+
} else {
|
|
134
|
+
func.finishEdit();
|
|
135
|
+
}
|
|
136
|
+
setIsCloseFromConfirm(false);
|
|
113
137
|
}
|
|
114
138
|
(_props$onCollapse = props.onCollapse) === null || _props$onCollapse === void 0 || _props$onCollapse.call(props, isOpen);
|
|
115
139
|
});
|
|
@@ -153,9 +177,13 @@ var DatePicker = function DatePicker(props0) {
|
|
|
153
177
|
setFocused(false);
|
|
154
178
|
(_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, e);
|
|
155
179
|
});
|
|
156
|
-
var handleClose = function handleClose() {
|
|
180
|
+
var handleClose = function handleClose(isFromConfirm) {
|
|
157
181
|
var _inputRef$current$inp;
|
|
182
|
+
setIsCloseFromConfirm(isFromConfirm || false);
|
|
158
183
|
closePop();
|
|
184
|
+
if (isFromConfirm) {
|
|
185
|
+
func.finishEdit();
|
|
186
|
+
}
|
|
159
187
|
(_inputRef$current$inp = inputRef.current.inputRef) === null || _inputRef$current$inp === void 0 || _inputRef$current$inp.blur();
|
|
160
188
|
};
|
|
161
189
|
var handleResultClick = usePersistFn(function () {
|
|
@@ -264,12 +292,15 @@ var DatePicker = function DatePicker(props0) {
|
|
|
264
292
|
disabledTime: props.disabledTime,
|
|
265
293
|
quickSelect: props.quickSelect,
|
|
266
294
|
showSelNow: props.showSelNow,
|
|
295
|
+
clickTimes: clickTimes,
|
|
296
|
+
setClickTimes: setClickTimes,
|
|
267
297
|
setActiveIndex: setActiveIndex,
|
|
268
298
|
hourStep: props.hourStep,
|
|
269
299
|
minuteStep: props.minuteStep,
|
|
270
300
|
secondStep: props.secondStep,
|
|
271
301
|
registerModeDisabled: func.registerModeDisabled,
|
|
272
302
|
isDisabledDate: func.isDisabledDate,
|
|
303
|
+
needConfirm: props.needConfirm,
|
|
273
304
|
children: props.children
|
|
274
305
|
})
|
|
275
306
|
})
|
|
@@ -5,6 +5,7 @@ import { ButtonClasses } from '../button/button.type';
|
|
|
5
5
|
import { InnerTitleClasses } from '../common/use-inner-title';
|
|
6
6
|
import { BaseTipProps } from '../common/use-tip';
|
|
7
7
|
import { PopoverClasses } from '../popover/popover.type';
|
|
8
|
+
import { LinkClasses } from '../link/link.type';
|
|
8
9
|
import type { DatePickerValueType, DateTimeType } from '@sheinx/hooks';
|
|
9
10
|
export type { DateTimeType, DatePickerValueType, DatePickerModeType } from '@sheinx/hooks';
|
|
10
11
|
export type AreaType = 'year' | 'month' | 'week' | 'day' | 'time' | 'quick' | 'quarter';
|
|
@@ -63,10 +64,14 @@ export interface DatePickerClasses {
|
|
|
63
64
|
pickerCellInRange: string;
|
|
64
65
|
pickerCellInRangeStart: string;
|
|
65
66
|
pickerCellInRangeEnd: string;
|
|
67
|
+
pickerRange: string;
|
|
68
|
+
pickerRangeBody: string;
|
|
69
|
+
pickerRangeFooter: string;
|
|
66
70
|
pickerFooter: string;
|
|
67
71
|
pickerFooterBtn: string;
|
|
68
|
-
|
|
69
|
-
|
|
72
|
+
pickerFooterTime: string;
|
|
73
|
+
pickerFooterNow: string;
|
|
74
|
+
pickerFooterConfirm: string;
|
|
70
75
|
dayPicker: string;
|
|
71
76
|
weekPicker: string;
|
|
72
77
|
yearPicker: string;
|
|
@@ -88,6 +93,7 @@ export type DisabledType = 'start' | 'end';
|
|
|
88
93
|
interface DatePickerJssStyle {
|
|
89
94
|
datePicker?: () => DatePickerClasses;
|
|
90
95
|
button?: () => ButtonClasses;
|
|
96
|
+
link?: () => LinkClasses;
|
|
91
97
|
innerTitle?: () => InnerTitleClasses;
|
|
92
98
|
popover?: () => PopoverClasses;
|
|
93
99
|
}
|
|
@@ -189,6 +195,13 @@ export interface DatePickerProps<Value extends DatePickerValueType> extends Pick
|
|
|
189
195
|
* @default false
|
|
190
196
|
*/
|
|
191
197
|
clearWithUndefined?: boolean;
|
|
198
|
+
/**
|
|
199
|
+
* @en After clicking the clear button, the data becomes undefined
|
|
200
|
+
* @cn 点击清除按钮后数据变为 undefined
|
|
201
|
+
* @default false
|
|
202
|
+
* @version 3.4.0
|
|
203
|
+
*/
|
|
204
|
+
clearToUndefined?: boolean;
|
|
192
205
|
/**
|
|
193
206
|
* @en allow single select, only in range can set
|
|
194
207
|
* @cn 是否允许单选, 仅在 range 模式下有效
|
|
@@ -296,6 +309,13 @@ export interface DatePickerProps<Value extends DatePickerValueType> extends Pick
|
|
|
296
309
|
* @default true
|
|
297
310
|
*/
|
|
298
311
|
adjust?: boolean;
|
|
312
|
+
/**
|
|
313
|
+
* @en Whether to open the manual confirmation button. After opening, only clicking the confirmation button will submit the selected value.
|
|
314
|
+
* @cn 是否开启手动确认按钮,开启后只有点击确认按钮才会提交选择的值。
|
|
315
|
+
* @default false
|
|
316
|
+
* @version 3.4.0
|
|
317
|
+
*/
|
|
318
|
+
needConfirm?: boolean;
|
|
299
319
|
}
|
|
300
320
|
export interface QuickSelectType {
|
|
301
321
|
name: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.type.d.ts","sourceRoot":"","sources":["date-picker.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"date-picker.type.d.ts","sourceRoot":"","sources":["date-picker.type.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"day.d.ts","sourceRoot":"","sources":["day.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"day.d.ts","sourceRoot":"","sources":["day.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAI3C,QAAA,MAAM,GAAG,UAAW,QAAQ,gBAsR3B,CAAC;AAEF,eAAe,GAAG,CAAC"}
|
package/esm/date-picker/day.js
CHANGED
|
@@ -10,8 +10,9 @@ import classNames from 'classnames';
|
|
|
10
10
|
import Icons from "../icons";
|
|
11
11
|
import { getLocale, useConfig } from "../config";
|
|
12
12
|
import TimePicker from "./time";
|
|
13
|
-
import
|
|
13
|
+
import Link from "../link";
|
|
14
14
|
import PickerTitle from "./pickerTitle";
|
|
15
|
+
import Confirm from "./confirm";
|
|
15
16
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
16
17
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
17
18
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
@@ -23,8 +24,8 @@ var Day = function Day(props) {
|
|
|
23
24
|
direction = _useConfig.direction;
|
|
24
25
|
var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle);
|
|
25
26
|
var areaType = props.type === 'week' ? 'week' : 'day';
|
|
26
|
-
var onChange = usePersistFn(function (date) {
|
|
27
|
-
props.onChange(date, props.type === 'datetime');
|
|
27
|
+
var onChange = usePersistFn(function (date, noClose) {
|
|
28
|
+
props.onChange(date, noClose || props.type === 'datetime');
|
|
28
29
|
props.setTarget(undefined);
|
|
29
30
|
});
|
|
30
31
|
var setCurrent = usePersistFn(function (date) {
|
|
@@ -54,7 +55,10 @@ var Day = function Day(props) {
|
|
|
54
55
|
var now = new Date();
|
|
55
56
|
if (func.isDisabled(now)) return;
|
|
56
57
|
props.setCurrent(new Date(), areaType);
|
|
57
|
-
props.onChange(new Date(), props.type === 'datetime');
|
|
58
|
+
props.onChange(new Date(), props.needConfirm || props.type === 'datetime');
|
|
59
|
+
setTimeout(function () {
|
|
60
|
+
if (props.closeByConfirm && !props.range) props.closeByConfirm();
|
|
61
|
+
}, 0);
|
|
58
62
|
};
|
|
59
63
|
var renderDay = function renderDay(item, index) {
|
|
60
64
|
var isActive = func.isActive(item);
|
|
@@ -66,7 +70,12 @@ var Day = function Day(props) {
|
|
|
66
70
|
dir: direction,
|
|
67
71
|
className: classNames(styles === null || styles === void 0 ? void 0 : styles.pickerCell, isActive && (styles === null || styles === void 0 ? void 0 : styles.pickerCellActive), !isCurrentMonth && (styles === null || styles === void 0 ? void 0 : styles.pickerCellBound), isDisabled && (styles === null || styles === void 0 ? void 0 : styles.pickerCellDisabled), isToday && (styles === null || styles === void 0 ? void 0 : styles.pickerCellToday), isInRange && (styles === null || styles === void 0 ? void 0 : styles.pickerCellInRange), (isInRange === 'start' || isInRange === 'start-end') && props.position === 'start' && (styles === null || styles === void 0 ? void 0 : styles.pickerCellInRangeStart), (isInRange === 'end' || isInRange === 'start-end') && props.position === 'end' && (styles === null || styles === void 0 ? void 0 : styles.pickerCellInRangeEnd)),
|
|
68
72
|
onClick: function onClick() {
|
|
69
|
-
|
|
73
|
+
if (props.range) {
|
|
74
|
+
func.handleDayClick(item, props.needConfirm || props.clickTimes < 1);
|
|
75
|
+
props.setClickTimes(props.clickTimes + 1);
|
|
76
|
+
} else {
|
|
77
|
+
func.handleDayClick(item, props.needConfirm);
|
|
78
|
+
}
|
|
70
79
|
},
|
|
71
80
|
onDoubleClick: function onDoubleClick() {
|
|
72
81
|
var _props$onDoubleClick;
|
|
@@ -112,7 +121,6 @@ var Day = function Day(props) {
|
|
|
112
121
|
var renderFooter = function renderFooter() {
|
|
113
122
|
var _props$rangeDate, _props$rangeDate2;
|
|
114
123
|
var showLeft = props.type === 'datetime' && (((_props$rangeDate = props.rangeDate) === null || _props$rangeDate === void 0 ? void 0 : _props$rangeDate[0]) || ((_props$rangeDate2 = props.rangeDate) === null || _props$rangeDate2 === void 0 ? void 0 : _props$rangeDate2[1]));
|
|
115
|
-
var showRight = props.showSelNow;
|
|
116
124
|
var timeStr = func.getTimeStr();
|
|
117
125
|
if (!showLeft && !props.showSelNow) return null;
|
|
118
126
|
var format = props.format;
|
|
@@ -123,11 +131,18 @@ var Day = function Day(props) {
|
|
|
123
131
|
// eslint-disable-next-line
|
|
124
132
|
if (match) format = match[0];
|
|
125
133
|
}
|
|
134
|
+
var showNeedConfirm = props.needConfirm && !props.range;
|
|
126
135
|
return /*#__PURE__*/_jsxs("div", {
|
|
127
136
|
className: styles === null || styles === void 0 ? void 0 : styles.pickerFooter,
|
|
128
137
|
dir: direction,
|
|
138
|
+
style: {
|
|
139
|
+
borderTop: props.needConfirm && props.range ? 'none' : ''
|
|
140
|
+
},
|
|
129
141
|
children: [props.type === 'datetime' && /*#__PURE__*/_jsx("div", {
|
|
130
|
-
className: classNames(styles === null || styles === void 0 ? void 0 : styles.
|
|
142
|
+
className: classNames(styles === null || styles === void 0 ? void 0 : styles.pickerFooterTime, styles === null || styles === void 0 ? void 0 : styles.datetime, !timeStr && (styles === null || styles === void 0 ? void 0 : styles.datetimeHide)),
|
|
143
|
+
style: {
|
|
144
|
+
paddingRight: showNeedConfirm ? 0 : undefined
|
|
145
|
+
},
|
|
131
146
|
children: /*#__PURE__*/_jsxs(_Fragment, {
|
|
132
147
|
children: [/*#__PURE__*/_jsx("span", {
|
|
133
148
|
children: Icons.datepicker.Time
|
|
@@ -139,25 +154,30 @@ var Day = function Day(props) {
|
|
|
139
154
|
children: timeStr
|
|
140
155
|
})]
|
|
141
156
|
})
|
|
142
|
-
}),
|
|
143
|
-
className: styles === null || styles === void 0 ? void 0 : styles.
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
157
|
+
}), props.showSelNow && /*#__PURE__*/_jsxs("div", {
|
|
158
|
+
className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterNow,
|
|
159
|
+
style: {
|
|
160
|
+
marginRight: showNeedConfirm ? 'auto' : undefined,
|
|
161
|
+
paddingLeft: showNeedConfirm ? 6 : undefined
|
|
162
|
+
},
|
|
163
|
+
children: [props.showSelNow && props.type === 'date' && /*#__PURE__*/_jsx(Link, {
|
|
164
|
+
size: "small",
|
|
147
165
|
type: "primary",
|
|
148
166
|
jssStyle: jssStyle,
|
|
149
167
|
className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterBtn,
|
|
150
168
|
onClick: selNow,
|
|
151
169
|
children: getLocale(locale, 'now')
|
|
152
|
-
}), props.showSelNow && props.type === 'datetime' && /*#__PURE__*/_jsx(
|
|
153
|
-
size:
|
|
154
|
-
mode: "text",
|
|
170
|
+
}), props.showSelNow && props.type === 'datetime' && /*#__PURE__*/_jsx(Link, {
|
|
171
|
+
size: "small",
|
|
155
172
|
type: "primary",
|
|
156
173
|
jssStyle: jssStyle,
|
|
157
174
|
className: styles === null || styles === void 0 ? void 0 : styles.pickerFooterBtn,
|
|
158
175
|
onClick: selNow,
|
|
159
176
|
children: getLocale(locale, 'current')
|
|
160
177
|
})]
|
|
178
|
+
}), showNeedConfirm && /*#__PURE__*/_jsx(Confirm, {
|
|
179
|
+
closeByConfirm: props.closeByConfirm,
|
|
180
|
+
jssStyle: jssStyle
|
|
161
181
|
})]
|
|
162
182
|
});
|
|
163
183
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"month.d.ts","sourceRoot":"","sources":["month.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"month.d.ts","sourceRoot":"","sources":["month.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAS1C,QAAA,MAAM,KAAK,UAAW,UAAU,gBA4H/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
package/esm/date-picker/month.js
CHANGED
|
@@ -4,6 +4,7 @@ import Icons from "../icons";
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { useConfig } from "../config";
|
|
6
6
|
import PickerTitle from "./pickerTitle";
|
|
7
|
+
import Confirm from "./confirm";
|
|
7
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
9
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
10
|
var Month = function Month(props) {
|
|
@@ -49,7 +50,7 @@ var Month = function Month(props) {
|
|
|
49
50
|
props.setTarget(undefined);
|
|
50
51
|
},
|
|
51
52
|
onClick: function onClick() {
|
|
52
|
-
func.handleMonthClick(item);
|
|
53
|
+
func.handleMonthClick(item, props.needConfirm);
|
|
53
54
|
},
|
|
54
55
|
children: /*#__PURE__*/_jsx("div", {
|
|
55
56
|
className: styles === null || styles === void 0 ? void 0 : styles.pickerCellContent,
|
|
@@ -111,6 +112,9 @@ var Month = function Month(props) {
|
|
|
111
112
|
})
|
|
112
113
|
})
|
|
113
114
|
})
|
|
115
|
+
}), props.needConfirm && !props.range && /*#__PURE__*/_jsx(Confirm, {
|
|
116
|
+
closeByConfirm: props.closeByConfirm,
|
|
117
|
+
jssStyle: props.jssStyle
|
|
114
118
|
})]
|
|
115
119
|
});
|
|
116
120
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"picker.d.ts","sourceRoot":"","sources":["picker.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"picker.d.ts","sourceRoot":"","sources":["picker.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAU5C,QAAA,MAAM,MAAM,UAAW,WAAW,gBAwJjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|