@pdg/react-form 1.0.95 → 1.0.96
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/dist/index.esm.js +67 -51
- package/dist/index.js +67 -51
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -3347,16 +3347,57 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
|
|
|
3347
3347
|
/********************************************************************************************************************
|
|
3348
3348
|
* State - value
|
|
3349
3349
|
* ******************************************************************************************************************/
|
|
3350
|
-
var _p =
|
|
3350
|
+
var _p = useState(function () { return getFinalValue(initValue); }), value = _p[0], setValue = _p[1];
|
|
3351
|
+
/********************************************************************************************************************
|
|
3352
|
+
* Function - setErrorErrorHelperText
|
|
3353
|
+
* ******************************************************************************************************************/
|
|
3354
|
+
var setErrorErrorHelperText = useCallback(function (error, errorHelperText) {
|
|
3355
|
+
setError(error);
|
|
3356
|
+
setErrorHelperText(errorHelperText);
|
|
3357
|
+
}, [setError]);
|
|
3358
|
+
/********************************************************************************************************************
|
|
3359
|
+
* Function - validate
|
|
3360
|
+
* ******************************************************************************************************************/
|
|
3361
|
+
var validate = useCallback(function (value) {
|
|
3362
|
+
if (required && empty(value)) {
|
|
3363
|
+
setErrorErrorHelperText(true, '필수 선택 항목입니다.');
|
|
3364
|
+
return false;
|
|
3365
|
+
}
|
|
3366
|
+
if (onValidate) {
|
|
3367
|
+
var onValidateResult = onValidate(value);
|
|
3368
|
+
if (onValidateResult != null && onValidateResult !== true) {
|
|
3369
|
+
setErrorErrorHelperText(true, onValidateResult);
|
|
3370
|
+
return false;
|
|
3371
|
+
}
|
|
3372
|
+
}
|
|
3373
|
+
setErrorErrorHelperText(false, undefined);
|
|
3374
|
+
return true;
|
|
3375
|
+
}, [required, onValidate, setErrorErrorHelperText]);
|
|
3376
|
+
/********************************************************************************************************************
|
|
3377
|
+
* Function
|
|
3378
|
+
* ******************************************************************************************************************/
|
|
3379
|
+
var changeValue = useCallback(function (newValue) {
|
|
3380
|
+
setValue(function (old) {
|
|
3381
|
+
var finalNewValue = getFinalValue(newValue);
|
|
3382
|
+
if (!equal(old, finalNewValue)) {
|
|
3383
|
+
if (error)
|
|
3384
|
+
validate(finalNewValue);
|
|
3385
|
+
if (onChange)
|
|
3386
|
+
onChange(finalNewValue);
|
|
3387
|
+
onValueChange(name, finalNewValue);
|
|
3388
|
+
}
|
|
3389
|
+
else {
|
|
3390
|
+
return old;
|
|
3391
|
+
}
|
|
3392
|
+
});
|
|
3393
|
+
}, [error, getFinalValue, name, onChange, onValueChange, validate]);
|
|
3351
3394
|
/********************************************************************************************************************
|
|
3352
3395
|
* Effect
|
|
3353
3396
|
* ******************************************************************************************************************/
|
|
3397
|
+
useFirstSkipEffect(function () {
|
|
3398
|
+
changeValue(initValue);
|
|
3399
|
+
}, [initValue]);
|
|
3354
3400
|
useEffect(function () {
|
|
3355
|
-
if (!equal(value, initValue)) {
|
|
3356
|
-
if (onChange)
|
|
3357
|
-
onChange(value);
|
|
3358
|
-
onValueChange(name, value);
|
|
3359
|
-
}
|
|
3360
3401
|
if (onLoadItems) {
|
|
3361
3402
|
setIsOnGetItemLoading(true);
|
|
3362
3403
|
onLoadItems().then(function (items) {
|
|
@@ -3388,7 +3429,7 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
|
|
|
3388
3429
|
}
|
|
3389
3430
|
}
|
|
3390
3431
|
if (setFirstItem) {
|
|
3391
|
-
|
|
3432
|
+
changeValue((multiple ? [items[0].value] : items[0].value));
|
|
3392
3433
|
}
|
|
3393
3434
|
}
|
|
3394
3435
|
}
|
|
@@ -3401,31 +3442,6 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
|
|
|
3401
3442
|
var _a;
|
|
3402
3443
|
(_a = refForButtonResizeHeightDetect.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
3403
3444
|
}, [refForButtonResizeHeightDetect]);
|
|
3404
|
-
/********************************************************************************************************************
|
|
3405
|
-
* Function - setErrorErrorHelperText
|
|
3406
|
-
* ******************************************************************************************************************/
|
|
3407
|
-
var setErrorErrorHelperText = useCallback(function (error, errorHelperText) {
|
|
3408
|
-
setError(error);
|
|
3409
|
-
setErrorHelperText(errorHelperText);
|
|
3410
|
-
}, [setError]);
|
|
3411
|
-
/********************************************************************************************************************
|
|
3412
|
-
* Function - validate
|
|
3413
|
-
* ******************************************************************************************************************/
|
|
3414
|
-
var validate = useCallback(function (value) {
|
|
3415
|
-
if (required && empty(value)) {
|
|
3416
|
-
setErrorErrorHelperText(true, '필수 선택 항목입니다.');
|
|
3417
|
-
return false;
|
|
3418
|
-
}
|
|
3419
|
-
if (onValidate) {
|
|
3420
|
-
var onValidateResult = onValidate(value);
|
|
3421
|
-
if (onValidateResult != null && onValidateResult !== true) {
|
|
3422
|
-
setErrorErrorHelperText(true, onValidateResult);
|
|
3423
|
-
return false;
|
|
3424
|
-
}
|
|
3425
|
-
}
|
|
3426
|
-
setErrorErrorHelperText(false, undefined);
|
|
3427
|
-
return true;
|
|
3428
|
-
}, [required, onValidate, setErrorErrorHelperText]);
|
|
3429
3445
|
/********************************************************************************************************************
|
|
3430
3446
|
* Commands
|
|
3431
3447
|
* ******************************************************************************************************************/
|
|
@@ -3443,12 +3459,12 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
|
|
|
3443
3459
|
getReset: function () { return getFinalValue(initValue); },
|
|
3444
3460
|
reset: function () {
|
|
3445
3461
|
lastValue_1 = getFinalValue(initValue);
|
|
3446
|
-
|
|
3462
|
+
changeValue(lastValue_1);
|
|
3447
3463
|
},
|
|
3448
3464
|
getValue: function () { return lastValue_1; },
|
|
3449
3465
|
setValue: function (value) {
|
|
3450
3466
|
lastValue_1 = getFinalValue(value);
|
|
3451
|
-
|
|
3467
|
+
changeValue(lastValue_1);
|
|
3452
3468
|
},
|
|
3453
3469
|
getData: function () { return lastData_1; },
|
|
3454
3470
|
setData: function (data) {
|
|
@@ -3510,32 +3526,32 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
|
|
|
3510
3526
|
};
|
|
3511
3527
|
}
|
|
3512
3528
|
}, [
|
|
3513
|
-
|
|
3514
|
-
|
|
3515
|
-
value,
|
|
3516
|
-
getFinalValue,
|
|
3517
|
-
exceptValue,
|
|
3529
|
+
changeValue,
|
|
3530
|
+
data,
|
|
3518
3531
|
disabled,
|
|
3519
|
-
|
|
3532
|
+
exceptValue,
|
|
3520
3533
|
focus,
|
|
3521
|
-
validate,
|
|
3522
3534
|
formValueSeparator,
|
|
3523
3535
|
formValueSort,
|
|
3536
|
+
getFinalValue,
|
|
3537
|
+
hidden,
|
|
3538
|
+
id,
|
|
3539
|
+
initValue,
|
|
3524
3540
|
items,
|
|
3525
|
-
|
|
3541
|
+
loading,
|
|
3542
|
+
multiple,
|
|
3543
|
+
name,
|
|
3526
3544
|
onAddValueItem,
|
|
3527
3545
|
onRemoveValueItem,
|
|
3528
|
-
|
|
3529
|
-
|
|
3530
|
-
setValue,
|
|
3546
|
+
ref,
|
|
3547
|
+
setData,
|
|
3531
3548
|
setDisabled,
|
|
3532
3549
|
setErrorErrorHelperText,
|
|
3550
|
+
setHidden,
|
|
3533
3551
|
setItems,
|
|
3534
3552
|
setLoading,
|
|
3535
|
-
|
|
3536
|
-
|
|
3537
|
-
hidden,
|
|
3538
|
-
setHidden,
|
|
3553
|
+
validate,
|
|
3554
|
+
value,
|
|
3539
3555
|
]);
|
|
3540
3556
|
/********************************************************************************************************************
|
|
3541
3557
|
* Event Handler
|
|
@@ -3562,7 +3578,7 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
|
|
|
3562
3578
|
}
|
|
3563
3579
|
finalValue_1 = getFinalValue(finalValue_1);
|
|
3564
3580
|
if (!equal(value, finalValue_1)) {
|
|
3565
|
-
|
|
3581
|
+
changeValue(finalValue_1);
|
|
3566
3582
|
nextTick(function () {
|
|
3567
3583
|
onValueChangeByUser(name, finalValue_1);
|
|
3568
3584
|
onRequestSearchSubmit(name, finalValue_1);
|
|
@@ -3575,7 +3591,7 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
|
|
|
3575
3591
|
getFinalValue,
|
|
3576
3592
|
value,
|
|
3577
3593
|
multiple,
|
|
3578
|
-
|
|
3594
|
+
changeValue,
|
|
3579
3595
|
onValueChangeByUser,
|
|
3580
3596
|
name,
|
|
3581
3597
|
onRequestSearchSubmit,
|
package/dist/index.js
CHANGED
|
@@ -3347,16 +3347,57 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
|
|
|
3347
3347
|
/********************************************************************************************************************
|
|
3348
3348
|
* State - value
|
|
3349
3349
|
* ******************************************************************************************************************/
|
|
3350
|
-
var _p =
|
|
3350
|
+
var _p = React.useState(function () { return getFinalValue(initValue); }), value = _p[0], setValue = _p[1];
|
|
3351
|
+
/********************************************************************************************************************
|
|
3352
|
+
* Function - setErrorErrorHelperText
|
|
3353
|
+
* ******************************************************************************************************************/
|
|
3354
|
+
var setErrorErrorHelperText = React.useCallback(function (error, errorHelperText) {
|
|
3355
|
+
setError(error);
|
|
3356
|
+
setErrorHelperText(errorHelperText);
|
|
3357
|
+
}, [setError]);
|
|
3358
|
+
/********************************************************************************************************************
|
|
3359
|
+
* Function - validate
|
|
3360
|
+
* ******************************************************************************************************************/
|
|
3361
|
+
var validate = React.useCallback(function (value) {
|
|
3362
|
+
if (required && util.empty(value)) {
|
|
3363
|
+
setErrorErrorHelperText(true, '필수 선택 항목입니다.');
|
|
3364
|
+
return false;
|
|
3365
|
+
}
|
|
3366
|
+
if (onValidate) {
|
|
3367
|
+
var onValidateResult = onValidate(value);
|
|
3368
|
+
if (onValidateResult != null && onValidateResult !== true) {
|
|
3369
|
+
setErrorErrorHelperText(true, onValidateResult);
|
|
3370
|
+
return false;
|
|
3371
|
+
}
|
|
3372
|
+
}
|
|
3373
|
+
setErrorErrorHelperText(false, undefined);
|
|
3374
|
+
return true;
|
|
3375
|
+
}, [required, onValidate, setErrorErrorHelperText]);
|
|
3376
|
+
/********************************************************************************************************************
|
|
3377
|
+
* Function
|
|
3378
|
+
* ******************************************************************************************************************/
|
|
3379
|
+
var changeValue = React.useCallback(function (newValue) {
|
|
3380
|
+
setValue(function (old) {
|
|
3381
|
+
var finalNewValue = getFinalValue(newValue);
|
|
3382
|
+
if (!util.equal(old, finalNewValue)) {
|
|
3383
|
+
if (error)
|
|
3384
|
+
validate(finalNewValue);
|
|
3385
|
+
if (onChange)
|
|
3386
|
+
onChange(finalNewValue);
|
|
3387
|
+
onValueChange(name, finalNewValue);
|
|
3388
|
+
}
|
|
3389
|
+
else {
|
|
3390
|
+
return old;
|
|
3391
|
+
}
|
|
3392
|
+
});
|
|
3393
|
+
}, [error, getFinalValue, name, onChange, onValueChange, validate]);
|
|
3351
3394
|
/********************************************************************************************************************
|
|
3352
3395
|
* Effect
|
|
3353
3396
|
* ******************************************************************************************************************/
|
|
3397
|
+
reactHook.useFirstSkipEffect(function () {
|
|
3398
|
+
changeValue(initValue);
|
|
3399
|
+
}, [initValue]);
|
|
3354
3400
|
React.useEffect(function () {
|
|
3355
|
-
if (!util.equal(value, initValue)) {
|
|
3356
|
-
if (onChange)
|
|
3357
|
-
onChange(value);
|
|
3358
|
-
onValueChange(name, value);
|
|
3359
|
-
}
|
|
3360
3401
|
if (onLoadItems) {
|
|
3361
3402
|
setIsOnGetItemLoading(true);
|
|
3362
3403
|
onLoadItems().then(function (items) {
|
|
@@ -3388,7 +3429,7 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
|
|
|
3388
3429
|
}
|
|
3389
3430
|
}
|
|
3390
3431
|
if (setFirstItem) {
|
|
3391
|
-
|
|
3432
|
+
changeValue((multiple ? [items[0].value] : items[0].value));
|
|
3392
3433
|
}
|
|
3393
3434
|
}
|
|
3394
3435
|
}
|
|
@@ -3401,31 +3442,6 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
|
|
|
3401
3442
|
var _a;
|
|
3402
3443
|
(_a = refForButtonResizeHeightDetect.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
3403
3444
|
}, [refForButtonResizeHeightDetect]);
|
|
3404
|
-
/********************************************************************************************************************
|
|
3405
|
-
* Function - setErrorErrorHelperText
|
|
3406
|
-
* ******************************************************************************************************************/
|
|
3407
|
-
var setErrorErrorHelperText = React.useCallback(function (error, errorHelperText) {
|
|
3408
|
-
setError(error);
|
|
3409
|
-
setErrorHelperText(errorHelperText);
|
|
3410
|
-
}, [setError]);
|
|
3411
|
-
/********************************************************************************************************************
|
|
3412
|
-
* Function - validate
|
|
3413
|
-
* ******************************************************************************************************************/
|
|
3414
|
-
var validate = React.useCallback(function (value) {
|
|
3415
|
-
if (required && util.empty(value)) {
|
|
3416
|
-
setErrorErrorHelperText(true, '필수 선택 항목입니다.');
|
|
3417
|
-
return false;
|
|
3418
|
-
}
|
|
3419
|
-
if (onValidate) {
|
|
3420
|
-
var onValidateResult = onValidate(value);
|
|
3421
|
-
if (onValidateResult != null && onValidateResult !== true) {
|
|
3422
|
-
setErrorErrorHelperText(true, onValidateResult);
|
|
3423
|
-
return false;
|
|
3424
|
-
}
|
|
3425
|
-
}
|
|
3426
|
-
setErrorErrorHelperText(false, undefined);
|
|
3427
|
-
return true;
|
|
3428
|
-
}, [required, onValidate, setErrorErrorHelperText]);
|
|
3429
3445
|
/********************************************************************************************************************
|
|
3430
3446
|
* Commands
|
|
3431
3447
|
* ******************************************************************************************************************/
|
|
@@ -3443,12 +3459,12 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
|
|
|
3443
3459
|
getReset: function () { return getFinalValue(initValue); },
|
|
3444
3460
|
reset: function () {
|
|
3445
3461
|
lastValue_1 = getFinalValue(initValue);
|
|
3446
|
-
|
|
3462
|
+
changeValue(lastValue_1);
|
|
3447
3463
|
},
|
|
3448
3464
|
getValue: function () { return lastValue_1; },
|
|
3449
3465
|
setValue: function (value) {
|
|
3450
3466
|
lastValue_1 = getFinalValue(value);
|
|
3451
|
-
|
|
3467
|
+
changeValue(lastValue_1);
|
|
3452
3468
|
},
|
|
3453
3469
|
getData: function () { return lastData_1; },
|
|
3454
3470
|
setData: function (data) {
|
|
@@ -3510,32 +3526,32 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
|
|
|
3510
3526
|
};
|
|
3511
3527
|
}
|
|
3512
3528
|
}, [
|
|
3513
|
-
|
|
3514
|
-
|
|
3515
|
-
value,
|
|
3516
|
-
getFinalValue,
|
|
3517
|
-
exceptValue,
|
|
3529
|
+
changeValue,
|
|
3530
|
+
data,
|
|
3518
3531
|
disabled,
|
|
3519
|
-
|
|
3532
|
+
exceptValue,
|
|
3520
3533
|
focus,
|
|
3521
|
-
validate,
|
|
3522
3534
|
formValueSeparator,
|
|
3523
3535
|
formValueSort,
|
|
3536
|
+
getFinalValue,
|
|
3537
|
+
hidden,
|
|
3538
|
+
id,
|
|
3539
|
+
initValue,
|
|
3524
3540
|
items,
|
|
3525
|
-
|
|
3541
|
+
loading,
|
|
3542
|
+
multiple,
|
|
3543
|
+
name,
|
|
3526
3544
|
onAddValueItem,
|
|
3527
3545
|
onRemoveValueItem,
|
|
3528
|
-
|
|
3529
|
-
|
|
3530
|
-
setValue,
|
|
3546
|
+
ref,
|
|
3547
|
+
setData,
|
|
3531
3548
|
setDisabled,
|
|
3532
3549
|
setErrorErrorHelperText,
|
|
3550
|
+
setHidden,
|
|
3533
3551
|
setItems,
|
|
3534
3552
|
setLoading,
|
|
3535
|
-
|
|
3536
|
-
|
|
3537
|
-
hidden,
|
|
3538
|
-
setHidden,
|
|
3553
|
+
validate,
|
|
3554
|
+
value,
|
|
3539
3555
|
]);
|
|
3540
3556
|
/********************************************************************************************************************
|
|
3541
3557
|
* Event Handler
|
|
@@ -3562,7 +3578,7 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
|
|
|
3562
3578
|
}
|
|
3563
3579
|
finalValue_1 = getFinalValue(finalValue_1);
|
|
3564
3580
|
if (!util.equal(value, finalValue_1)) {
|
|
3565
|
-
|
|
3581
|
+
changeValue(finalValue_1);
|
|
3566
3582
|
util.nextTick(function () {
|
|
3567
3583
|
onValueChangeByUser(name, finalValue_1);
|
|
3568
3584
|
onRequestSearchSubmit(name, finalValue_1);
|
|
@@ -3575,7 +3591,7 @@ styleInject(css_248z$d);var FormToggleButtonGroup = ToForwardRefExoticComponent(
|
|
|
3575
3591
|
getFinalValue,
|
|
3576
3592
|
value,
|
|
3577
3593
|
multiple,
|
|
3578
|
-
|
|
3594
|
+
changeValue,
|
|
3579
3595
|
onValueChangeByUser,
|
|
3580
3596
|
name,
|
|
3581
3597
|
onRequestSearchSubmit,
|