@pdg/react-form 1.0.51 → 1.0.53
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/FormItemTextFieldBase/FormCompanyNo/FormCompanyNo.d.ts +6 -0
- package/dist/FormItemTextFieldBase/FormCompanyNo/FormCompanyNo.types.d.ts +5 -0
- package/dist/FormItemTextFieldBase/FormCompanyNo/index.d.ts +4 -0
- package/dist/FormItemTextFieldBase/FormPersonalNo/FormPersonalNo.d.ts +6 -0
- package/dist/FormItemTextFieldBase/FormPersonalNo/FormPersonalNo.types.d.ts +5 -0
- package/dist/FormItemTextFieldBase/FormPersonalNo/index.d.ts +4 -0
- package/dist/FormItemTextFieldBase/index.d.ts +2 -0
- package/dist/index.esm.js +100 -11
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +100 -11
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2683,7 +2683,7 @@ var templateObject_1;var FormTelDefaultProps = __assign$6(__assign$6({}, FormTex
|
|
|
2683
2683
|
if (newValue && notEmpty(newValue)) {
|
|
2684
2684
|
newValue = newValue.replace(/[^0-9]/gi, '');
|
|
2685
2685
|
}
|
|
2686
|
-
newValue =
|
|
2686
|
+
newValue = autoDash$2(newValue);
|
|
2687
2687
|
return onValue ? onValue(newValue) : newValue;
|
|
2688
2688
|
}, [onValue]);
|
|
2689
2689
|
// Render ----------------------------------------------------------------------------------------------------------
|
|
@@ -2691,7 +2691,7 @@ var templateObject_1;var FormTelDefaultProps = __assign$6(__assign$6({}, FormTex
|
|
|
2691
2691
|
});
|
|
2692
2692
|
FormTel.displayName = 'FormTel';
|
|
2693
2693
|
FormTel.defaultProps = FormTelDefaultProps;
|
|
2694
|
-
function
|
|
2694
|
+
function autoDash$2(tel) {
|
|
2695
2695
|
if (tel == null)
|
|
2696
2696
|
return undefined;
|
|
2697
2697
|
var str = tel.replace(/[^0-9*]/g, '');
|
|
@@ -4449,7 +4449,92 @@ styleInject(css_248z$d);var FormSelect = React__default["default"].forwardRef(fu
|
|
|
4449
4449
|
})) : (React__default["default"].createElement(material.MenuItem, { value: '' })))));
|
|
4450
4450
|
});
|
|
4451
4451
|
FormSelect.displayName = 'FormSelect';
|
|
4452
|
-
FormSelect.defaultProps = FormSelectDefaultProps;var
|
|
4452
|
+
FormSelect.defaultProps = FormSelectDefaultProps;var FormCompanyNoDefaultProps = __assign$6(__assign$6({}, FormTextDefaultProps), { validPattern: /(([0-9]{3})([0-9]{2})([0-9]{5}))|(([0-9]{3})-([0-9]{2})-([0-9]{5}))/ });var FormCompanyNo = React__default["default"].forwardRef(function (_a, ref) {
|
|
4453
|
+
// Event Handler ---------------------------------------------------------------------------------------------------
|
|
4454
|
+
var className = _a.className, onValue = _a.onValue, props = __rest$3(_a, ["className", "onValue"]);
|
|
4455
|
+
var handleOnValue = React.useCallback(function (value) {
|
|
4456
|
+
var newValue = value;
|
|
4457
|
+
if (newValue && notEmpty(newValue)) {
|
|
4458
|
+
newValue = newValue.replace(/[^0-9]/gi, '');
|
|
4459
|
+
}
|
|
4460
|
+
newValue = autoDash$1(newValue);
|
|
4461
|
+
return onValue ? onValue(newValue) : newValue;
|
|
4462
|
+
}, [onValue]);
|
|
4463
|
+
// Render ----------------------------------------------------------------------------------------------------------
|
|
4464
|
+
return (React__default["default"].createElement(FormText, __assign$6({ ref: ref, className: classNames$1(className, 'FormCompanyNo'), onValue: handleOnValue, maxLength: 12 }, props)));
|
|
4465
|
+
});
|
|
4466
|
+
FormCompanyNo.displayName = 'FormCompanyNo';
|
|
4467
|
+
FormCompanyNo.defaultProps = FormCompanyNoDefaultProps;
|
|
4468
|
+
function autoDash$1(companyNo) {
|
|
4469
|
+
if (companyNo == null)
|
|
4470
|
+
return undefined;
|
|
4471
|
+
var str = companyNo.replace(/[^0-9]/g, '');
|
|
4472
|
+
var tmp = '';
|
|
4473
|
+
for (var i = 0; i < str.length; i += 1) {
|
|
4474
|
+
if (i === 3 || i === 5) {
|
|
4475
|
+
tmp += '-';
|
|
4476
|
+
}
|
|
4477
|
+
tmp += str[i];
|
|
4478
|
+
}
|
|
4479
|
+
return tmp;
|
|
4480
|
+
}var FormPersonalNoDefaultProps = __assign$6(__assign$6({}, FormTextDefaultProps), { validPattern: /(([0-9]{6})([0-9]{7}))|(([0-9]{6})-([0-9]{7}))/ });var FormPersonalNo = React__default["default"].forwardRef(function (_a, ref) {
|
|
4481
|
+
// Event Handler ---------------------------------------------------------------------------------------------------
|
|
4482
|
+
var className = _a.className, onValue = _a.onValue, onValidate = _a.onValidate, props = __rest$3(_a, ["className", "onValue", "onValidate"]);
|
|
4483
|
+
var handleOnValue = React.useCallback(function (value) {
|
|
4484
|
+
var newValue = value;
|
|
4485
|
+
if (newValue && notEmpty(newValue)) {
|
|
4486
|
+
newValue = newValue.replace(/[^0-9]/gi, '');
|
|
4487
|
+
}
|
|
4488
|
+
newValue = autoDash(newValue);
|
|
4489
|
+
return onValue ? onValue(newValue) : newValue;
|
|
4490
|
+
}, [onValue]);
|
|
4491
|
+
var handleValidate = React.useCallback(function (value) {
|
|
4492
|
+
if (notEmpty(value) && value.length === 14 && value.includes('-')) {
|
|
4493
|
+
var jumin = value
|
|
4494
|
+
.replaceAll('-', '')
|
|
4495
|
+
.split('')
|
|
4496
|
+
.map(function (v) { return Number(v); });
|
|
4497
|
+
var ckarr = [2, 3, 4, 5, 6, 7, 8, 9, 2, 3, 4, 5];
|
|
4498
|
+
for (var i = 0; i < jumin.length - 1; i += 1) {
|
|
4499
|
+
jumin[i] = jumin[i] * ckarr[i];
|
|
4500
|
+
}
|
|
4501
|
+
var juminlast = jumin[jumin.length - 1];
|
|
4502
|
+
var sum = 0;
|
|
4503
|
+
for (var i = 0; i < jumin.length - 1; i += 1) {
|
|
4504
|
+
sum += jumin[i];
|
|
4505
|
+
}
|
|
4506
|
+
sum = sum % 11;
|
|
4507
|
+
sum = 11 - sum;
|
|
4508
|
+
if (sum > 9) {
|
|
4509
|
+
sum = sum % 10;
|
|
4510
|
+
}
|
|
4511
|
+
if (sum != juminlast && juminlast != undefined) {
|
|
4512
|
+
return '유효하지 않은 값입니다.';
|
|
4513
|
+
}
|
|
4514
|
+
return onValidate ? onValidate(value) : true;
|
|
4515
|
+
}
|
|
4516
|
+
else {
|
|
4517
|
+
return '유효하지 않은 값입니다.';
|
|
4518
|
+
}
|
|
4519
|
+
}, [onValidate]);
|
|
4520
|
+
// Render ----------------------------------------------------------------------------------------------------------
|
|
4521
|
+
return (React__default["default"].createElement(FormText, __assign$6({ ref: ref, className: classNames$1(className, 'FormPersonalNo'), onValue: handleOnValue, maxLength: 14, onValidate: handleValidate }, props)));
|
|
4522
|
+
});
|
|
4523
|
+
FormPersonalNo.displayName = 'FormPersonalNo';
|
|
4524
|
+
FormPersonalNo.defaultProps = FormPersonalNoDefaultProps;
|
|
4525
|
+
function autoDash(personalNo) {
|
|
4526
|
+
if (personalNo == null)
|
|
4527
|
+
return undefined;
|
|
4528
|
+
var str = personalNo.replace(/[^0-9]/g, '');
|
|
4529
|
+
var tmp = '';
|
|
4530
|
+
for (var i = 0; i < str.length; i += 1) {
|
|
4531
|
+
if (i === 6) {
|
|
4532
|
+
tmp += '-';
|
|
4533
|
+
}
|
|
4534
|
+
tmp += str[i];
|
|
4535
|
+
}
|
|
4536
|
+
return tmp;
|
|
4537
|
+
}var FormCheckboxDefaultProps = {
|
|
4453
4538
|
checked: false,
|
|
4454
4539
|
value: 1,
|
|
4455
4540
|
uncheckedValue: 0,
|
|
@@ -12101,20 +12186,15 @@ FormFile.defaultProps = FormFileDefaultProps;var FormImageFileDefaultProps = __a
|
|
|
12101
12186
|
styleInject(css_248z);var FormImageFile = React__default["default"].forwardRef(function (_a, ref) {
|
|
12102
12187
|
var className = _a.className, imageSize = _a.imageSize, preview = _a.preview, previewMaxHeight = _a.previewMaxHeight, initValue = _a.value, onChange = _a.onChange, onFile = _a.onFile, onLink = _a.onLink, props = __rest$3(_a, ["className", "imageSize", "preview", "previewMaxHeight", "value", "onChange", "onFile", "onLink"]);
|
|
12103
12188
|
var _b = useAutoUpdateState$1(initValue), value = _b[0], setValue = _b[1];
|
|
12104
|
-
var _c = React.useState(
|
|
12105
|
-
var _d = React.useState({
|
|
12189
|
+
var _c = React.useState({
|
|
12106
12190
|
open: false,
|
|
12107
|
-
}), alertDialogProps =
|
|
12191
|
+
}), alertDialogProps = _c[0], setAlertDialogProps = _c[1];
|
|
12108
12192
|
var urlKit = React.useState(function () {
|
|
12109
12193
|
if (window.URL)
|
|
12110
12194
|
return window.URL;
|
|
12111
12195
|
else if (window.webkitURL)
|
|
12112
12196
|
return window.webkitURL;
|
|
12113
12197
|
})[0];
|
|
12114
|
-
// Effect ----------------------------------------------------------------------------------------------------------
|
|
12115
|
-
React.useEffect(function () {
|
|
12116
|
-
setPreviewNode(preview && value ? (React__default["default"].createElement("img", { className: 'preview-img', src: value, style: { maxHeight: previewMaxHeight || undefined }, alt: '' })) : undefined);
|
|
12117
|
-
}, [value, preview, previewMaxHeight]);
|
|
12118
12198
|
// Function --------------------------------------------------------------------------------------------------------
|
|
12119
12199
|
var imageSizeCheck = React.useCallback(function (file) {
|
|
12120
12200
|
if (imageSize && urlKit) {
|
|
@@ -12218,6 +12298,15 @@ styleInject(css_248z);var FormImageFile = React__default["default"].forwardRef(f
|
|
|
12218
12298
|
});
|
|
12219
12299
|
});
|
|
12220
12300
|
}, [onLink, imageSizeCheck]);
|
|
12301
|
+
// Memo --------------------------------------------------------------------------------------------------------------
|
|
12302
|
+
var previewNode = React.useMemo(function () {
|
|
12303
|
+
if (preview && value) {
|
|
12304
|
+
return (React__default["default"].createElement("a", { href: value, target: '_blank' },
|
|
12305
|
+
React__default["default"].createElement(material.Tooltip, { title: React__default["default"].createElement("div", { style: { paddingTop: 3, paddingBottom: 3 } },
|
|
12306
|
+
React__default["default"].createElement("img", { src: value, style: { maxWidth: '100%', verticalAlign: 'middle' } })) },
|
|
12307
|
+
React__default["default"].createElement("img", { className: 'preview-img', src: value, style: { maxHeight: previewMaxHeight || undefined }, alt: '' }))));
|
|
12308
|
+
}
|
|
12309
|
+
}, [preview, previewMaxHeight, value]);
|
|
12221
12310
|
// Render ----------------------------------------------------------------------------------------------------------
|
|
12222
12311
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
12223
12312
|
React__default["default"].createElement(FormFile, __assign$6({ ref: ref, className: classNames$1(className, 'FormImageFile'), value: value, preview: previewNode, onChange: handleChange, onFile: handleFile, onLink: handleLink }, props)),
|
|
@@ -12461,4 +12550,4 @@ SearchButton.defaultProps = SearchButtonDefaultProps;var SearchMenuButtonDefault
|
|
|
12461
12550
|
};
|
|
12462
12551
|
SearchMenuButton.defaultProps = SearchMenuButtonDefaultProps;dayjs__default["default"].extend(dayjsIsSameOrAfter__default["default"]);
|
|
12463
12552
|
dayjs__default["default"].extend(dayjsIsSameOrBefore__default["default"]);
|
|
12464
|
-
dayjs__default["default"].extend(dayjsIsBetween__default["default"]);exports.Form=Form;exports.FormAutocomplete=FormAutocomplete;exports.FormAutocompleteDefaultProps=FormAutocompleteDefaultProps;exports.FormBlock=FormBlock;exports.FormBlockDefaultProps=FormBlockDefaultProps;exports.FormBody=FormBody;exports.FormBodyDefaultProps=FormBodyDefaultProps;exports.FormButton=FormButton;exports.FormButtonDefaultProps=FormButtonDefaultProps;exports.FormCheckbox=FormCheckbox;exports.FormCheckboxDefaultProps=FormCheckboxDefaultProps;exports.FormCol=FormCol;exports.FormColDefaultProps=FormColDefaultProps;exports.FormContext=FormContext;exports.FormContextDefaultValue=FormContextDefaultValue;exports.FormContextProvider=FormContextProvider;exports.FormDatePicker=FormDatePicker;exports.FormDatePickerDefaultProps=FormDatePickerDefaultProps;exports.FormDateRangePicker=FormDateRangePicker;exports.FormDateRangePickerDefaultProps=FormDateRangePickerDefaultProps;exports.FormDateTimePicker=FormDateTimePicker;exports.FormDateTimePickerDefaultProps=FormDateTimePickerDefaultProps;exports.FormDefaultProps=FormDefaultProps;exports.FormDivider=FormDivider;exports.FormDividerDefaultProps=FormDividerDefaultProps;exports.FormEmail=FormEmail;exports.FormEmailDefaultProps=FormEmailDefaultProps;exports.FormFile=FormFile;exports.FormFileDefaultProps=FormFileDefaultProps;exports.FormFooter=FormFooter;exports.FormFooterDefaultProps=FormFooterDefaultProps;exports.FormHidden=FormHidden;exports.FormHiddenDefaultProps=FormHiddenDefaultProps;exports.FormIcon=FormIcon;exports.FormIconDefaultProps=FormIconDefaultProps;exports.FormImageFile=FormImageFile;exports.FormImageFileDefaultProps=FormImageFileDefaultProps;exports.FormLabel=FormLabel;exports.FormLabelDefaultProps=FormLabelDefaultProps;exports.FormMobile=FormMobile;exports.FormMobileDefaultProps=FormMobileDefaultProps;exports.FormNumber=FormNumber;exports.FormNumberDefaultProps=FormNumberDefaultProps;exports.FormPassword=FormPassword;exports.FormPasswordDefaultProps=FormPasswordDefaultProps;exports.FormRadioGroup=FormRadioGroup;exports.FormRadioGroupDefaultProps=FormRadioGroupDefaultProps;exports.FormRating=FormRating;exports.FormRatingDefaultProps=FormRatingDefaultProps;exports.FormRow=FormRow;exports.FormRowDefaultProps=FormRowDefaultProps;exports.FormSearch=FormSearch;exports.FormSearchDefaultProps=FormSearchDefaultProps;exports.FormSelect=FormSelect;exports.FormSelectDefaultProps=FormSelectDefaultProps;exports.FormTag=FormTag;exports.FormTagDefaultProps=FormTagDefaultProps;exports.FormTel=FormTel;exports.FormTelDefaultProps=FormTelDefaultProps;exports.FormText=FormText;exports.FormTextDefaultProps=FormTextDefaultProps;exports.FormTextEditor=FormTextEditor;exports.FormTextEditorDefaultProps=FormTextEditorDefaultProps;exports.FormTextField=FormTextField;exports.FormTextFieldDefaultProps=FormTextFieldDefaultProps;exports.FormTextarea=FormTextarea;exports.FormTextareaDefaultProps=FormTextareaDefaultProps;exports.FormTimePicker=FormTimePicker;exports.FormTimePickerDefaultProps=FormTimePickerDefaultProps;exports.FormToggleButtonGroup=FormToggleButtonGroup;exports.FormToggleButtonGroupDefaultProps=FormToggleButtonGroupDefaultProps;exports.FormUrl=FormUrl;exports.FormUrlDefaultProps=FormUrlDefaultProps;exports.Search=Search;exports.SearchButton=SearchButton;exports.SearchButtonDefaultProps=SearchButtonDefaultProps;exports.SearchDefaultProps=SearchDefaultProps;exports.SearchGroup=SearchGroup;exports.SearchGroupDefaultProps=SearchGroupDefaultProps;exports.SearchGroupRow=SearchGroupRow;exports.SearchGroupRowDefaultProps=SearchGroupRowDefaultProps;exports.SearchMenuButton=SearchMenuButton;exports.SearchMenuButtonDefaultProps=SearchMenuButtonDefaultProps;exports.useFormState=useFormState;//# sourceMappingURL=index.js.map
|
|
12553
|
+
dayjs__default["default"].extend(dayjsIsBetween__default["default"]);exports.Form=Form;exports.FormAutocomplete=FormAutocomplete;exports.FormAutocompleteDefaultProps=FormAutocompleteDefaultProps;exports.FormBlock=FormBlock;exports.FormBlockDefaultProps=FormBlockDefaultProps;exports.FormBody=FormBody;exports.FormBodyDefaultProps=FormBodyDefaultProps;exports.FormButton=FormButton;exports.FormButtonDefaultProps=FormButtonDefaultProps;exports.FormCheckbox=FormCheckbox;exports.FormCheckboxDefaultProps=FormCheckboxDefaultProps;exports.FormCol=FormCol;exports.FormColDefaultProps=FormColDefaultProps;exports.FormCompanyNo=FormCompanyNo;exports.FormCompanyNoDefaultProps=FormCompanyNoDefaultProps;exports.FormContext=FormContext;exports.FormContextDefaultValue=FormContextDefaultValue;exports.FormContextProvider=FormContextProvider;exports.FormDatePicker=FormDatePicker;exports.FormDatePickerDefaultProps=FormDatePickerDefaultProps;exports.FormDateRangePicker=FormDateRangePicker;exports.FormDateRangePickerDefaultProps=FormDateRangePickerDefaultProps;exports.FormDateTimePicker=FormDateTimePicker;exports.FormDateTimePickerDefaultProps=FormDateTimePickerDefaultProps;exports.FormDefaultProps=FormDefaultProps;exports.FormDivider=FormDivider;exports.FormDividerDefaultProps=FormDividerDefaultProps;exports.FormEmail=FormEmail;exports.FormEmailDefaultProps=FormEmailDefaultProps;exports.FormFile=FormFile;exports.FormFileDefaultProps=FormFileDefaultProps;exports.FormFooter=FormFooter;exports.FormFooterDefaultProps=FormFooterDefaultProps;exports.FormHidden=FormHidden;exports.FormHiddenDefaultProps=FormHiddenDefaultProps;exports.FormIcon=FormIcon;exports.FormIconDefaultProps=FormIconDefaultProps;exports.FormImageFile=FormImageFile;exports.FormImageFileDefaultProps=FormImageFileDefaultProps;exports.FormLabel=FormLabel;exports.FormLabelDefaultProps=FormLabelDefaultProps;exports.FormMobile=FormMobile;exports.FormMobileDefaultProps=FormMobileDefaultProps;exports.FormNumber=FormNumber;exports.FormNumberDefaultProps=FormNumberDefaultProps;exports.FormPassword=FormPassword;exports.FormPasswordDefaultProps=FormPasswordDefaultProps;exports.FormPersonalNo=FormPersonalNo;exports.FormPersonalNoDefaultProps=FormPersonalNoDefaultProps;exports.FormRadioGroup=FormRadioGroup;exports.FormRadioGroupDefaultProps=FormRadioGroupDefaultProps;exports.FormRating=FormRating;exports.FormRatingDefaultProps=FormRatingDefaultProps;exports.FormRow=FormRow;exports.FormRowDefaultProps=FormRowDefaultProps;exports.FormSearch=FormSearch;exports.FormSearchDefaultProps=FormSearchDefaultProps;exports.FormSelect=FormSelect;exports.FormSelectDefaultProps=FormSelectDefaultProps;exports.FormTag=FormTag;exports.FormTagDefaultProps=FormTagDefaultProps;exports.FormTel=FormTel;exports.FormTelDefaultProps=FormTelDefaultProps;exports.FormText=FormText;exports.FormTextDefaultProps=FormTextDefaultProps;exports.FormTextEditor=FormTextEditor;exports.FormTextEditorDefaultProps=FormTextEditorDefaultProps;exports.FormTextField=FormTextField;exports.FormTextFieldDefaultProps=FormTextFieldDefaultProps;exports.FormTextarea=FormTextarea;exports.FormTextareaDefaultProps=FormTextareaDefaultProps;exports.FormTimePicker=FormTimePicker;exports.FormTimePickerDefaultProps=FormTimePickerDefaultProps;exports.FormToggleButtonGroup=FormToggleButtonGroup;exports.FormToggleButtonGroupDefaultProps=FormToggleButtonGroupDefaultProps;exports.FormUrl=FormUrl;exports.FormUrlDefaultProps=FormUrlDefaultProps;exports.Search=Search;exports.SearchButton=SearchButton;exports.SearchButtonDefaultProps=SearchButtonDefaultProps;exports.SearchDefaultProps=SearchDefaultProps;exports.SearchGroup=SearchGroup;exports.SearchGroupDefaultProps=SearchGroupDefaultProps;exports.SearchGroupRow=SearchGroupRow;exports.SearchGroupRowDefaultProps=SearchGroupRowDefaultProps;exports.SearchMenuButton=SearchMenuButton;exports.SearchMenuButtonDefaultProps=SearchMenuButtonDefaultProps;exports.useFormState=useFormState;//# sourceMappingURL=index.js.map
|