@sheinx/base 3.1.14 → 3.1.16
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/card/card-header.d.ts.map +1 -1
- package/cjs/card/card-header.js +22 -11
- package/cjs/form/form-field.type.d.ts +1 -1
- package/cjs/form/form-field.type.d.ts.map +1 -1
- package/cjs/input/input-group.d.ts.map +1 -1
- package/cjs/input/input-group.js +4 -2
- package/cjs/input/input-group.type.d.ts +10 -0
- package/cjs/input/input-group.type.d.ts.map +1 -1
- package/cjs/input/input.type.d.ts +1 -0
- package/cjs/input/input.type.d.ts.map +1 -1
- package/cjs/select/result.js +4 -4
- package/cjs/select/select.d.ts.map +1 -1
- package/cjs/select/select.js +1 -11
- package/cjs/sticky/sticky.d.ts.map +1 -1
- package/cjs/sticky/sticky.js +212 -90
- package/cjs/virtual-scroll/scroll.js +1 -1
- package/esm/card/card-header.d.ts.map +1 -1
- package/esm/card/card-header.js +22 -11
- package/esm/form/form-field.type.d.ts +1 -1
- package/esm/form/form-field.type.d.ts.map +1 -1
- package/esm/input/input-group.d.ts.map +1 -1
- package/esm/input/input-group.js +4 -2
- package/esm/input/input-group.type.d.ts +10 -0
- package/esm/input/input-group.type.d.ts.map +1 -1
- package/esm/input/input.type.d.ts +1 -0
- package/esm/input/input.type.d.ts.map +1 -1
- package/esm/select/result.js +5 -5
- package/esm/select/select.d.ts.map +1 -1
- package/esm/select/select.js +1 -11
- package/esm/sticky/sticky.d.ts.map +1 -1
- package/esm/sticky/sticky.js +213 -91
- package/esm/virtual-scroll/scroll.js +1 -1
- package/package.json +2 -2
package/cjs/sticky/sticky.js
CHANGED
|
@@ -25,6 +25,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
25
25
|
var cssSupport = _hooks.util.cssSupport;
|
|
26
26
|
var supportSticky = cssSupport('position', 'sticky');
|
|
27
27
|
var defaultZIndex = 900;
|
|
28
|
+
var events = ['scroll', 'pageshow', 'load', 'resize'];
|
|
28
29
|
|
|
29
30
|
// const getFirstScrollParent = (el: HTMLElement) => {
|
|
30
31
|
// let parent = el.parentNode as HTMLElement;
|
|
@@ -43,17 +44,19 @@ var defaultZIndex = 900;
|
|
|
43
44
|
// };
|
|
44
45
|
|
|
45
46
|
var Sticky = function Sticky(props) {
|
|
46
|
-
var _props$style;
|
|
47
47
|
var children = props.children,
|
|
48
48
|
top = props.top,
|
|
49
49
|
bottom = props.bottom;
|
|
50
|
-
|
|
50
|
+
// 是否使用css sticky
|
|
51
|
+
var css = (props.css || props.target) && supportSticky;
|
|
52
|
+
var forceUpdate = (0, _hooks.useRender)();
|
|
51
53
|
var _useRef = (0, _react.useRef)({
|
|
52
54
|
target: null,
|
|
53
55
|
div: null,
|
|
54
|
-
|
|
56
|
+
position: '',
|
|
57
|
+
targetObserver: null,
|
|
55
58
|
parentObserver: null,
|
|
56
|
-
|
|
59
|
+
fixedObserver: null
|
|
57
60
|
}),
|
|
58
61
|
context = _useRef.current;
|
|
59
62
|
var _useState = (0, _react.useState)({}),
|
|
@@ -68,12 +71,7 @@ var Sticky = function Sticky(props) {
|
|
|
68
71
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
69
72
|
parentVisible = _useState6[0],
|
|
70
73
|
setParentVisible = _useState6[1];
|
|
71
|
-
var forceRender = (0, _hooks.useRender)();
|
|
72
74
|
var elementRef = (0, _react.useRef)(null);
|
|
73
|
-
var elementSize = (0, _hooks.useResize)({
|
|
74
|
-
targetRef: elementRef,
|
|
75
|
-
timer: 0
|
|
76
|
-
});
|
|
77
75
|
var getTarget = function getTarget() {
|
|
78
76
|
var scrollContainer = props.scrollContainer;
|
|
79
77
|
if (typeof scrollContainer === 'string') {
|
|
@@ -83,22 +81,19 @@ var Sticky = function Sticky(props) {
|
|
|
83
81
|
if (scrollContainer && scrollContainer.nodeType === 1) {
|
|
84
82
|
return scrollContainer;
|
|
85
83
|
}
|
|
86
|
-
return
|
|
84
|
+
return null;
|
|
87
85
|
};
|
|
86
|
+
|
|
87
|
+
// window resize 时需要重新计算底部附着的位置
|
|
88
88
|
var updateStyle = (0, _hooks.usePersistFn)(function () {
|
|
89
|
-
if (context.div &&
|
|
90
|
-
var shouldFixed = context.target === document.body;
|
|
89
|
+
if (context.div && context.position === 'bottom' && show) {
|
|
91
90
|
var scrollRect = context.target.getBoundingClientRect();
|
|
92
91
|
var targetRect = elementRef.current.getBoundingClientRect();
|
|
93
92
|
var targetLeft = targetRect.left;
|
|
94
|
-
var width = targetRect.width,
|
|
95
|
-
height = targetRect.height;
|
|
96
93
|
if (typeof bottom === 'number') {
|
|
97
94
|
var outRootRect = context.target.getBoundingClientRect();
|
|
98
95
|
var _style = {
|
|
99
|
-
position:
|
|
100
|
-
width: "".concat(width, "px"),
|
|
101
|
-
height: "".concat(height, "px"),
|
|
96
|
+
position: 'absolute',
|
|
102
97
|
top: "".concat(scrollRect.bottom - (props.bottom || 0) - outRootRect.top, "px"),
|
|
103
98
|
left: "".concat(targetLeft - outRootRect.left, "px"),
|
|
104
99
|
transform: 'translateY(-100%)'
|
|
@@ -107,30 +102,22 @@ var Sticky = function Sticky(props) {
|
|
|
107
102
|
}
|
|
108
103
|
}
|
|
109
104
|
});
|
|
110
|
-
|
|
105
|
+
|
|
106
|
+
// 有滚动容器时的定位
|
|
107
|
+
var handleTargetPosition = (0, _hooks.usePersistFn)(function (entries) {
|
|
111
108
|
var entry = entries[0];
|
|
112
109
|
var scrollRect = entry.rootBounds;
|
|
113
110
|
var targetRect = entry.boundingClientRect;
|
|
114
|
-
var shouldFixed = context.target === document.body;
|
|
115
111
|
if (!entry.isIntersecting) {
|
|
116
112
|
var targetLeft = targetRect.left;
|
|
117
|
-
var outRootRect =
|
|
118
|
-
top: 0,
|
|
119
|
-
bottom: 0,
|
|
120
|
-
left: 0,
|
|
121
|
-
right: 0
|
|
122
|
-
} : context.div.getBoundingClientRect();
|
|
123
|
-
var width = targetRect.width,
|
|
124
|
-
height = targetRect.height;
|
|
113
|
+
var outRootRect = context.div.getBoundingClientRect();
|
|
125
114
|
if (scrollRect && targetRect.bottom < scrollRect.bottom) {
|
|
126
115
|
// top in
|
|
127
|
-
context.
|
|
116
|
+
context.position = 'top';
|
|
128
117
|
if (typeof top === 'number') {
|
|
129
118
|
setShow(true);
|
|
130
119
|
var _style2 = {
|
|
131
|
-
position:
|
|
132
|
-
width: "".concat(width, "px"),
|
|
133
|
-
height: "".concat(height, "px"),
|
|
120
|
+
position: 'absolute',
|
|
134
121
|
top: "".concat(scrollRect.top - outRootRect.top, "px"),
|
|
135
122
|
left: "".concat(targetLeft - outRootRect.left, "px")
|
|
136
123
|
};
|
|
@@ -138,16 +125,13 @@ var Sticky = function Sticky(props) {
|
|
|
138
125
|
}
|
|
139
126
|
} else if (scrollRect) {
|
|
140
127
|
// bottom in
|
|
141
|
-
context.
|
|
128
|
+
context.position = 'bottom';
|
|
142
129
|
if (typeof bottom === 'number') {
|
|
143
130
|
setShow(true);
|
|
144
|
-
var _outRootRect = context.target.getBoundingClientRect();
|
|
145
131
|
var _style3 = {
|
|
146
|
-
position:
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
top: "".concat(scrollRect.bottom - _outRootRect.top, "px"),
|
|
150
|
-
left: "".concat(targetLeft - _outRootRect.left, "px"),
|
|
132
|
+
position: 'absolute',
|
|
133
|
+
top: "".concat(scrollRect.bottom - outRootRect.top, "px"),
|
|
134
|
+
left: "".concat(targetLeft - outRootRect.left, "px"),
|
|
151
135
|
transform: 'translateY(-100%)'
|
|
152
136
|
};
|
|
153
137
|
setStyle(_style3);
|
|
@@ -156,8 +140,11 @@ var Sticky = function Sticky(props) {
|
|
|
156
140
|
}
|
|
157
141
|
if (entry.isIntersecting) {
|
|
158
142
|
setShow(false);
|
|
143
|
+
context.position = '';
|
|
159
144
|
}
|
|
160
145
|
});
|
|
146
|
+
|
|
147
|
+
// 父元素是否可见
|
|
161
148
|
var handleParentVisible = (0, _hooks.usePersistFn)(function (entries) {
|
|
162
149
|
var entry = entries[0];
|
|
163
150
|
if (entry.isIntersecting) {
|
|
@@ -166,35 +153,118 @@ var Sticky = function Sticky(props) {
|
|
|
166
153
|
setParentVisible(false);
|
|
167
154
|
}
|
|
168
155
|
});
|
|
169
|
-
var
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
156
|
+
var setFixedStyle = (0, _hooks.usePersistFn)(function (s, m) {
|
|
157
|
+
var l = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
|
158
|
+
if (s !== show) {
|
|
159
|
+
setShow(s);
|
|
173
160
|
}
|
|
174
|
-
if (
|
|
175
|
-
|
|
176
|
-
|
|
161
|
+
if (s && m) {
|
|
162
|
+
var newStyle = _defineProperty(_defineProperty({
|
|
163
|
+
position: 'fixed'
|
|
164
|
+
}, m, m === 'top' ? top : bottom), "left", l);
|
|
165
|
+
if (!_hooks.util.shallowEqual(style, newStyle)) {
|
|
166
|
+
setStyle(newStyle);
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
});
|
|
170
|
+
|
|
171
|
+
// 无滚动容器的时候,body 滚动 resize 计算
|
|
172
|
+
var handleFixedPosition = (0, _hooks.usePersistFn)(function () {
|
|
173
|
+
if (css || context.target) return;
|
|
174
|
+
var element = elementRef.current;
|
|
175
|
+
if (!parentVisible) {
|
|
176
|
+
setFixedStyle(false);
|
|
177
|
+
return;
|
|
178
|
+
}
|
|
179
|
+
if (!element) return;
|
|
180
|
+
var selfRect = element.getBoundingClientRect();
|
|
181
|
+
if (selfRect === null) return;
|
|
182
|
+
// If the element is hidden, the width and height will be 0
|
|
183
|
+
if (selfRect && selfRect.width === 0 && selfRect.height === 0) return;
|
|
184
|
+
var scrollRect = document.body.getBoundingClientRect();
|
|
185
|
+
var top = props.top,
|
|
186
|
+
bottom = props.bottom;
|
|
187
|
+
if (top !== undefined && Math.ceil(selfRect.top) <= top) {
|
|
188
|
+
setFixedStyle(true, 'top', selfRect.left);
|
|
189
|
+
return;
|
|
190
|
+
} else if (bottom !== undefined && Math.ceil(selfRect.bottom) + bottom > scrollRect.bottom) {
|
|
191
|
+
setFixedStyle(true, 'bottom', selfRect.left);
|
|
192
|
+
return;
|
|
193
|
+
} else {
|
|
194
|
+
setFixedStyle(false);
|
|
195
|
+
}
|
|
196
|
+
});
|
|
197
|
+
|
|
198
|
+
// 无滚动容器时内滚场景触发
|
|
199
|
+
var handleFixedInter = (0, _hooks.usePersistFn)(function (entries) {
|
|
200
|
+
if (!parentVisible) {
|
|
201
|
+
setFixedStyle(false);
|
|
202
|
+
return;
|
|
203
|
+
}
|
|
204
|
+
var entry = entries[0];
|
|
205
|
+
var scrollRect = entry.rootBounds;
|
|
206
|
+
var targetRect = entry.boundingClientRect;
|
|
207
|
+
if (scrollRect && scrollRect.top === 0 && scrollRect.bottom === 0) {
|
|
208
|
+
return;
|
|
209
|
+
}
|
|
210
|
+
if (!entry.isIntersecting) {
|
|
211
|
+
var targetLeft = targetRect.left;
|
|
212
|
+
var outRootRect = document.body.getBoundingClientRect();
|
|
213
|
+
if (scrollRect && targetRect.bottom < scrollRect.bottom) {
|
|
214
|
+
// top in
|
|
215
|
+
if (typeof top === 'number') {
|
|
216
|
+
setFixedStyle(true, 'top', targetLeft - outRootRect.left);
|
|
217
|
+
}
|
|
218
|
+
} else if (scrollRect) {
|
|
219
|
+
// bottom in
|
|
220
|
+
if (typeof bottom === 'number') {
|
|
221
|
+
setFixedStyle(true, 'bottom', targetLeft - outRootRect.left);
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
}
|
|
225
|
+
if (entry.isIntersecting) {
|
|
226
|
+
setFixedStyle(false);
|
|
227
|
+
}
|
|
228
|
+
});
|
|
229
|
+
var elementSize = (0, _hooks.useResize)({
|
|
230
|
+
targetRef: elementRef,
|
|
231
|
+
timer: 10,
|
|
232
|
+
cb: handleFixedPosition
|
|
233
|
+
});
|
|
234
|
+
var cancelFixedObserver = function cancelFixedObserver() {
|
|
235
|
+
if (context.fixedObserver) {
|
|
236
|
+
context.fixedObserver.disconnect();
|
|
237
|
+
context.fixedObserver = null;
|
|
238
|
+
}
|
|
239
|
+
};
|
|
240
|
+
var createFixedObserver = function createFixedObserver() {
|
|
241
|
+
cancelFixedObserver();
|
|
242
|
+
context.fixedObserver = new IntersectionObserver(handleFixedInter, {
|
|
243
|
+
root: null,
|
|
244
|
+
rootMargin: "-".concat(top || 0, "px 0px -").concat(bottom || 0, "px 0px"),
|
|
245
|
+
threshold: 1.0
|
|
246
|
+
});
|
|
247
|
+
};
|
|
248
|
+
var cancelObserver = function cancelObserver() {
|
|
249
|
+
if (context.targetObserver) {
|
|
250
|
+
context.targetObserver.disconnect();
|
|
251
|
+
context.targetObserver = null;
|
|
177
252
|
}
|
|
178
|
-
window.removeEventListener('resize', updateStyle);
|
|
179
253
|
};
|
|
180
254
|
var createObserver = function createObserver() {
|
|
181
|
-
|
|
182
|
-
if (!context.div && target !== document.body) {
|
|
255
|
+
if (!context.div) {
|
|
183
256
|
context.div = document.createElement('div');
|
|
184
257
|
context.div.style.position = 'relative';
|
|
185
258
|
}
|
|
186
|
-
if (
|
|
187
|
-
forceRender();
|
|
188
|
-
context.target = target;
|
|
189
|
-
cleanEvents();
|
|
259
|
+
if (context.target) {
|
|
190
260
|
if (context.div) {
|
|
191
261
|
// append div
|
|
192
|
-
if (target === document.body) {
|
|
193
|
-
document.body.
|
|
262
|
+
if (context.target === document.body) {
|
|
263
|
+
document.body.insertBefore(context.div, document.body.firstChild);
|
|
194
264
|
} else {
|
|
195
|
-
target.parentNode.insertBefore(context.div, target);
|
|
265
|
+
context.target.parentNode.insertBefore(context.div, context.target);
|
|
196
266
|
}
|
|
197
|
-
var _style4 = window.getComputedStyle(target);
|
|
267
|
+
var _style4 = window.getComputedStyle(context.target);
|
|
198
268
|
if (_style4.position === 'absolute' || _style4.position === 'fixed') {
|
|
199
269
|
context.div.style.position = _style4.position;
|
|
200
270
|
context.div.style.top = _style4.top;
|
|
@@ -203,59 +273,109 @@ var Sticky = function Sticky(props) {
|
|
|
203
273
|
context.div.style.bottom = _style4.bottom;
|
|
204
274
|
}
|
|
205
275
|
}
|
|
276
|
+
cancelFixedObserver();
|
|
206
277
|
if (window.IntersectionObserver) {
|
|
207
|
-
var observer = new IntersectionObserver(
|
|
208
|
-
root: target,
|
|
278
|
+
var observer = new IntersectionObserver(handleTargetPosition, {
|
|
279
|
+
root: context.target,
|
|
209
280
|
rootMargin: "-".concat(top || 0, "px 0px -").concat(bottom || 0, "px 0px"),
|
|
210
281
|
threshold: 1.0
|
|
211
282
|
});
|
|
212
|
-
context.
|
|
213
|
-
context.parentObserver = new IntersectionObserver(handleParentVisible, {
|
|
214
|
-
root: target,
|
|
215
|
-
rootMargin: "-".concat(top || 0, "px 0px -").concat(bottom || 0, "px 0px"),
|
|
216
|
-
threshold: 0
|
|
217
|
-
});
|
|
283
|
+
context.targetObserver = observer;
|
|
218
284
|
}
|
|
219
285
|
}
|
|
220
286
|
};
|
|
287
|
+
var cancelParentObserver = function cancelParentObserver() {
|
|
288
|
+
if (context.parentObserver) {
|
|
289
|
+
context.parentObserver.disconnect();
|
|
290
|
+
context.parentObserver = null;
|
|
291
|
+
}
|
|
292
|
+
};
|
|
293
|
+
var createParentObserver = function createParentObserver() {
|
|
294
|
+
if (!props.parent) return;
|
|
295
|
+
cancelParentObserver();
|
|
296
|
+
context.parentObserver = new IntersectionObserver(handleParentVisible, {
|
|
297
|
+
root: context.target,
|
|
298
|
+
rootMargin: "-".concat(top || 0, "px 0px -").concat(bottom || 0, "px 0px"),
|
|
299
|
+
threshold: 0
|
|
300
|
+
});
|
|
301
|
+
context.parentObserver.observe(props.parent);
|
|
302
|
+
};
|
|
303
|
+
|
|
304
|
+
// 存在滚动容器时的定位
|
|
305
|
+
var createTargetEvents = function createTargetEvents() {
|
|
306
|
+
createObserver();
|
|
307
|
+
window.addEventListener('resize', updateStyle);
|
|
308
|
+
};
|
|
309
|
+
var cancelTargetEvents = function cancelTargetEvents() {
|
|
310
|
+
cancelObserver();
|
|
311
|
+
window.removeEventListener('resize', updateStyle);
|
|
312
|
+
if (context.div) {
|
|
313
|
+
context.div.remove();
|
|
314
|
+
context.div = null;
|
|
315
|
+
}
|
|
316
|
+
};
|
|
317
|
+
var createFixedEvents = function createFixedEvents() {
|
|
318
|
+
createFixedObserver();
|
|
319
|
+
events.forEach(function (event) {
|
|
320
|
+
window.addEventListener(event, handleFixedPosition);
|
|
321
|
+
});
|
|
322
|
+
};
|
|
323
|
+
var cancelFixedEvents = function cancelFixedEvents() {
|
|
324
|
+
cancelFixedObserver();
|
|
325
|
+
events.forEach(function (event) {
|
|
326
|
+
window.removeEventListener(event, handleFixedPosition);
|
|
327
|
+
});
|
|
328
|
+
};
|
|
221
329
|
var handleElementRef = function handleElementRef(el) {
|
|
222
330
|
if (el) {
|
|
223
331
|
elementRef.current = el;
|
|
224
|
-
if (
|
|
225
|
-
|
|
332
|
+
if (context.targetObserver) {
|
|
333
|
+
if (!el) {
|
|
334
|
+
context.targetObserver.disconnect();
|
|
335
|
+
} else {
|
|
336
|
+
context.targetObserver.observe(el);
|
|
337
|
+
}
|
|
338
|
+
}
|
|
339
|
+
if (context.fixedObserver) {
|
|
340
|
+
if (!el) {
|
|
341
|
+
context.fixedObserver.disconnect();
|
|
342
|
+
} else {
|
|
343
|
+
context.fixedObserver.observe(el);
|
|
344
|
+
}
|
|
226
345
|
}
|
|
227
346
|
}
|
|
228
347
|
};
|
|
229
|
-
(0, _react.
|
|
230
|
-
if (
|
|
231
|
-
|
|
232
|
-
|
|
348
|
+
(0, _react.useLayoutEffect)(function () {
|
|
349
|
+
if (css) return;
|
|
350
|
+
var target = getTarget();
|
|
351
|
+
if (context.target !== target) {
|
|
352
|
+
context.target = target;
|
|
353
|
+
forceUpdate();
|
|
233
354
|
}
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
355
|
+
if (context.target) {
|
|
356
|
+
createTargetEvents();
|
|
357
|
+
return cancelTargetEvents;
|
|
358
|
+
} else {
|
|
359
|
+
// fixed 布局
|
|
360
|
+
createFixedEvents();
|
|
361
|
+
return cancelFixedEvents;
|
|
362
|
+
}
|
|
363
|
+
}, [css, top, bottom]);
|
|
364
|
+
(0, _react.useLayoutEffect)(function () {
|
|
365
|
+
if (props.parent && !css) {
|
|
366
|
+
// createParentObserver 用到context.target
|
|
367
|
+
createParentObserver();
|
|
244
368
|
context.parentObserver.observe(props.parent);
|
|
245
369
|
}
|
|
246
|
-
return
|
|
247
|
-
|
|
248
|
-
context.parentObserver.disconnect();
|
|
249
|
-
}
|
|
250
|
-
};
|
|
251
|
-
}, [props.parent]);
|
|
370
|
+
return cancelParentObserver;
|
|
371
|
+
}, [props.parent, css, context.target, top, bottom]);
|
|
252
372
|
|
|
253
373
|
// 纯css方法 直接使用css
|
|
254
374
|
// js方法
|
|
255
375
|
// 1. 不指定滚动容器 基于document.body 使用fixed + js计算
|
|
256
376
|
// 2. 指定滚动容器 在滚动容器上方插入一个dom占位 基于该dom渲染和定位
|
|
257
377
|
// 3. 使用 intersectionObserver 来判断是否需要sticky
|
|
258
|
-
if (css
|
|
378
|
+
if (css) {
|
|
259
379
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
260
380
|
className: props.className,
|
|
261
381
|
style: _objectSpread(_objectSpread({
|
|
@@ -279,12 +399,14 @@ var Sticky = function Sticky(props) {
|
|
|
279
399
|
})
|
|
280
400
|
}) : null;
|
|
281
401
|
var isFixed = style.position === 'fixed';
|
|
402
|
+
var hideStyle = {
|
|
403
|
+
opacity: 0,
|
|
404
|
+
pointerEvents: 'none'
|
|
405
|
+
};
|
|
282
406
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
283
407
|
children: [isFixed ? StickyEl : context.target && context.div && /*#__PURE__*/(0, _reactDom.createPortal)(StickyEl, context.div), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
284
408
|
className: props.className,
|
|
285
|
-
style: _objectSpread(_objectSpread({}, props.style), {},
|
|
286
|
-
opacity: show && parentVisible ? 0 : (_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.opacity
|
|
287
|
-
}),
|
|
409
|
+
style: _objectSpread(_objectSpread({}, props.style), show && parentVisible ? hideStyle : {}),
|
|
288
410
|
ref: handleElementRef,
|
|
289
411
|
children: children
|
|
290
412
|
})]
|
|
@@ -46,7 +46,7 @@ var Scroll = function Scroll(props) {
|
|
|
46
46
|
position: 'sticky'
|
|
47
47
|
}, isRtl ? 'right' : 'left', 0), "top", 0);
|
|
48
48
|
var placeStyle = _defineProperty(_defineProperty(_defineProperty(_defineProperty({
|
|
49
|
-
marginTop: Math.max(0, Math.floor(scrollHeight - height))
|
|
49
|
+
marginTop: height > 0 && scrollHeight > 0 ? Math.max(0, Math.floor(scrollHeight - height)) : 0
|
|
50
50
|
}, "margin".concat(isRtl ? 'Left' : 'Right'), scrollWidth), "height", 0), "width", 0), "overflow", 'hidden');
|
|
51
51
|
var handleScroll = (0, _hooks.usePersistFn)(function (e) {
|
|
52
52
|
var target = e.currentTarget;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card-header.d.ts","sourceRoot":"","sources":["card-header.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,QAAA,MAAM,UAAU,UAAW,eAAe,
|
|
1
|
+
{"version":3,"file":"card-header.d.ts","sourceRoot":"","sources":["card-header.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,QAAA,MAAM,UAAU,UAAW,eAAe,gBA6DzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
package/esm/card/card-header.js
CHANGED
|
@@ -1,3 +1,9 @@
|
|
|
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); }
|
|
1
7
|
import classNames from 'classnames';
|
|
2
8
|
import { CardContext } from "./card.context";
|
|
3
9
|
import { useContext } from 'react';
|
|
@@ -25,19 +31,24 @@ var CardHeader = function CardHeader(props) {
|
|
|
25
31
|
})
|
|
26
32
|
});
|
|
27
33
|
};
|
|
28
|
-
var
|
|
34
|
+
var alignClass = classNames(align === 'center' && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.center), align === 'right' && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.right));
|
|
35
|
+
var headerContentClassName = classNames(cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.headerContent, alignClass);
|
|
36
|
+
var commonHeaderProps = {
|
|
37
|
+
onMouseDown: handleDragMouseDown,
|
|
38
|
+
onClick: onCollapse,
|
|
39
|
+
style: props.style
|
|
40
|
+
};
|
|
29
41
|
if (!props.extra && !collapsible) {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
42
|
+
var simpleHeaderClassName = classNames(cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.header, cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.simpleHeader, alignClass, props.className);
|
|
43
|
+
return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
|
|
44
|
+
className: simpleHeaderClassName
|
|
45
|
+
}, commonHeaderProps), {}, {
|
|
33
46
|
children: props.children
|
|
34
|
-
});
|
|
47
|
+
}));
|
|
35
48
|
}
|
|
36
|
-
return /*#__PURE__*/_jsxs("div", {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
className: classNames(props.className, cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.header),
|
|
40
|
-
style: props.style,
|
|
49
|
+
return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
|
|
50
|
+
className: classNames(props.className, cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.header)
|
|
51
|
+
}, commonHeaderProps), {}, {
|
|
41
52
|
children: [renderIndicator(), /*#__PURE__*/_jsx("div", {
|
|
42
53
|
className: headerContentClassName,
|
|
43
54
|
children: props.children
|
|
@@ -45,6 +56,6 @@ var CardHeader = function CardHeader(props) {
|
|
|
45
56
|
className: cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.headerExtra,
|
|
46
57
|
children: props.extra
|
|
47
58
|
})]
|
|
48
|
-
});
|
|
59
|
+
}));
|
|
49
60
|
};
|
|
50
61
|
export default CardHeader;
|
|
@@ -31,7 +31,7 @@ export interface FormFieldProps<T> extends Partial<BaseFormControlProps<T>> {
|
|
|
31
31
|
* @cn 校验规则 详见 [Rule](/components/rule)
|
|
32
32
|
* @override RuleItem[]
|
|
33
33
|
*/
|
|
34
|
-
rules?: FormItemRule<
|
|
34
|
+
rules?: FormItemRule<any>;
|
|
35
35
|
/**
|
|
36
36
|
* @en React components that support value and onChange or function. The function object attribute is as follows:
|
|
37
37
|
* value: The value obtained from the parent Form or Form.Block by name.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-field.type.d.ts","sourceRoot":"","sources":["form-field.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE/E,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC;CACvC;AAED,MAAM,MAAM,qBAAqB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;AAE3F,MAAM,WAAW,cAAc,CAAC,CAAC,CAAE,SAAQ,OAAO,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;IACzE;;;OAGG;IACH,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC,
|
|
1
|
+
{"version":3,"file":"form-field.type.d.ts","sourceRoot":"","sources":["form-field.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE/E,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC;CACvC;AAED,MAAM,MAAM,qBAAqB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;AAE3F,MAAM,WAAW,cAAc,CAAC,CAAC,CAAE,SAAQ,OAAO,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;IACzE;;;OAGG;IACH,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;IAC1B;;;;;;;;;;;;;;OAcG;IACH,QAAQ,EACJ,KAAK,CAAC,YAAY,CAAC;QAAE,KAAK,CAAC,EAAE,GAAG,CAAC;QAAC,QAAQ,CAAC,EAAE,GAAG,CAAC;QAAC,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC,GACxE,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5C;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,UAAU,CAAC;CACrC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["input-group.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;gCAK9B,eAAe;AAAtC,
|
|
1
|
+
{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["input-group.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;gCAK9B,eAAe;AAAtC,wBA8DE"}
|
package/esm/input/input-group.js
CHANGED
|
@@ -33,7 +33,9 @@ export default (function (props) {
|
|
|
33
33
|
});
|
|
34
34
|
var _useWithFormConfig = useWithFormConfig(props),
|
|
35
35
|
size = _useWithFormConfig.size,
|
|
36
|
-
disabled = _useWithFormConfig.disabled
|
|
36
|
+
disabled = _useWithFormConfig.disabled,
|
|
37
|
+
status = _useWithFormConfig.status,
|
|
38
|
+
error = _useWithFormConfig.error;
|
|
37
39
|
var getProps = function getProps(child) {
|
|
38
40
|
ref.current.propsMap.set(child, {
|
|
39
41
|
onFocus: child.props.onFocus,
|
|
@@ -65,7 +67,7 @@ export default (function (props) {
|
|
|
65
67
|
className = props.className,
|
|
66
68
|
width = props.width,
|
|
67
69
|
style = props.style;
|
|
68
|
-
var rootClass = classNames(className, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.group, size === 'small' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupSmall), size === 'large' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupLarge), !!disabled && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupDisabled), !!focus && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupFocus));
|
|
70
|
+
var rootClass = classNames(className, inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.group, size === 'small' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupSmall), size === 'large' && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupLarge), !!disabled && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupDisabled), !!focus && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupFocus), (status === 'error' || error) && (inputStyle === null || inputStyle === void 0 ? void 0 : inputStyle.groupError));
|
|
69
71
|
return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, util.getDataAttribute({
|
|
70
72
|
role: 'input-group'
|
|
71
73
|
})), {}, {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import { InputStyle } from './input.type';
|
|
4
|
+
import { CommonType } from '../common/type';
|
|
4
5
|
export interface InputGroupProps {
|
|
5
6
|
children?: ReactNode;
|
|
6
7
|
className?: string;
|
|
@@ -9,5 +10,14 @@ export interface InputGroupProps {
|
|
|
9
10
|
size?: 'small' | 'large' | 'default';
|
|
10
11
|
disabled?: boolean;
|
|
11
12
|
jssStyle: InputStyle;
|
|
13
|
+
/**
|
|
14
|
+
* @cn 错误信息
|
|
15
|
+
* @en error message
|
|
16
|
+
* @private 内部属性
|
|
17
|
+
*/
|
|
18
|
+
error?: string | {
|
|
19
|
+
message?: string;
|
|
20
|
+
};
|
|
21
|
+
status?: CommonType['status'];
|
|
12
22
|
}
|
|
13
23
|
//# sourceMappingURL=input-group.type.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-group.type.d.ts","sourceRoot":"","sources":["input-group.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"input-group.type.d.ts","sourceRoot":"","sources":["input-group.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,UAAU,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;CAC/B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.type.d.ts","sourceRoot":"","sources":["input.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAElB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"input.type.d.ts","sourceRoot":"","sources":["input.type.ts"],"names":[],"mappings":"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"}
|
package/esm/select/result.js
CHANGED
|
@@ -10,7 +10,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
10
10
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
11
11
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
12
12
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
13
|
-
import React, { useState, useRef, useEffect } from 'react';
|
|
13
|
+
import React, { useState, useRef, useEffect, useLayoutEffect } from 'react';
|
|
14
14
|
import classNames from 'classnames';
|
|
15
15
|
import { util, addResizeObserver } from '@sheinx/hooks';
|
|
16
16
|
import Input from "./result-input";
|
|
@@ -279,8 +279,8 @@ var Result = function Result(props) {
|
|
|
279
279
|
var handleResetMore = function handleResetMore() {
|
|
280
280
|
if (!compressed) return;
|
|
281
281
|
if (isCompressedBound()) return;
|
|
282
|
-
setMore(-1);
|
|
283
282
|
setShouldResetMore(true);
|
|
283
|
+
setMore(-1);
|
|
284
284
|
};
|
|
285
285
|
useEffect(function () {
|
|
286
286
|
if (!focus && mounted.current) {
|
|
@@ -291,11 +291,11 @@ var Result = function Result(props) {
|
|
|
291
291
|
}
|
|
292
292
|
mounted.current = true;
|
|
293
293
|
}, [focus]);
|
|
294
|
-
|
|
294
|
+
useLayoutEffect(function () {
|
|
295
295
|
setTimeout(handleResetMore);
|
|
296
296
|
}, [valueProp, data]);
|
|
297
|
-
|
|
298
|
-
if (shouldResetMore && more === -1 && compressed && resultRef.current && (props.value || [].length)
|
|
297
|
+
useLayoutEffect(function () {
|
|
298
|
+
if (shouldResetMore && more === -1 && compressed && resultRef.current && (props.value || []).length) {
|
|
299
299
|
var tagClassName = ".".concat(styles.tag.split(' ')[0]);
|
|
300
300
|
if (shouldResetMore && isArray(value) && (value || []).length) {
|
|
301
301
|
var newMore = getResetMore(showInput, resultRef.current, resultRef.current.querySelectorAll(tagClassName));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,eAAe,EAAqB,MAAM,eAAe,CAAC;AAkBnE,iBAAS,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,eAAe,EAAqB,MAAM,eAAe,CAAC;AAkBnE,iBAAS,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,eA0sBxE;AAED,eAAe,MAAM,CAAC"}
|