@sheinx/hooks 3.7.0-beta.4 → 3.7.0-beta.40
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/common/use-component-memo/index.d.ts +2 -0
- package/cjs/common/use-component-memo/index.d.ts.map +1 -0
- package/cjs/common/use-component-memo/index.js +13 -0
- package/cjs/common/use-component-memo/use-memo.d.ts +2 -0
- package/cjs/common/use-component-memo/use-memo.d.ts.map +1 -0
- package/cjs/common/{use-memo → use-component-memo}/use-memo.js +2 -2
- package/cjs/common/use-filter/index.d.ts +1 -0
- package/cjs/common/use-filter/index.d.ts.map +1 -1
- package/cjs/common/use-filter/index.js +7 -0
- package/cjs/common/use-filter/use-filter-context.d.ts +7 -0
- package/cjs/common/use-filter/use-filter-context.d.ts.map +1 -0
- package/cjs/common/use-filter/use-filter-context.js +10 -0
- package/cjs/common/use-filter/use-filter.d.ts +1 -0
- package/cjs/common/use-filter/use-filter.d.ts.map +1 -1
- package/cjs/common/use-filter/use-filter.js +2 -0
- package/cjs/common/use-position-style/check-element-size.d.ts +10 -0
- package/cjs/common/use-position-style/check-element-size.d.ts.map +1 -0
- package/cjs/common/use-position-style/check-element-size.js +65 -0
- package/cjs/common/use-position-style/index.d.ts.map +1 -1
- package/cjs/common/use-position-style/index.js +5 -8
- package/cjs/components/use-datepicker/index.d.ts +1 -1
- package/cjs/components/use-datepicker/index.d.ts.map +1 -1
- package/cjs/components/use-datepicker/index.js +23 -2
- package/cjs/components/use-datepicker/use-datepicker-format.d.ts +17 -0
- package/cjs/components/use-datepicker/use-datepicker-format.d.ts.map +1 -1
- package/cjs/components/use-datepicker/use-datepicker-format.js +15 -3
- package/cjs/components/use-form/use-form-control/use-form-control.d.ts.map +1 -1
- package/cjs/components/use-form/use-form-control/use-form-control.js +15 -2
- package/cjs/components/use-form/use-form-control/use-form-control.type.d.ts +3 -0
- package/cjs/components/use-form/use-form-control/use-form-control.type.d.ts.map +1 -1
- package/cjs/components/use-form/use-form.d.ts +4 -4
- package/cjs/components/use-form/use-form.d.ts.map +1 -1
- package/cjs/components/use-form/use-form.js +54 -26
- package/cjs/components/use-form/use-form.type.d.ts +9 -0
- package/cjs/components/use-form/use-form.type.d.ts.map +1 -1
- package/cjs/components/use-image/use-image.d.ts +2 -0
- package/cjs/components/use-image/use-image.d.ts.map +1 -1
- package/cjs/components/use-image/use-image.js +40 -2
- package/cjs/components/use-popup/popup-context.d.ts +2 -0
- package/cjs/components/use-popup/popup-context.d.ts.map +1 -1
- package/cjs/components/use-popup/popup-context.js +2 -0
- package/cjs/components/use-popup/use-popup.d.ts +4 -0
- package/cjs/components/use-popup/use-popup.d.ts.map +1 -1
- package/cjs/components/use-popup/use-popup.js +33 -13
- package/cjs/components/use-table/index.d.ts +1 -1
- package/cjs/components/use-table/index.d.ts.map +1 -1
- package/cjs/components/use-table/use-table-group.d.ts.map +1 -1
- package/cjs/components/use-table/use-table-group.js +3 -1
- package/cjs/components/use-table/use-table-layout.d.ts.map +1 -1
- package/cjs/components/use-table/use-table-layout.js +0 -1
- package/cjs/components/use-table/use-table-virtual.d.ts +1 -2
- package/cjs/components/use-table/use-table-virtual.d.ts.map +1 -1
- package/cjs/components/use-table/use-table-virtual.js +14 -12
- package/cjs/components/use-table/use-table.type.d.ts +13 -15
- package/cjs/components/use-table/use-table.type.d.ts.map +1 -1
- package/cjs/components/use-tree/use-tree.d.ts.map +1 -1
- package/cjs/components/use-tree/use-tree.js +25 -7
- package/cjs/components/use-tree/use-tree.type.d.ts +1 -0
- package/cjs/components/use-tree/use-tree.type.d.ts.map +1 -1
- package/cjs/components/use-upload/use-upload.d.ts.map +1 -1
- package/cjs/components/use-upload/use-upload.js +54 -34
- package/cjs/components/use-upload/use-upload.type.d.ts +7 -0
- package/cjs/components/use-upload/use-upload.type.d.ts.map +1 -1
- package/cjs/index.d.ts +1 -1
- package/cjs/index.d.ts.map +1 -1
- package/cjs/index.js +4 -4
- package/cjs/utils/highlight.d.ts +7 -0
- package/cjs/utils/highlight.d.ts.map +1 -0
- package/cjs/utils/highlight.js +67 -0
- package/cjs/utils/index.d.ts +1 -0
- package/cjs/utils/index.d.ts.map +1 -1
- package/cjs/utils/index.js +12 -0
- package/cjs/utils/string.d.ts +1 -0
- package/cjs/utils/string.d.ts.map +1 -1
- package/cjs/utils/string.js +13 -0
- package/esm/common/use-component-memo/index.d.ts +2 -0
- package/esm/common/use-component-memo/index.d.ts.map +1 -0
- package/esm/common/use-component-memo/index.js +2 -0
- package/esm/common/use-component-memo/use-memo.d.ts +2 -0
- package/esm/common/use-component-memo/use-memo.d.ts.map +1 -0
- package/esm/common/{use-memo → use-component-memo}/use-memo.js +1 -1
- package/esm/common/use-filter/index.d.ts +1 -0
- package/esm/common/use-filter/index.d.ts.map +1 -1
- package/esm/common/use-filter/index.js +2 -1
- package/esm/common/use-filter/use-filter-context.d.ts +7 -0
- package/esm/common/use-filter/use-filter-context.d.ts.map +1 -0
- package/esm/common/use-filter/use-filter-context.js +3 -0
- package/esm/common/use-filter/use-filter.d.ts +1 -0
- package/esm/common/use-filter/use-filter.d.ts.map +1 -1
- package/esm/common/use-filter/use-filter.js +2 -0
- package/esm/common/use-position-style/check-element-size.d.ts +10 -0
- package/esm/common/use-position-style/check-element-size.d.ts.map +1 -0
- package/esm/common/use-position-style/check-element-size.js +59 -0
- package/esm/common/use-position-style/index.d.ts.map +1 -1
- package/esm/common/use-position-style/index.js +5 -8
- package/esm/components/use-datepicker/index.d.ts +1 -1
- package/esm/components/use-datepicker/index.d.ts.map +1 -1
- package/esm/components/use-datepicker/index.js +1 -1
- package/esm/components/use-datepicker/use-datepicker-format.d.ts +17 -0
- package/esm/components/use-datepicker/use-datepicker-format.d.ts.map +1 -1
- package/esm/components/use-datepicker/use-datepicker-format.js +14 -2
- package/esm/components/use-form/use-form-control/use-form-control.d.ts.map +1 -1
- package/esm/components/use-form/use-form-control/use-form-control.js +15 -2
- package/esm/components/use-form/use-form-control/use-form-control.type.d.ts +3 -0
- package/esm/components/use-form/use-form-control/use-form-control.type.d.ts.map +1 -1
- package/esm/components/use-form/use-form.d.ts +4 -4
- package/esm/components/use-form/use-form.d.ts.map +1 -1
- package/esm/components/use-form/use-form.js +54 -26
- package/esm/components/use-form/use-form.type.d.ts +9 -0
- package/esm/components/use-form/use-form.type.d.ts.map +1 -1
- package/esm/components/use-image/use-image.d.ts +2 -0
- package/esm/components/use-image/use-image.d.ts.map +1 -1
- package/esm/components/use-image/use-image.js +40 -2
- package/esm/components/use-popup/popup-context.d.ts +2 -0
- package/esm/components/use-popup/popup-context.d.ts.map +1 -1
- package/esm/components/use-popup/popup-context.js +2 -0
- package/esm/components/use-popup/use-popup.d.ts +4 -0
- package/esm/components/use-popup/use-popup.d.ts.map +1 -1
- package/esm/components/use-popup/use-popup.js +34 -14
- package/esm/components/use-table/index.d.ts +1 -1
- package/esm/components/use-table/index.d.ts.map +1 -1
- package/esm/components/use-table/use-table-group.d.ts.map +1 -1
- package/esm/components/use-table/use-table-group.js +3 -1
- package/esm/components/use-table/use-table-layout.d.ts.map +1 -1
- package/esm/components/use-table/use-table-layout.js +0 -1
- package/esm/components/use-table/use-table-virtual.d.ts +1 -2
- package/esm/components/use-table/use-table-virtual.d.ts.map +1 -1
- package/esm/components/use-table/use-table-virtual.js +14 -12
- package/esm/components/use-table/use-table.type.d.ts +13 -15
- package/esm/components/use-table/use-table.type.d.ts.map +1 -1
- package/esm/components/use-tree/use-tree.d.ts.map +1 -1
- package/esm/components/use-tree/use-tree.js +26 -8
- package/esm/components/use-tree/use-tree.type.d.ts +1 -0
- package/esm/components/use-tree/use-tree.type.d.ts.map +1 -1
- package/esm/components/use-upload/use-upload.d.ts.map +1 -1
- package/esm/components/use-upload/use-upload.js +54 -34
- package/esm/components/use-upload/use-upload.type.d.ts +7 -0
- package/esm/components/use-upload/use-upload.type.d.ts.map +1 -1
- package/esm/index.d.ts +1 -1
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +1 -1
- package/esm/utils/highlight.d.ts +7 -0
- package/esm/utils/highlight.d.ts.map +1 -0
- package/esm/utils/highlight.js +59 -0
- package/esm/utils/index.d.ts +1 -0
- package/esm/utils/index.d.ts.map +1 -1
- package/esm/utils/index.js +1 -0
- package/esm/utils/string.d.ts +1 -0
- package/esm/utils/string.d.ts.map +1 -1
- package/esm/utils/string.js +12 -0
- package/package.json +1 -1
- package/cjs/common/use-memo/index.d.ts +0 -2
- package/cjs/common/use-memo/index.d.ts.map +0 -1
- package/cjs/common/use-memo/index.js +0 -20
- package/cjs/common/use-memo/use-memo.d.ts +0 -2
- package/cjs/common/use-memo/use-memo.d.ts.map +0 -1
- package/esm/common/use-memo/index.d.ts +0 -2
- package/esm/common/use-memo/index.d.ts.map +0 -1
- package/esm/common/use-memo/index.js +0 -2
- package/esm/common/use-memo/use-memo.d.ts +0 -2
- package/esm/common/use-memo/use-memo.d.ts.map +0 -1
@@ -47,7 +47,8 @@ var useForm = function useForm(props) {
|
|
47
47
|
size = props.size,
|
48
48
|
colon = props.colon,
|
49
49
|
formName = props.name,
|
50
|
-
scrollParent = props.scrollParent
|
50
|
+
scrollParent = props.scrollParent,
|
51
|
+
isControl = props.isControl;
|
51
52
|
var deepSetOptions = {
|
52
53
|
removeUndefined: removeUndefined,
|
53
54
|
forceSet: true
|
@@ -69,7 +70,8 @@ var useForm = function useForm(props) {
|
|
69
70
|
resetTime: 0,
|
70
71
|
mounted: false,
|
71
72
|
unmounted: false,
|
72
|
-
removeLock: false
|
73
|
+
removeLock: false,
|
74
|
+
settingMap: {}
|
73
75
|
}),
|
74
76
|
context = _React$useRef.current;
|
75
77
|
var update = function update(name) {
|
@@ -201,7 +203,7 @@ var useForm = function useForm(props) {
|
|
201
203
|
if (errors.length > 0) {
|
202
204
|
var errorFields = [];
|
203
205
|
for (var _key in context.errors) {
|
204
|
-
if (context.errors[_key]) {
|
206
|
+
if (context.errors[_key] && context.names.has(_key)) {
|
205
207
|
var _context$errors$_key;
|
206
208
|
errorFields.push({
|
207
209
|
name: _key,
|
@@ -303,16 +305,28 @@ var useForm = function useForm(props) {
|
|
303
305
|
var values = Object.keys(vals);
|
304
306
|
// 针对 name 为数组模式,如 datepicker 的 name={['startTime', 'endTime']} 时,前者校验可能需要依赖后者,因此需要提前将后者数据整合至 draft 用于多字段整合校验
|
305
307
|
values.forEach(function (key) {
|
306
|
-
(
|
308
|
+
// upload组件返回的可能是函数: (prev) => [...prev, file]
|
309
|
+
var valueOfKey = typeof vals[key] === 'function' ? vals[key](getValue(key)) : vals[key];
|
310
|
+
(0, _utils.deepSet)(draft, key, valueOfKey, deepSetOptions);
|
311
|
+
// 设置 settingMap 用于标记该字段正在被设置值
|
312
|
+
context.settingMap[key] = true;
|
307
313
|
});
|
308
314
|
values.forEach(function (key) {
|
309
315
|
if (option.validate) {
|
310
316
|
var _context$validateMap$;
|
311
317
|
(_context$validateMap$ = context.validateMap[key]) === null || _context$validateMap$ === void 0 || _context$validateMap$.forEach(function (validate) {
|
312
|
-
|
318
|
+
var valueOfKey = typeof vals[key] === 'function' ? vals[key](getValue(key)) : vals[key];
|
319
|
+
validate(key, valueOfKey, (0, _immer.current)(draft));
|
313
320
|
});
|
314
321
|
}
|
315
322
|
});
|
323
|
+
|
324
|
+
// 设置 settingMap 的值为 false,表示该字段设置值完成
|
325
|
+
setTimeout(function () {
|
326
|
+
values.forEach(function (key) {
|
327
|
+
delete context.settingMap[key];
|
328
|
+
});
|
329
|
+
});
|
316
330
|
});
|
317
331
|
|
318
332
|
// 获取vals的所有key,包括嵌套对象的key
|
@@ -320,7 +334,11 @@ var useForm = function useForm(props) {
|
|
320
334
|
fullKeyPaths.forEach(function (key) {
|
321
335
|
delete context.serverErrors[key];
|
322
336
|
});
|
323
|
-
|
337
|
+
if (option.forceUpdate) {
|
338
|
+
update();
|
339
|
+
} else {
|
340
|
+
update(fullKeyPaths);
|
341
|
+
}
|
324
342
|
});
|
325
343
|
var updateDefaultValue = function updateDefaultValue() {
|
326
344
|
if (!context.mounted) return;
|
@@ -365,6 +383,7 @@ var useForm = function useForm(props) {
|
|
365
383
|
});
|
366
384
|
var submit = (0, _usePersistFn.default)(function () {
|
367
385
|
var withValidate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
386
|
+
var callback = arguments.length > 1 ? arguments[1] : undefined;
|
368
387
|
if (disabled) return;
|
369
388
|
if (context.submitLock) {
|
370
389
|
return;
|
@@ -382,32 +401,29 @@ var useForm = function useForm(props) {
|
|
382
401
|
while (1) switch (_context.prev = _context.next) {
|
383
402
|
case 0:
|
384
403
|
if (withValidate) {
|
385
|
-
_context.next =
|
404
|
+
_context.next = 4;
|
386
405
|
break;
|
387
406
|
}
|
388
407
|
(_props$onSubmit = props.onSubmit) === null || _props$onSubmit === void 0 || _props$onSubmit.call(props, (_context$value = context.value) !== null && _context$value !== void 0 ? _context$value : {});
|
408
|
+
callback === null || callback === void 0 || callback();
|
389
409
|
return _context.abrupt("return");
|
390
|
-
case
|
391
|
-
_context.next =
|
410
|
+
case 4:
|
411
|
+
_context.next = 6;
|
392
412
|
return validateFields(undefined, {
|
393
413
|
ignoreBind: true
|
394
414
|
}).catch(function (e) {
|
395
415
|
return e;
|
396
416
|
});
|
397
|
-
case
|
417
|
+
case 6:
|
398
418
|
result = _context.sent;
|
399
|
-
if (
|
400
|
-
|
401
|
-
|
419
|
+
if (result === true) {
|
420
|
+
(_props$onSubmit2 = props.onSubmit) === null || _props$onSubmit2 === void 0 || _props$onSubmit2.call(props, (_context$value2 = context.value) !== null && _context$value2 !== void 0 ? _context$value2 : {});
|
421
|
+
if (activeEl) activeEl.focus();
|
422
|
+
} else {
|
423
|
+
handleSubmitError(result);
|
402
424
|
}
|
403
|
-
|
404
|
-
|
405
|
-
_context.next = 13;
|
406
|
-
break;
|
407
|
-
case 11:
|
408
|
-
handleSubmitError(result);
|
409
|
-
return _context.abrupt("return");
|
410
|
-
case 13:
|
425
|
+
callback === null || callback === void 0 || callback();
|
426
|
+
case 9:
|
411
427
|
case "end":
|
412
428
|
return _context.stop();
|
413
429
|
}
|
@@ -491,11 +507,20 @@ var useForm = function useForm(props) {
|
|
491
507
|
context.updateMap[n] = new Set();
|
492
508
|
}
|
493
509
|
context.updateMap[n].add(updateFn);
|
510
|
+
var shouldTriggerResetChange = context.removeArr.has(n);
|
494
511
|
context.removeArr.delete(n);
|
495
|
-
|
512
|
+
var currentValue = (0, _utils.deepGet)(context.value, n);
|
513
|
+
var shouldTriggerDefaultChange = df !== undefined && currentValue === undefined;
|
514
|
+
if (shouldTriggerDefaultChange || shouldTriggerResetChange) {
|
496
515
|
if (!context.mounted) context.defaultValues[n] = df;
|
516
|
+
var _defaultValue = df;
|
517
|
+
|
518
|
+
// 如果组件是重新 bind ,比如更改了 key 或者通过三元表达式切换了组件但 name 都是相同的情况下,在切换过程中改了 value 的值(比如通过 datum.set),需要阻止 defaultValue 的上位,按照当前的 value 来设置 defaultValue
|
519
|
+
if (shouldTriggerResetChange && context.settingMap[n]) {
|
520
|
+
_defaultValue = currentValue !== undefined ? currentValue : df;
|
521
|
+
}
|
497
522
|
onChange(function (v) {
|
498
|
-
(0, _utils.deepSet)(v, n,
|
523
|
+
(0, _utils.deepSet)(v, n, _defaultValue, deepSetOptions);
|
499
524
|
});
|
500
525
|
update(n);
|
501
526
|
}
|
@@ -512,7 +537,6 @@ var useForm = function useForm(props) {
|
|
512
537
|
}
|
513
538
|
if (validateFieldSet.size === 0 && updateFieldSet.size === 0) {
|
514
539
|
context.names.delete(n);
|
515
|
-
delete context.errors[n];
|
516
540
|
delete context.defaultValues[n];
|
517
541
|
}
|
518
542
|
var finalReserveAble = (_props$reserveAble = props.reserveAble) !== null && _props$reserveAble !== void 0 ? _props$reserveAble : reserveAble;
|
@@ -607,7 +631,10 @@ var useForm = function useForm(props) {
|
|
607
631
|
React.useEffect(function () {
|
608
632
|
context.removeLock = false;
|
609
633
|
// 内部 onChange 改的 value, 不需要更新
|
610
|
-
if (props.value === context.value)
|
634
|
+
if (props.value === context.value) {
|
635
|
+
if (!isControl) update();
|
636
|
+
return;
|
637
|
+
}
|
611
638
|
if (initValidate && !context.resetTime) {
|
612
639
|
var keys = Object.keys(context.validateMap).filter(function (key) {
|
613
640
|
var oldValue = (0, _utils.deepGet)(preValue || emptyObj, key);
|
@@ -617,7 +644,8 @@ var useForm = function useForm(props) {
|
|
617
644
|
validateFields(keys).catch(function () {});
|
618
645
|
}
|
619
646
|
update();
|
620
|
-
|
647
|
+
// 默认值上位时会提前触发外部的onChange, 导致外部的多次setFormValue不能合并后生效的问题(ReactDOM.render方式渲染)
|
648
|
+
setTimeout(updateDefaultValue);
|
621
649
|
context.resetTime = 0;
|
622
650
|
}, [props.value]);
|
623
651
|
React.useEffect(function () {
|
@@ -58,6 +58,13 @@ export interface FormLabelConfig {
|
|
58
58
|
* @default false
|
59
59
|
*/
|
60
60
|
keepErrorHeight?: boolean;
|
61
|
+
/**
|
62
|
+
* @en Whether to keep the error message below the form item, the default is false
|
63
|
+
* @cn 是否保持错误信息在提示信息下方
|
64
|
+
* @default false
|
65
|
+
* @version 3.7.0
|
66
|
+
*/
|
67
|
+
keepErrorBelow?: boolean;
|
61
68
|
/**
|
62
69
|
* @en When inline is true, the form is horizontal layout
|
63
70
|
* @cn 是否水平布局
|
@@ -187,6 +194,7 @@ export interface BaseFormProps<T> extends Omit<FormCommonConfig, 'formName'> {
|
|
187
194
|
}
|
188
195
|
export type UseFormProps<T> = BaseFormProps<T> & {
|
189
196
|
formElRef: React.RefObject<HTMLFormElement>;
|
197
|
+
isControl: boolean;
|
190
198
|
};
|
191
199
|
export type FormContext = {
|
192
200
|
defaultValues: ObjectType;
|
@@ -208,6 +216,7 @@ export type FormContext = {
|
|
208
216
|
unmounted: boolean;
|
209
217
|
removeLock: boolean;
|
210
218
|
ignoreValidateFields: string[];
|
219
|
+
settingMap: ObjectType<boolean>;
|
211
220
|
};
|
212
221
|
export type UseFormSlotOwnProps = {
|
213
222
|
onSubmit: any;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-form.type.d.ts","sourceRoot":"","sources":["use-form.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,MAAM,EAAE,CAAC,CAAC;IACV,WAAW,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,EAAE,CAAC;KAClB,EAAE,CAAC;CACL;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,WAAW,GAAG,WAAW,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,CACvB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,UAAU,EACpB,MAAM,CAAC,EAAE,gBAAgB,KACtB,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC;AAE/B,MAAM,MAAM,QAAQ,GAAG,CACrB,SAAS,EAAE,UAAU,EACrB,MAAM,EAAE,UAAU,CAAC,KAAK,GAAG,SAAS,CAAC,EACrC,YAAY,EAAE,UAAU,CAAC,KAAK,GAAG,SAAS,CAAC,KACxC,IAAI,CAAC;AAEV,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE;QACL,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,UAAU,EAAE,MAAM,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;QAC7F,IAAI,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,KAAK,IAAI,CAAC;QAC3E,YAAY,EAAE,CAAC,SAAS,EACtB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC,KAC/B,YAAY,CAAC,SAAS,CAAC,CAAC;QAC7B,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;QACjE,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;KACpE,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,gBAAgB,CAAC;IAC7B,SAAS,EAAE,oBAAoB,CAAC;IAChC,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;IACtC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAC;IACjD;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"use-form.type.d.ts","sourceRoot":"","sources":["use-form.type.ts"],"names":[],"mappings":"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"}
|
@@ -14,6 +14,8 @@ declare const useImage: (props?: BaseImageProps) => {
|
|
14
14
|
onClick: (event: React.MouseEvent<HTMLImageElement | HTMLDivElement>) => void;
|
15
15
|
};
|
16
16
|
getImageProps: <TOther_1 extends ObjectType = ObjectType>(externalProps?: TOther_1) => {
|
17
|
+
style: React.CSSProperties;
|
18
|
+
} & {
|
17
19
|
[x: string]: (event: any) => void;
|
18
20
|
} & TOther_1 & {
|
19
21
|
alt: string | undefined;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-image.d.ts","sourceRoot":"","sources":["use-image.ts"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAWlD,QAAA,MAAM,QAAQ,WAAW,cAAc;;;;;;;;;;
|
1
|
+
{"version":3,"file":"use-image.d.ts","sourceRoot":"","sources":["use-image.ts"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAWlD,QAAA,MAAM,QAAQ,WAAW,cAAc;;;;;;;;;;yBAiG3B,gBAAgB,CAAC,gBAAgB,GAAG,cAAc,CAAC;;;;;;;;;;;;;CAoF9D,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
@@ -43,6 +43,10 @@ var useImage = function useImage() {
|
|
43
43
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
44
44
|
status = _React$useState2[0],
|
45
45
|
setStatus = _React$useState2[1];
|
46
|
+
var _React$useState3 = _react.default.useState({}),
|
47
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
48
|
+
imgCoverStyle = _React$useState4[0],
|
49
|
+
setImgCoverStyle = _React$useState4[1];
|
46
50
|
var elementRef = _react.default.useRef(null);
|
47
51
|
var getUrl = function getUrl(url) {
|
48
52
|
var auto = 'autoSSL' in props ? autoSSL : config.autoSSL;
|
@@ -77,6 +81,35 @@ var useImage = function useImage() {
|
|
77
81
|
};
|
78
82
|
img.src = getUrl(alt);
|
79
83
|
};
|
84
|
+
var handleCoverStyle = function handleCoverStyle(img) {
|
85
|
+
var container = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current;
|
86
|
+
if (!container) return;
|
87
|
+
|
88
|
+
// 根据容器的宽高获取宽高比
|
89
|
+
var containerWidth = container.clientWidth;
|
90
|
+
var containerHeight = container.clientHeight;
|
91
|
+
var containerRatio = containerWidth / containerHeight;
|
92
|
+
|
93
|
+
// 根据图片的自然尺寸获取宽高比
|
94
|
+
var imageWidth = img.naturalWidth;
|
95
|
+
var imageHeight = img.naturalHeight;
|
96
|
+
var imageRatio = imageWidth / imageHeight;
|
97
|
+
|
98
|
+
// 判断宽高比,决定图片填充策略
|
99
|
+
if (imageRatio > containerRatio) {
|
100
|
+
// 图片更宽,宽度占满容器,高度自适应
|
101
|
+
setImgCoverStyle({
|
102
|
+
height: '100%',
|
103
|
+
width: 'auto'
|
104
|
+
});
|
105
|
+
} else {
|
106
|
+
// 图片更高,填满容器高度
|
107
|
+
setImgCoverStyle({
|
108
|
+
width: '100%',
|
109
|
+
height: 'auto'
|
110
|
+
});
|
111
|
+
}
|
112
|
+
};
|
80
113
|
var markToRender = function markToRender() {
|
81
114
|
if (!src) {
|
82
115
|
handleAlt();
|
@@ -84,7 +117,10 @@ var useImage = function useImage() {
|
|
84
117
|
}
|
85
118
|
var img = new window.Image();
|
86
119
|
img.onload = function () {
|
87
|
-
|
120
|
+
setStatus(SRC);
|
121
|
+
if (props.fit === 'fill') {
|
122
|
+
handleCoverStyle(img);
|
123
|
+
}
|
88
124
|
};
|
89
125
|
img.onerror = function (e) {
|
90
126
|
return handleError(SRC, e);
|
@@ -113,7 +149,9 @@ var useImage = function useImage() {
|
|
113
149
|
alt: alt,
|
114
150
|
draggable: !noImgDrag
|
115
151
|
});
|
116
|
-
return _objectSpread({
|
152
|
+
return _objectSpread({
|
153
|
+
style: imgCoverStyle
|
154
|
+
}, mergedEventHandlers);
|
117
155
|
};
|
118
156
|
var getImageDivProps = function getImageDivProps() {
|
119
157
|
var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
@@ -1,5 +1,7 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
declare const context: React.Context<{
|
3
|
+
addParent: (_ref: React.MutableRefObject<HTMLElement | null>) => void;
|
4
|
+
removeParent: (_ref: React.MutableRefObject<HTMLElement | null>) => void;
|
3
5
|
bindChild: (_ref: React.MutableRefObject<HTMLElement | null>) => void;
|
4
6
|
removeChild: (_ref: React.MutableRefObject<HTMLElement | null>) => void;
|
5
7
|
}>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"popup-context.d.ts","sourceRoot":"","sources":["popup-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"popup-context.d.ts","sourceRoot":"","sources":["popup-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAS7C,QAAA,MAAM,OAAO;sBANO,MAAM,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;yBACvC,MAAM,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;sBAC7C,MAAM,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;wBACxC,MAAM,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;EAGnB,CAAC;AAE9C,eAAe,OAAO,CAAC"}
|
@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
7
7
|
exports.default = void 0;
|
8
8
|
var _react = require("react");
|
9
9
|
var defaultContext = {
|
10
|
+
addParent: function addParent(_ref) {},
|
11
|
+
removeParent: function removeParent(_ref) {},
|
10
12
|
bindChild: function bindChild(_ref) {},
|
11
13
|
removeChild: function removeChild(_ref) {}
|
12
14
|
};
|
@@ -39,10 +39,14 @@ declare const usePopup: (props: BasePopupProps) => {
|
|
39
39
|
openPop: () => void;
|
40
40
|
closePop: () => void;
|
41
41
|
Provider: React.Provider<{
|
42
|
+
addParent: (_ref: React.MutableRefObject<HTMLElement | null>) => void;
|
43
|
+
removeParent: (_ref: React.MutableRefObject<HTMLElement | null>) => void;
|
42
44
|
bindChild: (_ref: React.MutableRefObject<HTMLElement | null>) => void;
|
43
45
|
removeChild: (_ref: React.MutableRefObject<HTMLElement | null>) => void;
|
44
46
|
}>;
|
45
47
|
providerValue: {
|
48
|
+
addParent: (elRef: React.MutableRefObject<HTMLElement | null>) => void;
|
49
|
+
removeParent: (elRef: React.MutableRefObject<HTMLElement | null>) => void;
|
46
50
|
bindChild: (elRef: React.MutableRefObject<HTMLElement | null>) => void;
|
47
51
|
removeChild: (elRef: React.MutableRefObject<HTMLElement | null>) => void;
|
48
52
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-popup.d.ts","sourceRoot":"","sources":["use-popup.ts"],"names":[],"mappings":"AAAA,OAAO,
|
1
|
+
{"version":3,"file":"use-popup.d.ts","sourceRoot":"","sources":["use-popup.ts"],"names":[],"mappings":"AAAA,OAAO,KAA4E,MAAM,OAAO,CAAC;AACjG,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAOhE,QAAA,MAAM,QAAQ,UAAW,cAAc;;;;;;0BAkIK;YAAE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;SAAE;0BAM9B;YAAE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;SAAE;;;;;qBA5B7B;YAAE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;SAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;2BApFzC,MAAM,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;8BAOvC,MAAM,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;2BA2JxD,MAAM,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;6BAMxC,MAAM,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC;;CA8BlE,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
@@ -34,21 +34,32 @@ var usePopup = function usePopup(props) {
|
|
34
34
|
setOpenState = _useState2[1];
|
35
35
|
var _useContext = (0, _react.useContext)(_popupContext.default),
|
36
36
|
bindChild = _useContext.bindChild,
|
37
|
-
removeChild = _useContext.removeChild
|
37
|
+
removeChild = _useContext.removeChild,
|
38
|
+
addParent = _useContext.addParent,
|
39
|
+
removeParent = _useContext.removeParent;
|
38
40
|
var targetRef = (0, _react.useRef)(null);
|
39
41
|
var popupRef = (0, _react.useRef)(null);
|
40
|
-
(0, _react.useEffect)(function () {
|
41
|
-
bindChild(popupRef);
|
42
|
-
return function () {
|
43
|
-
removeChild(popupRef);
|
44
|
-
};
|
45
|
-
}, []);
|
46
42
|
var _useRef = (0, _react.useRef)({
|
47
43
|
triggerTimer: null,
|
48
44
|
// 记录所有的子popup 点击子 popup 不关闭弹窗
|
49
45
|
chain: [targetRef, popupRef]
|
50
46
|
}),
|
51
47
|
context = _useRef.current;
|
48
|
+
var handleAddParent = function handleAddParent(elRef) {
|
49
|
+
context.chain.push(elRef);
|
50
|
+
|
51
|
+
// 继续向上添加当前的 popupRef 到父级
|
52
|
+
addParent(elRef);
|
53
|
+
};
|
54
|
+
var handleRemoveParent = function handleRemoveParent(elRef) {
|
55
|
+
var index = context.chain.findIndex(function (item) {
|
56
|
+
return item === elRef;
|
57
|
+
});
|
58
|
+
if (index > -1) {
|
59
|
+
context.chain.splice(index, 1);
|
60
|
+
removeParent(elRef);
|
61
|
+
}
|
62
|
+
};
|
52
63
|
var open = openState;
|
53
64
|
var changeOpen = function changeOpen(openIn, delay) {
|
54
65
|
if (context.triggerTimer) clearTimeout(context.triggerTimer);
|
@@ -78,11 +89,6 @@ var usePopup = function usePopup(props) {
|
|
78
89
|
updatePosition();
|
79
90
|
}
|
80
91
|
setOpenState(!!props.open);
|
81
|
-
|
82
|
-
// 外部传了open时,需要正常的触发onCollapse;触发了onCollapse才能让组件内部的edit状态正确,否则可能会出现弹出层打开了但是用户却无法选择的情况
|
83
|
-
if (props.open !== undefined) {
|
84
|
-
changeOpen(!!props.open);
|
85
|
-
}
|
86
92
|
}, [props.open]);
|
87
93
|
|
88
94
|
// const getPopUpHeight = () => {
|
@@ -187,8 +193,13 @@ var usePopup = function usePopup(props) {
|
|
187
193
|
});
|
188
194
|
var providerValue = (0, _react.useMemo)(function () {
|
189
195
|
return {
|
196
|
+
addParent: handleAddParent,
|
197
|
+
removeParent: handleRemoveParent,
|
190
198
|
bindChild: function bindChild(elRef) {
|
191
|
-
|
199
|
+
if (elRef.current) {
|
200
|
+
addParent(elRef);
|
201
|
+
context.chain.push(elRef);
|
202
|
+
}
|
192
203
|
},
|
193
204
|
removeChild: function removeChild(elRef) {
|
194
205
|
var index = context.chain.findIndex(function (item) {
|
@@ -196,10 +207,19 @@ var usePopup = function usePopup(props) {
|
|
196
207
|
});
|
197
208
|
if (index > -1) {
|
198
209
|
context.chain.splice(index, 1);
|
210
|
+
removeParent(elRef);
|
199
211
|
}
|
200
212
|
}
|
201
213
|
};
|
202
214
|
}, []);
|
215
|
+
(0, _react.useLayoutEffect)(function () {
|
216
|
+
if (open) {
|
217
|
+
bindChild(popupRef);
|
218
|
+
}
|
219
|
+
return function () {
|
220
|
+
removeChild(popupRef);
|
221
|
+
};
|
222
|
+
}, [open]);
|
203
223
|
return {
|
204
224
|
open: open,
|
205
225
|
position: position,
|
@@ -7,5 +7,5 @@ export { default as useTableRow } from './use-table-row';
|
|
7
7
|
export { default as useTableExpand } from './use-table-expand';
|
8
8
|
export { default as useTableTree } from './use-table-tree';
|
9
9
|
export { default as useTableVirtual } from './use-table-virtual';
|
10
|
-
export type { TableFormatColumn, TableColumnItem, TableHeadColumn, TableGroupColumn, TableSorterInfo, BaseTableProps, TableColumnFilter, TableFilterData,
|
10
|
+
export type { TableFormatColumn, TableColumnItem, TableHeadColumn, TableGroupColumn, TableSorterInfo, BaseTableProps, TableColumnFilter, TableFilterData, } from './use-table.type';
|
11
11
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEjE,YAAY,EACV,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,eAAe,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEjE,YAAY,EACV,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,eAAe,GAChB,MAAM,kBAAkB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-table-group.d.ts","sourceRoot":"","sources":["use-table-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAoB,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAKxF,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,QAAA,MAAM,aAAa,UAAW,kBAAkB;;;
|
1
|
+
{"version":3,"file":"use-table-group.d.ts","sourceRoot":"","sources":["use-table-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAoB,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAKxF,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,QAAA,MAAM,aAAa,UAAW,kBAAkB;;;CAwE/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
@@ -33,6 +33,7 @@ var useTableGroup = function useTableGroup(props) {
|
|
33
33
|
last.colSpan += colSpan;
|
34
34
|
if (col.fixed) last.fixed = col.fixed;
|
35
35
|
if (col.lastFixed) last.lastFixed = true;
|
36
|
+
if (col.groupProps) last.groupProps = col.groupProps;
|
36
37
|
} else {
|
37
38
|
var sub = [];
|
38
39
|
colSpan = setColumns(sub, col, level + 1, index);
|
@@ -45,7 +46,8 @@ var useTableGroup = function useTableGroup(props) {
|
|
45
46
|
fixed: col.fixed,
|
46
47
|
firstFixed: col.firstFixed,
|
47
48
|
index: index,
|
48
|
-
columns: sub
|
49
|
+
columns: sub,
|
50
|
+
groupProps: col.groupProps
|
49
51
|
};
|
50
52
|
columns.push(groupCol);
|
51
53
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-table-layout.d.ts","sourceRoot":"","sources":["use-table-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAKlE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AA0CrE,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,cAAc,CAAC,GAAG,CAAC,EACnB,MAAM,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,OAAO,CAC7E;IACD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,cAAc,UAAW,mBAAmB;;;;;;;;;;;yBA+CX,MAAM,UAAU,MAAM;;;;;;;
|
1
|
+
{"version":3,"file":"use-table-layout.d.ts","sourceRoot":"","sources":["use-table-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAKlE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AA0CrE,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,cAAc,CAAC,GAAG,CAAC,EACnB,MAAM,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,OAAO,CAC7E;IACD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,cAAc,UAAW,mBAAmB;;;;;;;;;;;yBA+CX,MAAM,UAAU,MAAM;;;;;;;CA8O5D,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
@@ -396,7 +396,6 @@ var useTableLayout = function useTableLayout(props) {
|
|
396
396
|
width: tableWidth,
|
397
397
|
shouldLastColAuto: props.columnResizable && !adjust,
|
398
398
|
scrollWidth: scrollWidth,
|
399
|
-
// maxScrollLeft: scrollWidth - context.clientWidth,
|
400
399
|
resizeFlag: resizeFlag
|
401
400
|
};
|
402
401
|
};
|
@@ -16,7 +16,7 @@ interface UseTableVirtualProps {
|
|
16
16
|
declare const useTableVirtual: (props: UseTableVirtualProps) => {
|
17
17
|
scrollHeight: number;
|
18
18
|
startIndex: number;
|
19
|
-
|
19
|
+
translateStyle: string;
|
20
20
|
data: any[];
|
21
21
|
handleScroll: (info: {
|
22
22
|
scrollLeft: number;
|
@@ -26,7 +26,6 @@ declare const useTableVirtual: (props: UseTableVirtualProps) => {
|
|
26
26
|
fromDrag: boolean;
|
27
27
|
}) => void;
|
28
28
|
setRowHeight: (index: number, height: number) => void;
|
29
|
-
getTranslate: (left?: number, top?: number) => string;
|
30
29
|
scrollToIndex: (index: number, callback?: () => void) => void;
|
31
30
|
scrollColumnByLeft: (targetLeft: number) => void;
|
32
31
|
scrollColumnIntoView: (colKey: string | number) => void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-table-virtual.d.ts","sourceRoot":"","sources":["use-table-virtual.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAWrD,UAAU,oBAAoB;IAC5B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AACD,QAAA,MAAM,eAAe,UAAW,oBAAoB;;;;;;
|
1
|
+
{"version":3,"file":"use-table-virtual.d.ts","sourceRoot":"","sources":["use-table-virtual.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAWrD,UAAU,oBAAoB;IAC5B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AACD,QAAA,MAAM,eAAe,UAAW,oBAAoB;;;;;;oBAqLpC,MAAM;mBACP,MAAM;WACd,MAAM;gBACD,MAAM;kBACJ,OAAO;;0BAnGuB,MAAM,UAAU,MAAM;2BAsIrB,MAAM,aAAa,MAAM,IAAI;qCAoBnB,MAAM;mCAUR,MAAM,GAAG,MAAM;CA0GnE,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
@@ -123,13 +123,6 @@ var useTableVirtual = function useTableVirtual(props) {
|
|
123
123
|
autoAddRows: 0
|
124
124
|
}),
|
125
125
|
context = _useRef.current;
|
126
|
-
var getTranslate = (0, _usePersistFn.usePersistFn)(function (left, top) {
|
127
|
-
var t = top === undefined ? innerTop + offsetY : top;
|
128
|
-
if (t < 0) {
|
129
|
-
t = 0;
|
130
|
-
}
|
131
|
-
return "translate3d(0, ".concat(0 - t, "px, 0)");
|
132
|
-
});
|
133
126
|
var getContentHeight = function getContentHeight(index) {
|
134
127
|
if (props.disabled) return 0;
|
135
128
|
var sum = 0;
|
@@ -229,7 +222,7 @@ var useTableVirtual = function useTableVirtual(props) {
|
|
229
222
|
};
|
230
223
|
setHeight(sumHeight);
|
231
224
|
});
|
232
|
-
var handleScroll = function
|
225
|
+
var handleScroll = (0, _usePersistFn.usePersistFn)(function (info) {
|
233
226
|
var height = info.height,
|
234
227
|
y = info.y,
|
235
228
|
fromDrag = info.fromDrag;
|
@@ -263,7 +256,7 @@ var useTableVirtual = function useTableVirtual(props) {
|
|
263
256
|
} else {
|
264
257
|
updateIndexAndTopFromTop(scrollTop);
|
265
258
|
}
|
266
|
-
};
|
259
|
+
});
|
267
260
|
var scrollToIndex = (0, _usePersistFn.usePersistFn)(function (index, callback) {
|
268
261
|
if (props.disabled) return;
|
269
262
|
if (props.scrollRef.current) {
|
@@ -368,15 +361,24 @@ var useTableVirtual = function useTableVirtual(props) {
|
|
368
361
|
}
|
369
362
|
}, [scrollHeight]);
|
370
363
|
var finalRowsInView = rowsInView + context.rowSpanRows + context.autoAddRows;
|
371
|
-
var renderData =
|
364
|
+
var renderData = (0, _react.useMemo)(function () {
|
365
|
+
if (props.disabled) return props.data;
|
366
|
+
return _toConsumableArray(props.data).slice(startIndex, startIndex + finalRowsInView);
|
367
|
+
}, [props.data, props.disabled, startIndex, finalRowsInView]);
|
368
|
+
var translateStyle = (0, _react.useMemo)(function () {
|
369
|
+
var t = innerTop + offsetY;
|
370
|
+
if (t < 0) {
|
371
|
+
t = 0;
|
372
|
+
}
|
373
|
+
return "translate3d(0, ".concat(0 - t, "px, 0)");
|
374
|
+
}, [innerTop]);
|
372
375
|
return {
|
373
376
|
scrollHeight: scrollHeight,
|
374
377
|
startIndex: startIndex,
|
375
|
-
|
378
|
+
translateStyle: translateStyle,
|
376
379
|
data: renderData,
|
377
380
|
handleScroll: handleScroll,
|
378
381
|
setRowHeight: setRowHeight,
|
379
|
-
getTranslate: getTranslate,
|
380
382
|
scrollToIndex: scrollToIndex,
|
381
383
|
scrollColumnByLeft: scrollColumnByLeft,
|
382
384
|
scrollColumnIntoView: scrollColumnIntoView
|
@@ -197,11 +197,6 @@ export interface SelectModeColumnFilter<DataItem> extends TableColumnFilterBase<
|
|
197
197
|
* @en Whether to open the top search box
|
198
198
|
*/
|
199
199
|
search?: boolean;
|
200
|
-
/**
|
201
|
-
* @cn 是否高亮命中的关键词,仅当 search 为 true 时有效
|
202
|
-
* @en Whether to highlight the hit keywords
|
203
|
-
*/
|
204
|
-
highlight?: boolean;
|
205
200
|
};
|
206
201
|
/**
|
207
202
|
* @cn 筛选数据的函数
|
@@ -257,6 +252,15 @@ export interface TableColumnItem<DataItem> {
|
|
257
252
|
* @cn 表头分组,相邻的相同 group 会生成一个新的表头
|
258
253
|
*/
|
259
254
|
group?: string | React.ReactNode | Array<string | React.ReactNode>;
|
255
|
+
/**
|
256
|
+
* @en The group of header column, the extra props
|
257
|
+
* @cn 表头分组的额外属性
|
258
|
+
* @version 3.7.0
|
259
|
+
*/
|
260
|
+
groupProps?: {
|
261
|
+
className?: string;
|
262
|
+
style?: React.CSSProperties;
|
263
|
+
};
|
260
264
|
/**
|
261
265
|
* @en hide the column, only work on row-expand column
|
262
266
|
* @cn 只针对行展开列有效,表示是否隐藏该列
|
@@ -373,17 +377,7 @@ export interface TableColumnItem<DataItem> {
|
|
373
377
|
* @en Separately set a column not to be draggable
|
374
378
|
*/
|
375
379
|
columnResizable?: false;
|
376
|
-
/**
|
377
|
-
* @cn 是否需要更新单元格,dependencies是外部更新依赖项
|
378
|
-
* @en Whether the cell needs to be updated, the third parameter is the external dependency
|
379
|
-
* @version 3.7.0
|
380
|
-
*/
|
381
|
-
shouldUpdate?: ShouldUpdate<DataItem>;
|
382
380
|
}
|
383
|
-
export type ShouldUpdate<T> = ((prev: T, next: T) => boolean) | {
|
384
|
-
update: (prev: T, next: T) => boolean;
|
385
|
-
dependencies: any[];
|
386
|
-
};
|
387
381
|
export interface TableFormatColumn<DataItem> extends TableColumnItem<DataItem> {
|
388
382
|
index: number;
|
389
383
|
key: string | number;
|
@@ -400,6 +394,10 @@ export interface TableGroupColumn {
|
|
400
394
|
columns: TableHeadColumn[];
|
401
395
|
lastFixed?: boolean;
|
402
396
|
index: number;
|
397
|
+
groupProps?: {
|
398
|
+
className?: string;
|
399
|
+
style?: React.CSSProperties;
|
400
|
+
};
|
403
401
|
}
|
404
402
|
export type TableHeadColumn = TableGroupColumn | TableFormatColumn<any>;
|
405
403
|
//# sourceMappingURL=use-table.type.d.ts.map
|