tdesign-react 0.42.7-alpha.1 → 0.42.7-alpha.2
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/_chunks/dep-6a672006.js +515 -0
- package/cjs/_chunks/dep-6a672006.js.map +1 -0
- package/cjs/_chunks/dep-b5df8873.js +198 -0
- package/cjs/_chunks/dep-b5df8873.js.map +1 -0
- package/cjs/avatar/AvararGroup.js +1 -1
- package/cjs/avatar/Avatar.js +1 -1
- package/cjs/avatar/index.js +1 -1
- package/cjs/form/Form.js +1 -1
- package/cjs/form/FormItem.js +1 -1
- package/cjs/form/index.js +1 -1
- package/cjs/form/useInitialData.js +1 -1
- package/cjs/image-viewer/ImageViewer.js +1 -1
- package/cjs/image-viewer/ImageViewerMini.js +1 -1
- package/cjs/image-viewer/ImageViewerModel.js +1 -1
- package/cjs/image-viewer/index.js +1 -1
- package/cjs/index-lib.js +2 -2
- package/cjs/index.js +2 -2
- package/cjs/popup/hooks/useTrigger.js +3 -29
- package/cjs/popup/hooks/useTrigger.js.map +1 -1
- package/cjs/upload/index.js +1 -1
- package/cjs/upload/themes/DraggerFile.js +1 -1
- package/cjs/upload/themes/ImageCard.js +1 -1
- package/cjs/upload/themes/MultipleFlowList.js +1 -1
- package/cjs/upload/upload.js +1 -1
- package/dist/tdesign.css +317 -301
- package/dist/tdesign.css.map +1 -1
- package/dist/tdesign.js +3 -5
- package/dist/tdesign.js.map +1 -1
- package/dist/tdesign.min.css +1 -1
- package/dist/tdesign.min.css.map +1 -1
- package/dist/tdesign.min.js +1 -1
- package/dist/tdesign.min.js.map +1 -1
- package/es/_chunks/{dep-51336096.js → dep-26aef3c9.js} +1 -1
- package/{lib/_chunks/dep-db75b5b6.js.map → es/_chunks/dep-26aef3c9.js.map} +1 -1
- package/{esm/_chunks/dep-8e115ca7.js → es/_chunks/dep-5e0eb6ae.js} +1 -1
- package/{esm/_chunks/dep-8e115ca7.js.map → es/_chunks/dep-5e0eb6ae.js.map} +1 -1
- package/es/alert/style/index.css +26 -14
- package/es/anchor/style/index.css +5 -12
- package/es/avatar/AvararGroup.js +1 -1
- package/es/avatar/Avatar.js +1 -1
- package/es/avatar/index.js +1 -1
- package/es/breadcrumb/style/index.css +4 -4
- package/es/button/style/index.css +10 -10
- package/es/dialog/style/index.css +4 -4
- package/es/divider/style/index.css +2 -2
- package/es/drawer/style/index.css +16 -11
- package/es/dropdown/style/index.css +11 -10
- package/es/form/Form.js +1 -1
- package/es/form/FormItem.js +1 -1
- package/es/form/index.js +1 -1
- package/es/form/style/index.css +2 -2
- package/es/form/useInitialData.js +1 -1
- package/es/guide/style/index.css +9 -9
- package/es/image-viewer/ImageViewer.js +1 -1
- package/es/image-viewer/ImageViewerMini.js +1 -1
- package/es/image-viewer/ImageViewerModel.js +1 -1
- package/es/image-viewer/index.js +1 -1
- package/es/index.js +2 -2
- package/es/input/style/index.css +1 -1
- package/es/layout/style/index.css +3 -3
- package/es/link/style/index.css +6 -6
- package/es/list/style/index.css +1 -1
- package/es/menu/style/index.css +26 -26
- package/es/message/style/index.css +6 -6
- package/es/notification/style/index.css +8 -13
- package/es/pagination/style/index.css +23 -23
- package/es/popconfirm/style/index.css +7 -7
- package/es/popup/hooks/useTrigger.js +3 -33
- package/es/popup/hooks/useTrigger.js.map +1 -1
- package/es/popup/style/index.css +1 -1
- package/es/radio/style/index.css +16 -1
- package/es/rate/style/index.css +5 -4
- package/es/steps/style/index.css +34 -43
- package/es/style/index.css +4 -3
- package/es/swiper/style/index.css +42 -42
- package/es/tabs/style/index.css +12 -12
- package/es/tag-input/style/index.css +7 -7
- package/es/tree/style/index.css +26 -24
- package/es/upload/index.js +1 -1
- package/es/upload/themes/DraggerFile.js +1 -1
- package/es/upload/themes/ImageCard.js +1 -1
- package/es/upload/themes/MultipleFlowList.js +1 -1
- package/es/upload/upload.js +1 -1
- package/{es/_chunks/dep-8e115ca7.js → esm/_chunks/dep-5e0eb6ae.js} +1 -1
- package/{es/_chunks/dep-8e115ca7.js.map → esm/_chunks/dep-5e0eb6ae.js.map} +1 -1
- package/esm/_chunks/{dep-fad7989c.js → dep-72461c3f.js} +1 -1
- package/{es/_chunks/dep-51336096.js.map → esm/_chunks/dep-72461c3f.js.map} +1 -1
- package/esm/_common/style/web/_variables.less +7 -6
- package/esm/_common/style/web/components/alert/_index.less +12 -6
- package/esm/_common/style/web/components/alert/_var.less +19 -10
- package/esm/_common/style/web/components/anchor/_index.less +4 -10
- package/esm/_common/style/web/components/anchor/_var.less +9 -23
- package/esm/_common/style/web/components/breadcrumb/_index.less +4 -4
- package/esm/_common/style/web/components/breadcrumb/_var.less +2 -2
- package/esm/_common/style/web/components/button/_var.less +2 -2
- package/esm/_common/style/web/components/dialog/_var.less +2 -2
- package/esm/_common/style/web/components/divider/_var.less +2 -2
- package/esm/_common/style/web/components/drawer/_index.less +2 -1
- package/esm/_common/style/web/components/drawer/_var.less +9 -10
- package/esm/_common/style/web/components/dropdown-new/_index.less +7 -6
- package/esm/_common/style/web/components/dropdown-new/_var.less +8 -4
- package/esm/_common/style/web/components/form/_index.less +1 -1
- package/esm/_common/style/web/components/guide/_index.less +8 -8
- package/esm/_common/style/web/components/guide/_var.less +10 -0
- package/esm/_common/style/web/components/layout/_var.less +2 -5
- package/esm/_common/style/web/components/link/_var.less +5 -5
- package/esm/_common/style/web/components/menu/_index-v2.less +26 -26
- package/esm/_common/style/web/components/menu/_index.less +25 -25
- package/esm/_common/style/web/components/menu/_var.less +1 -7
- package/esm/_common/style/web/components/message/_index.less +1 -1
- package/esm/_common/style/web/components/message/_var.less +7 -10
- package/esm/_common/style/web/components/notification/_index.less +0 -5
- package/esm/_common/style/web/components/notification/_var.less +9 -11
- package/esm/_common/style/web/components/pagination/_index.less +1 -1
- package/esm/_common/style/web/components/pagination/_var.less +8 -8
- package/esm/_common/style/web/components/popconfirm/_index.less +3 -3
- package/esm/_common/style/web/components/popconfirm/_var.less +12 -11
- package/esm/_common/style/web/components/radio/_index.less +26 -0
- package/esm/_common/style/web/components/radio/_var.less +4 -1
- package/esm/_common/style/web/components/rate/_index.less +2 -3
- package/esm/_common/style/web/components/rate/_var.less +2 -8
- package/esm/_common/style/web/components/steps/_index.less +1 -7
- package/esm/_common/style/web/components/steps/_mixin.less +10 -11
- package/esm/_common/style/web/components/steps/_var.less +14 -17
- package/esm/_common/style/web/components/swiper/_mixin.less +1 -1
- package/esm/_common/style/web/components/tabs/_var.less +2 -2
- package/esm/_common/style/web/components/tag-input/_index.less +5 -4
- package/esm/_common/style/web/components/tree/_index.less +8 -8
- package/esm/_common/style/web/components/tree/_var.less +17 -13
- package/esm/_common/style/web/theme/_size.less +4 -3
- package/esm/avatar/AvararGroup.js +1 -1
- package/esm/avatar/Avatar.js +1 -1
- package/esm/avatar/index.js +1 -1
- package/esm/form/Form.js +1 -1
- package/esm/form/FormItem.js +1 -1
- package/esm/form/index.js +1 -1
- package/esm/form/useInitialData.js +1 -1
- package/esm/image-viewer/ImageViewer.js +1 -1
- package/esm/image-viewer/ImageViewerMini.js +1 -1
- package/esm/image-viewer/ImageViewerModel.js +1 -1
- package/esm/image-viewer/index.js +1 -1
- package/esm/index.js +2 -2
- package/esm/popup/hooks/useTrigger.js +3 -33
- package/esm/popup/hooks/useTrigger.js.map +1 -1
- package/esm/upload/index.js +1 -1
- package/esm/upload/themes/DraggerFile.js +1 -1
- package/esm/upload/themes/ImageCard.js +1 -1
- package/esm/upload/themes/MultipleFlowList.js +1 -1
- package/esm/upload/upload.js +1 -1
- package/lib/_chunks/{dep-db75b5b6.js → dep-1b32736a.js} +1 -1
- package/{esm/_chunks/dep-fad7989c.js.map → lib/_chunks/dep-1b32736a.js.map} +1 -1
- package/lib/_chunks/{dep-75db5f2e.js → dep-61f02037.js} +1 -1
- package/lib/_chunks/{dep-75db5f2e.js.map → dep-61f02037.js.map} +1 -1
- package/lib/avatar/AvararGroup.js +1 -1
- package/lib/avatar/Avatar.js +1 -1
- package/lib/avatar/index.js +1 -1
- package/lib/form/Form.js +1 -1
- package/lib/form/FormItem.js +1 -1
- package/lib/form/index.js +1 -1
- package/lib/form/useInitialData.js +1 -1
- package/lib/image-viewer/ImageViewer.js +1 -1
- package/lib/image-viewer/ImageViewerMini.js +1 -1
- package/lib/image-viewer/ImageViewerModel.js +1 -1
- package/lib/image-viewer/index.js +1 -1
- package/lib/index.js +2 -2
- package/lib/popup/hooks/useTrigger.js +3 -29
- package/lib/popup/hooks/useTrigger.js.map +1 -1
- package/lib/upload/index.js +1 -1
- package/lib/upload/themes/DraggerFile.js +1 -1
- package/lib/upload/themes/ImageCard.js +1 -1
- package/lib/upload/themes/MultipleFlowList.js +1 -1
- package/lib/upload/upload.js +1 -1
- package/package.json +1 -1
- package/esm/_common/style/web/components/dropdown/_index.less +0 -99
- package/esm/_common/style/web/components/dropdown/_mixin.less +0 -0
- package/esm/_common/style/web/components/dropdown/_var.less +0 -22
|
@@ -0,0 +1,198 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* tdesign v0.42.6
|
|
3
|
+
* (c) 2022 tdesign
|
|
4
|
+
* @license MIT
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
'use strict';
|
|
8
|
+
|
|
9
|
+
var defineProperty = require('./dep-22a6a92c.js');
|
|
10
|
+
var slicedToArray = require('./dep-19ba0d4f.js');
|
|
11
|
+
var objectWithoutProperties = require('./dep-307e29a6.js');
|
|
12
|
+
var React = require('react');
|
|
13
|
+
var useResizeObserver = require('use-resize-observer');
|
|
14
|
+
var classNames = require('classnames');
|
|
15
|
+
var hooks_useConfig = require('../hooks/useConfig.js');
|
|
16
|
+
var _util_forwardRefWithStatics = require('../_util/forwardRefWithStatics.js');
|
|
17
|
+
var _util_useCommonClassName = require('../_util/useCommonClassName.js');
|
|
18
|
+
var _util_composeRefs = require('../_util/composeRefs.js');
|
|
19
|
+
var avatar_AvatarContext = require('../avatar/AvatarContext.js');
|
|
20
|
+
var avatar_defaultProps = require('../avatar/defaultProps.js');
|
|
21
|
+
var popup_Popup = require('../popup/Popup.js');
|
|
22
|
+
|
|
23
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
24
|
+
|
|
25
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
26
|
+
var useResizeObserver__default = /*#__PURE__*/_interopDefaultLegacy(useResizeObserver);
|
|
27
|
+
var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
|
|
28
|
+
|
|
29
|
+
var _excluded$1 = ["className", "cascading", "collapseAvatar", "max", "placement", "popupProps", "size", "children"];
|
|
30
|
+
function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
31
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
32
|
+
var AvatarGroup = function AvatarGroup(props) {
|
|
33
|
+
var _classNames;
|
|
34
|
+
var _useConfig = hooks_useConfig["default"](),
|
|
35
|
+
classPrefix = _useConfig.classPrefix;
|
|
36
|
+
var preClass = "".concat(classPrefix, "-avatar");
|
|
37
|
+
var className = props.className,
|
|
38
|
+
cascading = props.cascading,
|
|
39
|
+
collapseAvatar = props.collapseAvatar,
|
|
40
|
+
max = props.max,
|
|
41
|
+
placement = props.placement,
|
|
42
|
+
popupProps = props.popupProps,
|
|
43
|
+
size = props.size,
|
|
44
|
+
children = props.children,
|
|
45
|
+
avatarGroupProps = objectWithoutProperties._objectWithoutProperties(props, _excluded$1);
|
|
46
|
+
var childrenList = React__default["default"].Children.toArray(children);
|
|
47
|
+
var allChildrenList;
|
|
48
|
+
if (childrenList.length > 0) {
|
|
49
|
+
allChildrenList = childrenList.map(function (child, index) {
|
|
50
|
+
return /*#__PURE__*/React__default["default"].cloneElement(child, _objectSpread$1({
|
|
51
|
+
key: "avatar-group-item-".concat(index)
|
|
52
|
+
}, child.props));
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
var groupClass = classNames__default["default"]("".concat(preClass, "-group"), className, (_classNames = {}, defineProperty._defineProperty(_classNames, "".concat(preClass, "--offset-right"), cascading === "right-up"), defineProperty._defineProperty(_classNames, "".concat(preClass, "--offset-left"), cascading === "left-up"), _classNames));
|
|
56
|
+
var childrenCount = childrenList.length;
|
|
57
|
+
if (max && childrenCount > max) {
|
|
58
|
+
var showList = allChildrenList.slice(0, max);
|
|
59
|
+
var hiddenList = allChildrenList.slice(max, childrenCount);
|
|
60
|
+
var popupNum = "+".concat(childrenCount - max);
|
|
61
|
+
var popupMergeProps = _objectSpread$1(_objectSpread$1({}, popupProps), {}, {
|
|
62
|
+
placement: placement
|
|
63
|
+
});
|
|
64
|
+
var popupNodes = popupProps ? /* @__PURE__ */React__default["default"].createElement(popup_Popup["default"], _objectSpread$1({}, popupMergeProps), collapseAvatar ? /* @__PURE__ */React__default["default"].createElement(Avatar, {
|
|
65
|
+
size: size
|
|
66
|
+
}, collapseAvatar) : /* @__PURE__ */React__default["default"].createElement(Avatar, {
|
|
67
|
+
size: size
|
|
68
|
+
}, popupNum)) : /* @__PURE__ */React__default["default"].createElement(popup_Popup["default"], {
|
|
69
|
+
key: "avatar-popup-key",
|
|
70
|
+
placement: placement,
|
|
71
|
+
content: hiddenList,
|
|
72
|
+
trigger: "hover",
|
|
73
|
+
showArrow: true
|
|
74
|
+
}, collapseAvatar ? /* @__PURE__ */React__default["default"].createElement(Avatar, {
|
|
75
|
+
size: size
|
|
76
|
+
}, collapseAvatar) : /* @__PURE__ */React__default["default"].createElement(Avatar, {
|
|
77
|
+
size: size
|
|
78
|
+
}, popupNum));
|
|
79
|
+
showList.push(popupNodes);
|
|
80
|
+
return /* @__PURE__ */React__default["default"].createElement(avatar_AvatarContext.AvatarContextProvider, {
|
|
81
|
+
size: size
|
|
82
|
+
}, /* @__PURE__ */React__default["default"].createElement("div", {
|
|
83
|
+
className: groupClass
|
|
84
|
+
}, showList));
|
|
85
|
+
}
|
|
86
|
+
return /* @__PURE__ */React__default["default"].createElement(avatar_AvatarContext.AvatarContextProvider, {
|
|
87
|
+
size: size
|
|
88
|
+
}, /* @__PURE__ */React__default["default"].createElement("div", _objectSpread$1({
|
|
89
|
+
className: groupClass
|
|
90
|
+
}, avatarGroupProps), allChildrenList));
|
|
91
|
+
};
|
|
92
|
+
AvatarGroup.displayName = "AvatarGroup";
|
|
93
|
+
AvatarGroup.defaultProps = avatar_defaultProps.avatarGroupDefaultProps;
|
|
94
|
+
|
|
95
|
+
var _excluded = ["alt", "hideOnLoadFailed", "icon", "image", "shape", "size", "onError", "children", "style", "className"];
|
|
96
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
97
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
98
|
+
var Avatar = _util_forwardRefWithStatics["default"](function (props, ref) {
|
|
99
|
+
var _classNames;
|
|
100
|
+
var alt = props.alt,
|
|
101
|
+
hideOnLoadFailed = props.hideOnLoadFailed,
|
|
102
|
+
icon = props.icon,
|
|
103
|
+
image = props.image,
|
|
104
|
+
shape = props.shape,
|
|
105
|
+
avatarSize = props.size,
|
|
106
|
+
onError = props.onError,
|
|
107
|
+
children = props.children,
|
|
108
|
+
style = props.style,
|
|
109
|
+
className = props.className,
|
|
110
|
+
avatarProps = objectWithoutProperties._objectWithoutProperties(props, _excluded);
|
|
111
|
+
var groupSize = React.useContext(avatar_AvatarContext["default"]);
|
|
112
|
+
var _useConfig = hooks_useConfig["default"](),
|
|
113
|
+
classPrefix = _useConfig.classPrefix;
|
|
114
|
+
var _useState = React.useState(1),
|
|
115
|
+
_useState2 = slicedToArray._slicedToArray(_useState, 2),
|
|
116
|
+
scale = _useState2[0],
|
|
117
|
+
setScale = _useState2[1];
|
|
118
|
+
var _useState3 = React.useState(true),
|
|
119
|
+
_useState4 = slicedToArray._slicedToArray(_useState3, 2),
|
|
120
|
+
isImgExist = _useState4[0],
|
|
121
|
+
setIsImgExist = _useState4[1];
|
|
122
|
+
var avatarRef = React.useRef(null);
|
|
123
|
+
var avatarChildrenRef = React.useRef(null);
|
|
124
|
+
var size = avatarSize === "default" ? groupSize : avatarSize;
|
|
125
|
+
var gap = 4;
|
|
126
|
+
var handleScale = function handleScale() {
|
|
127
|
+
if (!avatarChildrenRef.current || !avatarRef.current) {
|
|
128
|
+
return;
|
|
129
|
+
}
|
|
130
|
+
var childrenWidth = avatarChildrenRef.current.offsetWidth;
|
|
131
|
+
var avatarWidth = avatarRef.current.offsetWidth;
|
|
132
|
+
if (childrenWidth !== 0 && avatarWidth !== 0) {
|
|
133
|
+
if (gap * 2 < avatarWidth) {
|
|
134
|
+
setScale(avatarWidth - gap * 2 < childrenWidth ? (avatarWidth - gap * 2) / childrenWidth : 1);
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
};
|
|
138
|
+
var _useResizeObserver = useResizeObserver__default["default"]({
|
|
139
|
+
onResize: handleScale
|
|
140
|
+
}),
|
|
141
|
+
observerRef = _useResizeObserver.ref;
|
|
142
|
+
var handleImgLoadError = function handleImgLoadError() {
|
|
143
|
+
onError && onError();
|
|
144
|
+
!hideOnLoadFailed && setIsImgExist(false);
|
|
145
|
+
};
|
|
146
|
+
React.useEffect(function () {
|
|
147
|
+
setIsImgExist(true);
|
|
148
|
+
setScale(1);
|
|
149
|
+
}, [props.image]);
|
|
150
|
+
React.useEffect(function () {
|
|
151
|
+
handleScale();
|
|
152
|
+
}, []);
|
|
153
|
+
var _useCommonClassName = _util_useCommonClassName["default"](),
|
|
154
|
+
SIZE = _useCommonClassName.SIZE;
|
|
155
|
+
var numSizeStyle = size && !SIZE[size] ? {
|
|
156
|
+
width: size,
|
|
157
|
+
height: size,
|
|
158
|
+
fontSize: "".concat(Number.parseInt(size, 10) / 2, "px")
|
|
159
|
+
} : {};
|
|
160
|
+
var imageStyle = size && !SIZE[size] ? {
|
|
161
|
+
width: size,
|
|
162
|
+
height: size
|
|
163
|
+
} : {};
|
|
164
|
+
var preClass = "".concat(classPrefix, "-avatar");
|
|
165
|
+
var avatarClass = classNames__default["default"](preClass, className, (_classNames = {}, defineProperty._defineProperty(_classNames, SIZE[size], !!SIZE[size]), defineProperty._defineProperty(_classNames, "".concat(preClass, "--").concat(shape), !!shape), defineProperty._defineProperty(_classNames, "".concat(preClass, "-icon"), !!icon), _classNames));
|
|
166
|
+
var content;
|
|
167
|
+
if (image && isImgExist) {
|
|
168
|
+
content = /* @__PURE__ */React__default["default"].createElement("img", {
|
|
169
|
+
src: image,
|
|
170
|
+
alt: alt,
|
|
171
|
+
style: imageStyle,
|
|
172
|
+
onError: handleImgLoadError
|
|
173
|
+
});
|
|
174
|
+
} else if (icon) {
|
|
175
|
+
content = icon;
|
|
176
|
+
} else {
|
|
177
|
+
var childrenStyle = {
|
|
178
|
+
transform: "scale(".concat(scale, ")")
|
|
179
|
+
};
|
|
180
|
+
content = /* @__PURE__ */React__default["default"].createElement("span", {
|
|
181
|
+
ref: _util_composeRefs["default"](ref, avatarChildrenRef, observerRef),
|
|
182
|
+
style: childrenStyle
|
|
183
|
+
}, children);
|
|
184
|
+
}
|
|
185
|
+
return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread({
|
|
186
|
+
ref: _util_composeRefs["default"](ref, avatarRef),
|
|
187
|
+
className: avatarClass,
|
|
188
|
+
style: _objectSpread(_objectSpread({}, numSizeStyle), style)
|
|
189
|
+
}, avatarProps), content);
|
|
190
|
+
}, {
|
|
191
|
+
Group: AvatarGroup
|
|
192
|
+
});
|
|
193
|
+
Avatar.displayName = "Avatar";
|
|
194
|
+
Avatar.defaultProps = avatar_defaultProps.avatarDefaultProps;
|
|
195
|
+
|
|
196
|
+
exports.Avatar = Avatar;
|
|
197
|
+
exports.AvatarGroup = AvatarGroup;
|
|
198
|
+
//# sourceMappingURL=dep-b5df8873.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dep-b5df8873.js","sources":["../../src/avatar/AvararGroup.tsx","../../src/avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport Avatar from './Avatar';\nimport Popup from '../popup/Popup';\nimport useConfig from '../hooks/useConfig';\nimport { AvatarContextProvider } from './AvatarContext';\nimport { TdAvatarGroupProps } from './type';\nimport { StyledProps } from '../common';\nimport { avatarGroupDefaultProps } from './defaultProps';\n\nexport interface AvatarGroupProps extends TdAvatarGroupProps, StyledProps {\n children?: React.ReactNode;\n}\nconst AvatarGroup = (props: AvatarGroupProps) => {\n const { classPrefix } = useConfig();\n const preClass = `${classPrefix}-avatar`;\n const { className, cascading, collapseAvatar, max, placement, popupProps, size, children, ...avatarGroupProps } =\n props;\n\n const childrenList = React.Children.toArray(children);\n let allChildrenList;\n if (childrenList.length > 0) {\n allChildrenList = childrenList.map((child: JSX.Element, index: number) =>\n React.cloneElement(child, { key: `avatar-group-item-${index}`, ...child.props }),\n );\n }\n const groupClass = classNames(`${preClass}-group`, className, {\n [`${preClass}--offset-right`]: cascading === 'right-up',\n [`${preClass}--offset-left`]: cascading === 'left-up',\n });\n const childrenCount = childrenList.length;\n if (max && childrenCount > max) {\n const showList = allChildrenList.slice(0, max);\n const hiddenList = allChildrenList.slice(max, childrenCount);\n const popupNum = `+${childrenCount - max}`;\n const popupMergeProps = { ...popupProps, placement };\n const popupNodes = popupProps ? (\n <Popup {...popupMergeProps}>\n {collapseAvatar ? <Avatar size={size}>{collapseAvatar}</Avatar> : <Avatar size={size}>{popupNum}</Avatar>}\n </Popup>\n ) : (\n <Popup key=\"avatar-popup-key\" placement={placement} content={hiddenList} trigger=\"hover\" showArrow>\n {collapseAvatar ? <Avatar size={size}>{collapseAvatar}</Avatar> : <Avatar size={size}>{popupNum}</Avatar>}\n </Popup>\n );\n showList.push(popupNodes);\n return (\n <AvatarContextProvider size={size}>\n <div className={groupClass}>{showList}</div>\n </AvatarContextProvider>\n );\n }\n return (\n <AvatarContextProvider size={size}>\n <div className={groupClass} {...avatarGroupProps}>\n {allChildrenList}\n </div>\n </AvatarContextProvider>\n );\n};\n\nAvatarGroup.displayName = 'AvatarGroup';\nAvatarGroup.defaultProps = avatarGroupDefaultProps;\n\nexport default AvatarGroup;\n","import React, { useRef, useState, useEffect, useContext, Ref } from 'react';\nimport useResizeObserver from 'use-resize-observer';\nimport classNames from 'classnames';\nimport useConfig from '../hooks/useConfig';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport useCommonClassName from '../_util/useCommonClassName';\nimport composeRefs from '../_util/composeRefs';\nimport { TdAvatarProps } from './type';\nimport { StyledProps } from '../common';\nimport AvatarContext from './AvatarContext';\nimport AvatarGroup from './AvararGroup';\nimport { avatarDefaultProps } from './defaultProps';\n\nexport interface AvatarProps extends TdAvatarProps, StyledProps {\n children?: React.ReactNode;\n}\n\nconst Avatar = forwardRefWithStatics(\n (props: AvatarProps, ref: Ref<HTMLElement>) => {\n const {\n alt,\n hideOnLoadFailed,\n icon,\n image,\n shape,\n size: avatarSize,\n onError,\n children,\n style,\n className,\n ...avatarProps\n } = props;\n const groupSize = useContext(AvatarContext);\n const { classPrefix } = useConfig();\n const [scale, setScale] = useState(1);\n const [isImgExist, setIsImgExist] = useState(true);\n const avatarRef = useRef<HTMLElement>(null);\n const avatarChildrenRef = useRef<HTMLElement>(null);\n const size = avatarSize === 'default' ? groupSize : avatarSize;\n const gap = 4;\n const handleScale = () => {\n if (!avatarChildrenRef.current || !avatarRef.current) {\n return;\n }\n const childrenWidth = avatarChildrenRef.current.offsetWidth;\n const avatarWidth = avatarRef.current.offsetWidth;\n\n if (childrenWidth !== 0 && avatarWidth !== 0) {\n if (gap * 2 < avatarWidth) {\n setScale(avatarWidth - gap * 2 < childrenWidth ? (avatarWidth - gap * 2) / childrenWidth : 1);\n }\n }\n };\n const { ref: observerRef } = useResizeObserver<HTMLDivElement>({\n onResize: handleScale,\n });\n\n const handleImgLoadError = () => {\n onError && onError();\n !hideOnLoadFailed && setIsImgExist(false);\n };\n\n useEffect(() => {\n setIsImgExist(true);\n setScale(1);\n }, [props.image]);\n\n useEffect(() => {\n handleScale();\n }, []);\n\n const { SIZE } = useCommonClassName();\n const numSizeStyle: React.CSSProperties =\n size && !SIZE[size]\n ? {\n width: size,\n height: size,\n fontSize: `${Number.parseInt(size, 10) / 2}px`,\n }\n : {};\n const imageStyle: React.CSSProperties =\n size && !SIZE[size]\n ? {\n width: size,\n height: size,\n }\n : {};\n\n const preClass = `${classPrefix}-avatar`;\n\n const avatarClass = classNames(preClass, className, {\n [SIZE[size]]: !!SIZE[size],\n [`${preClass}--${shape}`]: !!shape,\n [`${preClass}-icon`]: !!icon,\n });\n\n let content;\n if (image && isImgExist) {\n content = <img src={image} alt={alt} style={imageStyle} onError={handleImgLoadError} />;\n } else if (icon) {\n content = icon;\n } else {\n const childrenStyle: React.CSSProperties = {\n transform: `scale(${scale})`,\n };\n content = (\n <span ref={composeRefs(ref, avatarChildrenRef, observerRef) as any} style={childrenStyle}>\n {children}\n </span>\n );\n }\n return (\n <div\n ref={composeRefs(ref, avatarRef) as any}\n className={avatarClass}\n style={{ ...numSizeStyle, ...style }}\n {...avatarProps}\n >\n {content}\n </div>\n );\n },\n { Group: AvatarGroup },\n);\n\nAvatar.displayName = 'Avatar';\nAvatar.defaultProps = avatarDefaultProps;\n\nexport default Avatar;\n"],"names":["AvatarGroup","props","useConfig","classPrefix","preClass","className","cascading","collapseAvatar","max","placement","popupProps","size","children","avatarGroupProps","_excluded","childrenList","React","Children","toArray","allChildrenList","length","map","child","index","cloneElement","_objectSpread","key","groupClass","classNames","childrenCount","showList","slice","hiddenList","popupNum","popupMergeProps","popupNodes","createElement","Popup","Avatar","content","trigger","showArrow","push","AvatarContextProvider","displayName","defaultProps","avatarGroupDefaultProps","forwardRefWithStatics","ref","alt","hideOnLoadFailed","icon","image","shape","avatarSize","onError","style","avatarProps","groupSize","useContext","AvatarContext","useState","_slicedToArray","scale","setScale","isImgExist","setIsImgExist","avatarRef","useRef","avatarChildrenRef","gap","handleScale","current","childrenWidth","offsetWidth","avatarWidth","useResizeObserver","onResize","observerRef","handleImgLoadError","useEffect","useCommonClassName","SIZE","numSizeStyle","width","height","fontSize","Number","parseInt","imageStyle","avatarClass","_defineProperty","src","childrenStyle","transform","composeRefs","Group","avatarDefaultProps"],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ require('../_chunks/dep-22a6a92c.js');
|
|
|
12
12
|
require('../_chunks/dep-307e29a6.js');
|
|
13
13
|
require('react');
|
|
14
14
|
require('classnames');
|
|
15
|
-
var avatar_AvararGroup = require('../_chunks/dep-
|
|
15
|
+
var avatar_AvararGroup = require('../_chunks/dep-b5df8873.js');
|
|
16
16
|
require('../popup/Popup.js');
|
|
17
17
|
require('../hooks/useConfig.js');
|
|
18
18
|
require('./AvatarContext.js');
|
package/cjs/avatar/Avatar.js
CHANGED
|
@@ -19,7 +19,7 @@ require('../_util/forwardRefWithStatics.js');
|
|
|
19
19
|
require('../_util/useCommonClassName.js');
|
|
20
20
|
require('../_util/composeRefs.js');
|
|
21
21
|
require('./AvatarContext.js');
|
|
22
|
-
var avatar_AvararGroup = require('../_chunks/dep-
|
|
22
|
+
var avatar_AvararGroup = require('../_chunks/dep-b5df8873.js');
|
|
23
23
|
require('./defaultProps.js');
|
|
24
24
|
require('../_chunks/dep-986498dc.js');
|
|
25
25
|
require('../config-provider/ConfigContext.js');
|
package/cjs/avatar/index.js
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
10
10
|
|
|
11
|
-
var avatar_AvararGroup = require('../_chunks/dep-
|
|
11
|
+
var avatar_AvararGroup = require('../_chunks/dep-b5df8873.js');
|
|
12
12
|
require('../_chunks/dep-22a6a92c.js');
|
|
13
13
|
require('../_chunks/dep-19ba0d4f.js');
|
|
14
14
|
require('../_chunks/dep-986498dc.js');
|
package/cjs/form/Form.js
CHANGED
|
@@ -138,7 +138,7 @@ require('../hooks/useCommonClassName.js');
|
|
|
138
138
|
require('../upload/hooks/useDrag.js');
|
|
139
139
|
require('../image-viewer/index.js');
|
|
140
140
|
require('../image-viewer/ImageViewer.js');
|
|
141
|
-
require('../_chunks/dep-
|
|
141
|
+
require('../_chunks/dep-6a672006.js');
|
|
142
142
|
require('../tooltip/index.js');
|
|
143
143
|
require('../tooltip/Tooltip.js');
|
|
144
144
|
require('../popup/index.js');
|
package/cjs/form/FormItem.js
CHANGED
|
@@ -134,7 +134,7 @@ require('../hooks/useCommonClassName.js');
|
|
|
134
134
|
require('../upload/hooks/useDrag.js');
|
|
135
135
|
require('../image-viewer/index.js');
|
|
136
136
|
require('../image-viewer/ImageViewer.js');
|
|
137
|
-
require('../_chunks/dep-
|
|
137
|
+
require('../_chunks/dep-6a672006.js');
|
|
138
138
|
require('../tooltip/index.js');
|
|
139
139
|
require('../tooltip/Tooltip.js');
|
|
140
140
|
require('../popup/index.js');
|
package/cjs/form/index.js
CHANGED
|
@@ -138,7 +138,7 @@ require('../hooks/useCommonClassName.js');
|
|
|
138
138
|
require('../upload/hooks/useDrag.js');
|
|
139
139
|
require('../image-viewer/index.js');
|
|
140
140
|
require('../image-viewer/ImageViewer.js');
|
|
141
|
-
require('../_chunks/dep-
|
|
141
|
+
require('../_chunks/dep-6a672006.js');
|
|
142
142
|
require('../tooltip/index.js');
|
|
143
143
|
require('../tooltip/Tooltip.js');
|
|
144
144
|
require('../popup/index.js');
|
|
@@ -131,7 +131,7 @@ require('../hooks/useCommonClassName.js');
|
|
|
131
131
|
require('../upload/hooks/useDrag.js');
|
|
132
132
|
require('../image-viewer/index.js');
|
|
133
133
|
require('../image-viewer/ImageViewer.js');
|
|
134
|
-
require('../_chunks/dep-
|
|
134
|
+
require('../_chunks/dep-6a672006.js');
|
|
135
135
|
require('../tooltip/index.js');
|
|
136
136
|
require('../tooltip/Tooltip.js');
|
|
137
137
|
require('../popup/index.js');
|
|
@@ -12,7 +12,7 @@ var slicedToArray = require('../_chunks/dep-19ba0d4f.js');
|
|
|
12
12
|
var React = require('react');
|
|
13
13
|
var ReactDOM = require('react-dom');
|
|
14
14
|
var isFunction = require('../_chunks/dep-20769bfb.js');
|
|
15
|
-
var imageViewer_ImageViewerMini = require('../_chunks/dep-
|
|
15
|
+
var imageViewer_ImageViewerMini = require('../_chunks/dep-6a672006.js');
|
|
16
16
|
var imageViewer_defaultProps = require('./defaultProps.js');
|
|
17
17
|
var imageViewer_hooks_useImageScale = require('./hooks/useImageScale.js');
|
|
18
18
|
var imageViewer_hooks_useList = require('./hooks/useList.js');
|
|
@@ -12,7 +12,7 @@ require('../_chunks/dep-22a6a92c.js');
|
|
|
12
12
|
require('react');
|
|
13
13
|
require('tdesign-icons-react');
|
|
14
14
|
require('../dialog/index.js');
|
|
15
|
-
var imageViewer_ImageViewerMini = require('../_chunks/dep-
|
|
15
|
+
var imageViewer_ImageViewerMini = require('../_chunks/dep-6a672006.js');
|
|
16
16
|
require('../hooks/useConfig.js');
|
|
17
17
|
require('../hooks/useGlobalIcon.js');
|
|
18
18
|
require('../dialog/Dialog.js');
|
|
@@ -19,7 +19,7 @@ require('classnames');
|
|
|
19
19
|
require('../tooltip/index.js');
|
|
20
20
|
require('../hooks/useConfig.js');
|
|
21
21
|
require('./utils.js');
|
|
22
|
-
var imageViewer_ImageViewerMini = require('../_chunks/dep-
|
|
22
|
+
var imageViewer_ImageViewerMini = require('../_chunks/dep-6a672006.js');
|
|
23
23
|
require('./hooks/useMirror.js');
|
|
24
24
|
require('./hooks/usePosition.js');
|
|
25
25
|
require('./hooks/useIndex.js');
|
|
@@ -17,7 +17,7 @@ require('../_chunks/dep-20769bfb.js');
|
|
|
17
17
|
require('../_chunks/dep-265964e7.js');
|
|
18
18
|
require('../_chunks/dep-5b1b07fb.js');
|
|
19
19
|
require('../_chunks/dep-3e8032e7.js');
|
|
20
|
-
require('../_chunks/dep-
|
|
20
|
+
require('../_chunks/dep-6a672006.js');
|
|
21
21
|
require('../_chunks/dep-307e29a6.js');
|
|
22
22
|
require('../_chunks/dep-22a6a92c.js');
|
|
23
23
|
require('../_chunks/dep-3a9fb6f9.js');
|
package/cjs/index-lib.js
CHANGED
|
@@ -465,7 +465,7 @@ require('./swiper/defaultProps.js');
|
|
|
465
465
|
require('./swiper/SwiperItem.js');
|
|
466
466
|
require('./comment/Comment.js');
|
|
467
467
|
require('./comment/defaultProps.js');
|
|
468
|
-
require('./_chunks/dep-
|
|
468
|
+
require('./_chunks/dep-b5df8873.js');
|
|
469
469
|
require('use-resize-observer');
|
|
470
470
|
require('./avatar/AvatarContext.js');
|
|
471
471
|
require('./avatar/defaultProps.js');
|
|
@@ -507,7 +507,7 @@ require('./_common/js/watermark/randomMovingStyle.js');
|
|
|
507
507
|
require('./_common/js/utils/injectStyle.js');
|
|
508
508
|
require('./watermark/defaultProps.js');
|
|
509
509
|
require('./image-viewer/ImageViewer.js');
|
|
510
|
-
require('./_chunks/dep-
|
|
510
|
+
require('./_chunks/dep-6a672006.js');
|
|
511
511
|
require('./image-viewer/utils.js');
|
|
512
512
|
require('./image-viewer/hooks/useMirror.js');
|
|
513
513
|
require('./image-viewer/hooks/usePosition.js');
|
package/cjs/index.js
CHANGED
|
@@ -379,7 +379,7 @@ require('./link/Link.js');
|
|
|
379
379
|
require('./upload/themes/DraggerFile.js');
|
|
380
380
|
require('./upload/hooks/useDrag.js');
|
|
381
381
|
require('./image-viewer/ImageViewer.js');
|
|
382
|
-
require('./_chunks/dep-
|
|
382
|
+
require('./_chunks/dep-6a672006.js');
|
|
383
383
|
require('./image-viewer/utils.js');
|
|
384
384
|
require('./image-viewer/hooks/useMirror.js');
|
|
385
385
|
require('./image-viewer/hooks/usePosition.js');
|
|
@@ -482,7 +482,7 @@ require('./swiper/defaultProps.js');
|
|
|
482
482
|
require('./swiper/SwiperItem.js');
|
|
483
483
|
require('./comment/Comment.js');
|
|
484
484
|
require('./comment/defaultProps.js');
|
|
485
|
-
require('./_chunks/dep-
|
|
485
|
+
require('./_chunks/dep-b5df8873.js');
|
|
486
486
|
require('use-resize-observer');
|
|
487
487
|
require('./avatar/AvatarContext.js');
|
|
488
488
|
require('./avatar/defaultProps.js');
|
|
@@ -11,33 +11,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
11
11
|
var React = require('react');
|
|
12
12
|
var reactIs = require('react-is');
|
|
13
13
|
var classNames = require('classnames');
|
|
14
|
-
var hooks_useConfig = require('../../hooks/useConfig.js');
|
|
15
14
|
var popup_utils_ref = require('../utils/ref.js');
|
|
16
15
|
var _util_composeRefs = require('../../_util/composeRefs.js');
|
|
17
|
-
require('../../config-provider/ConfigContext.js');
|
|
18
|
-
require('../../_chunks/dep-22a6a92c.js');
|
|
19
|
-
require('../../_chunks/dep-88df4885.js');
|
|
20
|
-
require('../../_chunks/dep-ca340011.js');
|
|
21
|
-
require('../../_chunks/dep-39db4dd7.js');
|
|
22
|
-
require('../../_chunks/dep-6d06c416.js');
|
|
23
|
-
require('../../_chunks/dep-20769bfb.js');
|
|
24
|
-
require('../../_chunks/dep-265964e7.js');
|
|
25
16
|
require('../../_chunks/dep-5b1b07fb.js');
|
|
26
|
-
require('../../_chunks/dep-3e8032e7.js');
|
|
27
|
-
require('../../_chunks/dep-f46c097b.js');
|
|
28
|
-
require('../../_chunks/dep-accd4b90.js');
|
|
29
|
-
require('../../_chunks/dep-c0ba24bc.js');
|
|
30
|
-
require('../../_chunks/dep-7f890150.js');
|
|
31
|
-
require('../../_chunks/dep-331a9458.js');
|
|
32
|
-
require('../../_chunks/dep-64e72538.js');
|
|
33
|
-
require('../../_chunks/dep-3a9fb6f9.js');
|
|
34
|
-
require('../../_chunks/dep-3e6a4676.js');
|
|
35
|
-
require('../../_chunks/dep-12cb1619.js');
|
|
36
|
-
require('../../_chunks/dep-33f2a567.js');
|
|
37
|
-
require('../../_chunks/dep-da43a947.js');
|
|
38
|
-
require('../../_chunks/dep-285d43df.js');
|
|
39
|
-
require('../../_common/js/global-config/locale/zh_CN.js');
|
|
40
|
-
require('../../_common/js/global-config/default-config.js');
|
|
41
17
|
|
|
42
18
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
43
19
|
|
|
@@ -52,11 +28,9 @@ function useTrigger(_ref) {
|
|
|
52
28
|
visible = _ref.visible,
|
|
53
29
|
onVisibleChange = _ref.onVisibleChange,
|
|
54
30
|
triggerRef = _ref.triggerRef;
|
|
55
|
-
var _useConfig = hooks_useConfig["default"](),
|
|
56
|
-
classPrefix = _useConfig.classPrefix;
|
|
57
31
|
var hasPopupMouseDown = React.useRef(false);
|
|
58
32
|
var mouseDownTimer = React.useRef(0);
|
|
59
|
-
var triggerDataKey = React.useRef("
|
|
33
|
+
var triggerDataKey = React.useRef("t-popup--".concat(Math.random().toFixed(10)));
|
|
60
34
|
var shouldToggle = !disabled && content;
|
|
61
35
|
React.useEffect(function () {
|
|
62
36
|
if (!shouldToggle) return;
|
|
@@ -115,7 +89,7 @@ function useTrigger(_ref) {
|
|
|
115
89
|
function getTriggerProps(triggerNode) {
|
|
116
90
|
if (!shouldToggle) return {};
|
|
117
91
|
var triggerProps = {
|
|
118
|
-
className: visible ? classNames__default["default"](triggerNode.props.className, "
|
|
92
|
+
className: visible ? classNames__default["default"](triggerNode.props.className, "t-popup-open") : triggerNode.props.className,
|
|
119
93
|
onClick: function onClick(e) {
|
|
120
94
|
var _triggerNode$props$on, _triggerNode$props;
|
|
121
95
|
if (trigger === "click") {
|
|
@@ -210,7 +184,7 @@ function useTrigger(_ref) {
|
|
|
210
184
|
}
|
|
211
185
|
function getTriggerNode(children) {
|
|
212
186
|
var triggerNode = /*#__PURE__*/React.isValidElement(children) && !reactIs.isFragment(children) ? children : /* @__PURE__ */React__default["default"].createElement("span", {
|
|
213
|
-
className: "
|
|
187
|
+
className: "t-trigger"
|
|
214
188
|
}, children);
|
|
215
189
|
return /*#__PURE__*/React__default["default"].cloneElement(triggerNode, getTriggerProps(triggerNode));
|
|
216
190
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTrigger.js","sources":["../../../src/popup/hooks/useTrigger.tsx"],"sourcesContent":["import React, { useRef, useEffect, isValidElement, useCallback } from 'react';\nimport { isFragment } from 'react-is';\nimport classNames from 'classnames';\nimport useConfig from '../../hooks/useConfig';\nimport { supportRef, getRefDom } from '../utils/ref';\nimport composeRefs from '../../_util/composeRefs';\n\nconst ESC_KEY = 'Escape';\n\nexport default function useTrigger({ content, disabled, trigger, visible, onVisibleChange, triggerRef }) {\n const { classPrefix } = useConfig();\n const hasPopupMouseDown = useRef(false);\n const mouseDownTimer = useRef(0);\n const triggerDataKey = useRef(`${classPrefix}-popup--${Math.random().toFixed(10)}`);\n\n // 禁用和无内容时不展示\n const shouldToggle = !disabled && content;\n\n // 点击 trigger overlay 以外的元素关闭\n useEffect(() => {\n if (!shouldToggle) return;\n\n const handleDocumentClick = (e: any) => {\n if (getRefDom(triggerRef)?.contains?.(e.target) || hasPopupMouseDown.current) {\n return;\n }\n visible && onVisibleChange(false, { e, trigger: 'document' });\n };\n document.addEventListener('mousedown', handleDocumentClick);\n document.addEventListener('touchend', handleDocumentClick);\n return () => {\n document.removeEventListener('mousedown', handleDocumentClick);\n document.removeEventListener('touchend', handleDocumentClick);\n };\n }, [shouldToggle, visible, onVisibleChange, triggerRef]);\n\n // 弹出内容交互处理\n function getPopupProps(): any {\n if (!shouldToggle) return {};\n\n return {\n onMouseEnter: (e: MouseEvent) => {\n if (trigger === 'hover') {\n onVisibleChange(true, { e, trigger: 'trigger-element-hover' });\n }\n },\n onMouseLeave: (e: MouseEvent) => {\n if (trigger === 'hover') {\n onVisibleChange(false, { e, trigger: 'trigger-element-hover' });\n }\n },\n onMouseDown: () => {\n clearTimeout(mouseDownTimer.current);\n hasPopupMouseDown.current = true;\n mouseDownTimer.current = window.setTimeout(() => {\n hasPopupMouseDown.current = false;\n });\n },\n onTouchEnd: () => {\n clearTimeout(mouseDownTimer.current);\n hasPopupMouseDown.current = true;\n mouseDownTimer.current = window.setTimeout(() => {\n hasPopupMouseDown.current = false;\n });\n },\n };\n }\n\n // 整理 trigger props\n function getTriggerProps(triggerNode: React.ReactElement) {\n if (!shouldToggle) return {};\n\n const triggerProps: any = {\n className: visible\n ? classNames(triggerNode.props.className, `${classPrefix}-popup-open`)\n : triggerNode.props.className,\n onClick: (e: MouseEvent) => {\n if (trigger === 'click') {\n onVisibleChange(!visible, { e, trigger: 'trigger-element-click' });\n }\n triggerNode.props.onClick?.(e);\n },\n onTouchStart: (e: TouchEvent) => {\n if (trigger === 'hover') {\n onVisibleChange(true, { e, trigger: 'trigger-element-hover' });\n }\n triggerNode.props.onTouchStart?.(e);\n },\n onMouseEnter: (e: MouseEvent) => {\n if (trigger === 'hover') {\n onVisibleChange(true, { e, trigger: 'trigger-element-hover' });\n }\n triggerNode.props.onMouseEnter?.(e);\n },\n onMouseLeave: (e: MouseEvent) => {\n if (trigger === 'hover') {\n onVisibleChange(false, { e, trigger: 'trigger-element-hover' });\n }\n triggerNode.props.onMouseLeave?.(e);\n },\n onFocus: (...args: any) => {\n if (trigger === 'focus') {\n onVisibleChange(true, { trigger: 'trigger-element-focus' });\n }\n triggerNode.props.onFocus?.(...args);\n },\n onBlur: (...args: any) => {\n if (trigger === 'focus') {\n onVisibleChange(false, { trigger: 'trigger-element-blur' });\n }\n triggerNode.props.onBlur?.(...args);\n },\n onContextMenu: (e: MouseEvent) => {\n if (trigger === 'context-menu') {\n onVisibleChange(true, { e, trigger: 'context-menu' });\n }\n triggerNode.props.onContextMenu?.(e);\n },\n onKeyDown: (e: KeyboardEvent) => {\n if (e?.key === ESC_KEY) {\n onVisibleChange(false, { e, trigger: 'keydown-esc' });\n }\n triggerNode.props.onKeyDown?.(e);\n },\n };\n\n if (supportRef(triggerNode)) {\n triggerProps.ref = composeRefs(triggerRef, (triggerNode as any).ref);\n } else {\n // 标记 trigger 元素\n triggerProps['data-popup'] = triggerDataKey.current;\n }\n\n return triggerProps;\n }\n\n // 整理 trigger 元素\n function getTriggerNode(children: React.ReactNode) {\n const triggerNode =\n isValidElement(children) && !isFragment(children) ? (\n children\n ) : (\n <span className={`${classPrefix}-trigger`}>{children}</span>\n );\n\n return React.cloneElement(triggerNode, getTriggerProps(triggerNode));\n }\n\n // ref 透传失败时使用 dom 查找\n const getTriggerDom = useCallback(() => document.querySelector(`[data-popup=\"${triggerDataKey.current}\"]`), []);\n\n return {\n getTriggerNode,\n getPopupProps,\n getTriggerDom,\n };\n}\n"],"names":["ESC_KEY","useTrigger","content","disabled","trigger","visible","onVisibleChange","triggerRef","useConfig","classPrefix","hasPopupMouseDown","useRef","mouseDownTimer","triggerDataKey","Math","random","toFixed","shouldToggle","useEffect","handleDocumentClick","e","getRefDom","contains","target","current","document","addEventListener","removeEventListener","getPopupProps","onMouseEnter","onMouseLeave","onMouseDown","clearTimeout","window","setTimeout","onTouchEnd","getTriggerProps","triggerNode","triggerProps","className","classNames","props","onClick","onTouchStart","onFocus","args","onBlur","onContextMenu","onKeyDown","key","supportRef","ref","composeRefs","getTriggerNode","children","isValidElement","isFragment","React","createElement","cloneElement","getTriggerDom","useCallback","querySelector"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"useTrigger.js","sources":["../../../src/popup/hooks/useTrigger.tsx"],"sourcesContent":["import React, { useRef, useEffect, isValidElement, useCallback } from 'react';\nimport { isFragment } from 'react-is';\nimport classNames from 'classnames';\nimport { supportRef, getRefDom } from '../utils/ref';\nimport composeRefs from '../../_util/composeRefs';\n\nconst ESC_KEY = 'Escape';\n\nexport default function useTrigger({ content, disabled, trigger, visible, onVisibleChange, triggerRef }) {\n const hasPopupMouseDown = useRef(false);\n const mouseDownTimer = useRef(0);\n const triggerDataKey = useRef(`t-popup--${Math.random().toFixed(10)}`);\n\n // 禁用和无内容时不展示\n const shouldToggle = !disabled && content;\n\n // 点击 trigger overlay 以外的元素关闭\n useEffect(() => {\n if (!shouldToggle) return;\n\n const handleDocumentClick = (e: any) => {\n if (getRefDom(triggerRef)?.contains?.(e.target) || hasPopupMouseDown.current) {\n return;\n }\n visible && onVisibleChange(false, { e, trigger: 'document' });\n };\n document.addEventListener('mousedown', handleDocumentClick);\n document.addEventListener('touchend', handleDocumentClick);\n return () => {\n document.removeEventListener('mousedown', handleDocumentClick);\n document.removeEventListener('touchend', handleDocumentClick);\n };\n }, [shouldToggle, visible, onVisibleChange, triggerRef]);\n\n // 弹出内容交互处理\n function getPopupProps(): any {\n if (!shouldToggle) return {};\n\n return {\n onMouseEnter: (e: MouseEvent) => {\n if (trigger === 'hover') {\n onVisibleChange(true, { e, trigger: 'trigger-element-hover' });\n }\n },\n onMouseLeave: (e: MouseEvent) => {\n if (trigger === 'hover') {\n onVisibleChange(false, { e, trigger: 'trigger-element-hover' });\n }\n },\n onMouseDown: () => {\n clearTimeout(mouseDownTimer.current);\n hasPopupMouseDown.current = true;\n mouseDownTimer.current = window.setTimeout(() => {\n hasPopupMouseDown.current = false;\n });\n },\n onTouchEnd: () => {\n clearTimeout(mouseDownTimer.current);\n hasPopupMouseDown.current = true;\n mouseDownTimer.current = window.setTimeout(() => {\n hasPopupMouseDown.current = false;\n });\n },\n };\n }\n\n // 整理 trigger props\n function getTriggerProps(triggerNode: React.ReactElement) {\n if (!shouldToggle) return {};\n\n const triggerProps: any = {\n className: visible\n ? classNames(triggerNode.props.className, `t-popup-open`)\n : triggerNode.props.className,\n onClick: (e: MouseEvent) => {\n if (trigger === 'click') {\n onVisibleChange(!visible, { e, trigger: 'trigger-element-click' });\n }\n triggerNode.props.onClick?.(e);\n },\n onTouchStart: (e: TouchEvent) => {\n if (trigger === 'hover') {\n onVisibleChange(true, { e, trigger: 'trigger-element-hover' });\n }\n triggerNode.props.onTouchStart?.(e);\n },\n onMouseEnter: (e: MouseEvent) => {\n if (trigger === 'hover') {\n onVisibleChange(true, { e, trigger: 'trigger-element-hover' });\n }\n triggerNode.props.onMouseEnter?.(e);\n },\n onMouseLeave: (e: MouseEvent) => {\n if (trigger === 'hover') {\n onVisibleChange(false, { e, trigger: 'trigger-element-hover' });\n }\n triggerNode.props.onMouseLeave?.(e);\n },\n onFocus: (...args: any) => {\n if (trigger === 'focus') {\n onVisibleChange(true, { trigger: 'trigger-element-focus' });\n }\n triggerNode.props.onFocus?.(...args);\n },\n onBlur: (...args: any) => {\n if (trigger === 'focus') {\n onVisibleChange(false, { trigger: 'trigger-element-blur' });\n }\n triggerNode.props.onBlur?.(...args);\n },\n onContextMenu: (e: MouseEvent) => {\n if (trigger === 'context-menu') {\n onVisibleChange(true, { e, trigger: 'context-menu' });\n }\n triggerNode.props.onContextMenu?.(e);\n },\n onKeyDown: (e: KeyboardEvent) => {\n if (e?.key === ESC_KEY) {\n onVisibleChange(false, { e, trigger: 'keydown-esc' });\n }\n triggerNode.props.onKeyDown?.(e);\n },\n };\n\n if (supportRef(triggerNode)) {\n triggerProps.ref = composeRefs(triggerRef, (triggerNode as any).ref);\n } else {\n // 标记 trigger 元素\n triggerProps['data-popup'] = triggerDataKey.current;\n }\n\n return triggerProps;\n }\n\n // 整理 trigger 元素\n function getTriggerNode(children: React.ReactNode) {\n const triggerNode =\n isValidElement(children) && !isFragment(children) ? (\n children\n ) : (\n <span className='t-trigger'>{children}</span>\n );\n\n return React.cloneElement(triggerNode, getTriggerProps(triggerNode));\n }\n\n // ref 透传失败时使用 dom 查找\n const getTriggerDom = useCallback(() => document.querySelector(`[data-popup=\"${triggerDataKey.current}\"]`), []);\n\n return {\n getTriggerNode,\n getPopupProps,\n getTriggerDom,\n };\n}\n"],"names":["ESC_KEY","useTrigger","content","disabled","trigger","visible","onVisibleChange","triggerRef","hasPopupMouseDown","useRef","mouseDownTimer","triggerDataKey","Math","random","toFixed","shouldToggle","useEffect","handleDocumentClick","e","getRefDom","contains","target","current","document","addEventListener","removeEventListener","getPopupProps","onMouseEnter","onMouseLeave","onMouseDown","clearTimeout","window","setTimeout","onTouchEnd","getTriggerProps","triggerNode","triggerProps","className","classNames","props","onClick","onTouchStart","onFocus","args","onBlur","onContextMenu","onKeyDown","key","supportRef","ref","composeRefs","getTriggerNode","children","isValidElement","isFragment","React","createElement","cloneElement","getTriggerDom","useCallback","querySelector"],"mappings":"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"}
|
package/cjs/upload/index.js
CHANGED
|
@@ -73,7 +73,7 @@ require('../hooks/useCommonClassName.js');
|
|
|
73
73
|
require('./hooks/useDrag.js');
|
|
74
74
|
require('../image-viewer/index.js');
|
|
75
75
|
require('../image-viewer/ImageViewer.js');
|
|
76
|
-
require('../_chunks/dep-
|
|
76
|
+
require('../_chunks/dep-6a672006.js');
|
|
77
77
|
require('../tooltip/index.js');
|
|
78
78
|
require('../tooltip/Tooltip.js');
|
|
79
79
|
require('../popup/index.js');
|
|
@@ -68,7 +68,7 @@ require('../../_common/js/utils/helper.js');
|
|
|
68
68
|
require('../../loading/defaultProps.js');
|
|
69
69
|
require('../../loading/plugin.js');
|
|
70
70
|
require('../../image-viewer/ImageViewer.js');
|
|
71
|
-
require('../../_chunks/dep-
|
|
71
|
+
require('../../_chunks/dep-6a672006.js');
|
|
72
72
|
require('../../tooltip/index.js');
|
|
73
73
|
require('../../tooltip/Tooltip.js');
|
|
74
74
|
require('../../popup/index.js');
|
|
@@ -59,7 +59,7 @@ require('../../_chunks/dep-307e29a6.js');
|
|
|
59
59
|
require('../../loading/defaultProps.js');
|
|
60
60
|
require('../../loading/plugin.js');
|
|
61
61
|
require('../../image-viewer/ImageViewer.js');
|
|
62
|
-
require('../../_chunks/dep-
|
|
62
|
+
require('../../_chunks/dep-6a672006.js');
|
|
63
63
|
require('../../tooltip/index.js');
|
|
64
64
|
require('../../tooltip/Tooltip.js');
|
|
65
65
|
require('../../popup/index.js');
|
|
@@ -48,7 +48,7 @@ require('../../_common/js/global-config/default-config.js');
|
|
|
48
48
|
require('../../image-viewer/ImageViewer.js');
|
|
49
49
|
require('../../_chunks/dep-19ba0d4f.js');
|
|
50
50
|
require('react-dom');
|
|
51
|
-
require('../../_chunks/dep-
|
|
51
|
+
require('../../_chunks/dep-6a672006.js');
|
|
52
52
|
require('../../_chunks/dep-307e29a6.js');
|
|
53
53
|
require('../../tooltip/index.js');
|
|
54
54
|
require('../../tooltip/Tooltip.js');
|
package/cjs/upload/upload.js
CHANGED
|
@@ -73,7 +73,7 @@ require('../hooks/useCommonClassName.js');
|
|
|
73
73
|
require('./hooks/useDrag.js');
|
|
74
74
|
require('../image-viewer/index.js');
|
|
75
75
|
require('../image-viewer/ImageViewer.js');
|
|
76
|
-
require('../_chunks/dep-
|
|
76
|
+
require('../_chunks/dep-6a672006.js');
|
|
77
77
|
require('../tooltip/index.js');
|
|
78
78
|
require('../tooltip/Tooltip.js');
|
|
79
79
|
require('../popup/index.js');
|