pure-react-ui 1.5.2 → 1.5.4
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/lib/components/Form/AdvancedSelect.d.ts +30 -0
- package/lib/components/Form/AdvancedSelect.d.ts.map +1 -0
- package/lib/components/Form/AdvancedSelect.js +147 -0
- package/lib/components/Form/AdvancedSelect.js.map +1 -0
- package/lib/components/Form/Form.css +315 -0
- package/lib/components/Form/Form.d.ts +1 -0
- package/lib/components/Form/Form.d.ts.map +1 -1
- package/lib/components/Form/Form.js +19 -6
- package/lib/components/Form/Form.js.map +1 -1
- package/lib/components/Form/FormContext.d.ts +1 -0
- package/lib/components/Form/FormContext.d.ts.map +1 -1
- package/lib/components/Form/FormContext.js +12 -1
- package/lib/components/Form/FormContext.js.map +1 -1
- package/lib/components/Form/FormItem.d.ts.map +1 -1
- package/lib/components/Form/FormItem.js +50 -9
- package/lib/components/Form/FormItem.js.map +1 -1
- package/lib/components/Form/index.d.ts +3 -0
- package/lib/components/Form/index.d.ts.map +1 -1
- package/lib/components/Form/index.js +2 -0
- package/lib/components/Form/index.js.map +1 -1
- package/lib/components/Form/useForm.d.ts +3 -0
- package/lib/components/Form/useForm.d.ts.map +1 -0
- package/lib/components/Form/useForm.js +17 -0
- package/lib/components/Form/useForm.js.map +1 -0
- package/lib/index.d.ts +2 -2
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Form.css';
|
|
3
|
+
export interface AdvancedSelectOption {
|
|
4
|
+
value: string | number;
|
|
5
|
+
label: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
icon?: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export interface AdvancedSelectProps {
|
|
10
|
+
label?: string;
|
|
11
|
+
error?: string;
|
|
12
|
+
helpText?: string;
|
|
13
|
+
options: AdvancedSelectOption[];
|
|
14
|
+
placeholder?: string;
|
|
15
|
+
searchable?: boolean;
|
|
16
|
+
showSearch?: boolean;
|
|
17
|
+
multiple?: boolean;
|
|
18
|
+
value?: string | number | (string | number)[];
|
|
19
|
+
defaultValue?: string | number | (string | number)[];
|
|
20
|
+
disabled?: boolean;
|
|
21
|
+
fullWidth?: boolean;
|
|
22
|
+
size?: 'small' | 'medium' | 'large';
|
|
23
|
+
allowClear?: boolean;
|
|
24
|
+
className?: string;
|
|
25
|
+
onChange?: (value: string | number | (string | number)[]) => void;
|
|
26
|
+
onSearch?: (searchText: string) => void;
|
|
27
|
+
name?: string;
|
|
28
|
+
}
|
|
29
|
+
export declare const AdvancedSelect: React.ForwardRefExoticComponent<AdvancedSelectProps & React.RefAttributes<HTMLDivElement>>;
|
|
30
|
+
//# sourceMappingURL=AdvancedSelect.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AdvancedSelect.d.ts","sourceRoot":"","sources":["../../../src/components/Form/AdvancedSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IAClE,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,cAAc,4FAmRzB,CAAC"}
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
import React, { useState, useRef, useEffect, forwardRef } from 'react';
|
|
2
|
+
import { Icon } from '../Icon/Icon';
|
|
3
|
+
import './Form.css';
|
|
4
|
+
export const AdvancedSelect = forwardRef(({ label, error, helpText, options, placeholder = 'Select...', searchable = false, showSearch = false, multiple = false, value: controlledValue, defaultValue, disabled = false, fullWidth = false, size = 'medium', allowClear = false, className = '', onChange, onSearch }, ref) => {
|
|
5
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
6
|
+
const [searchText, setSearchText] = useState('');
|
|
7
|
+
const [selectedValues, setSelectedValues] = useState(controlledValue !== undefined ? controlledValue : (defaultValue || (multiple ? [] : '')));
|
|
8
|
+
const selectRef = useRef(null);
|
|
9
|
+
const inputRef = useRef(null);
|
|
10
|
+
const dropdownRef = useRef(null);
|
|
11
|
+
const isControlled = controlledValue !== undefined;
|
|
12
|
+
const currentValue = isControlled ? controlledValue : selectedValues;
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
const handleClickOutside = (event) => {
|
|
15
|
+
if (selectRef.current &&
|
|
16
|
+
!selectRef.current.contains(event.target) &&
|
|
17
|
+
dropdownRef.current &&
|
|
18
|
+
!dropdownRef.current.contains(event.target)) {
|
|
19
|
+
setIsOpen(false);
|
|
20
|
+
setSearchText('');
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
if (isOpen) {
|
|
24
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
25
|
+
inputRef.current?.focus();
|
|
26
|
+
}
|
|
27
|
+
return () => {
|
|
28
|
+
document.removeEventListener('mousedown', handleClickOutside);
|
|
29
|
+
};
|
|
30
|
+
}, [isOpen]);
|
|
31
|
+
useEffect(() => {
|
|
32
|
+
if (isControlled && controlledValue !== currentValue) {
|
|
33
|
+
setSelectedValues(controlledValue);
|
|
34
|
+
}
|
|
35
|
+
}, [controlledValue, isControlled]);
|
|
36
|
+
const filteredOptions = showSearch || searchable
|
|
37
|
+
? options.filter(option => option.label.toLowerCase().includes(searchText.toLowerCase()))
|
|
38
|
+
: options;
|
|
39
|
+
const handleSelect = (optionValue) => {
|
|
40
|
+
if (disabled || options.find(opt => opt.value === optionValue)?.disabled) {
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
43
|
+
if (multiple) {
|
|
44
|
+
const currentArray = Array.isArray(currentValue) ? currentValue : [];
|
|
45
|
+
const newValue = currentArray.includes(optionValue)
|
|
46
|
+
? currentArray.filter(v => v !== optionValue)
|
|
47
|
+
: [...currentArray, optionValue];
|
|
48
|
+
if (!isControlled) {
|
|
49
|
+
setSelectedValues(newValue);
|
|
50
|
+
}
|
|
51
|
+
onChange?.(newValue);
|
|
52
|
+
}
|
|
53
|
+
else {
|
|
54
|
+
if (!isControlled) {
|
|
55
|
+
setSelectedValues(optionValue);
|
|
56
|
+
}
|
|
57
|
+
onChange?.(optionValue);
|
|
58
|
+
setIsOpen(false);
|
|
59
|
+
setSearchText('');
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
const handleClear = (e) => {
|
|
63
|
+
e.stopPropagation();
|
|
64
|
+
const newValue = multiple ? [] : '';
|
|
65
|
+
if (!isControlled) {
|
|
66
|
+
setSelectedValues(newValue);
|
|
67
|
+
}
|
|
68
|
+
onChange?.(newValue);
|
|
69
|
+
};
|
|
70
|
+
const handleRemoveTag = (e, valueToRemove) => {
|
|
71
|
+
e.stopPropagation();
|
|
72
|
+
if (multiple && Array.isArray(currentValue)) {
|
|
73
|
+
const newValue = currentValue.filter(v => v !== valueToRemove);
|
|
74
|
+
if (!isControlled) {
|
|
75
|
+
setSelectedValues(newValue);
|
|
76
|
+
}
|
|
77
|
+
onChange?.(newValue);
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
const getSelectedLabels = () => {
|
|
81
|
+
if (multiple && Array.isArray(currentValue)) {
|
|
82
|
+
return currentValue
|
|
83
|
+
.map(val => options.find(opt => opt.value === val)?.label)
|
|
84
|
+
.filter(Boolean)
|
|
85
|
+
.join(', ');
|
|
86
|
+
}
|
|
87
|
+
const selected = options.find(opt => opt.value === currentValue);
|
|
88
|
+
return selected ? selected.label : '';
|
|
89
|
+
};
|
|
90
|
+
const hasValue = multiple
|
|
91
|
+
? Array.isArray(currentValue) && currentValue.length > 0
|
|
92
|
+
: currentValue !== '' && currentValue !== undefined && currentValue !== null;
|
|
93
|
+
const baseClass = 'pure-advanced-select';
|
|
94
|
+
const sizeClass = `pure-advanced-select--${size}`;
|
|
95
|
+
const errorClass = error ? 'pure-advanced-select--error' : '';
|
|
96
|
+
const fullWidthClass = fullWidth ? 'pure-advanced-select--full-width' : '';
|
|
97
|
+
const disabledClass = disabled ? 'pure-advanced-select--disabled' : '';
|
|
98
|
+
const openClass = isOpen ? 'pure-advanced-select--open' : '';
|
|
99
|
+
const multipleClass = multiple ? 'pure-advanced-select--multiple' : '';
|
|
100
|
+
const combinedClassName = [
|
|
101
|
+
baseClass,
|
|
102
|
+
sizeClass,
|
|
103
|
+
errorClass,
|
|
104
|
+
fullWidthClass,
|
|
105
|
+
disabledClass,
|
|
106
|
+
openClass,
|
|
107
|
+
multipleClass,
|
|
108
|
+
className
|
|
109
|
+
].filter(Boolean).join(' ');
|
|
110
|
+
return (React.createElement("div", { className: `pure-advanced-select-wrapper ${fullWidth ? 'pure-advanced-select-wrapper--full-width' : ''}` },
|
|
111
|
+
label && (React.createElement("label", { className: "pure-advanced-select-label" }, label)),
|
|
112
|
+
React.createElement("div", { ref: selectRef, className: combinedClassName, onClick: () => !disabled && setIsOpen(!isOpen) },
|
|
113
|
+
React.createElement("div", { className: "pure-advanced-select-selector" }, multiple && Array.isArray(currentValue) && currentValue.length > 0 ? (React.createElement("div", { className: "pure-advanced-select-tags" },
|
|
114
|
+
currentValue.map((val) => {
|
|
115
|
+
const option = options.find(opt => opt.value === val);
|
|
116
|
+
if (!option)
|
|
117
|
+
return null;
|
|
118
|
+
return (React.createElement("span", { key: val, className: "pure-advanced-select-tag" },
|
|
119
|
+
option.icon && React.createElement("span", { className: "pure-advanced-select-tag-icon" }, option.icon),
|
|
120
|
+
React.createElement("span", { className: "pure-advanced-select-tag-text" }, option.label),
|
|
121
|
+
React.createElement("span", { className: "pure-advanced-select-tag-close", onClick: (e) => handleRemoveTag(e, val) }, "\u00D7")));
|
|
122
|
+
}),
|
|
123
|
+
(showSearch || searchable) && isOpen && (React.createElement("input", { ref: inputRef, className: "pure-advanced-select-search-input", value: searchText, onChange: (e) => {
|
|
124
|
+
setSearchText(e.target.value);
|
|
125
|
+
onSearch?.(e.target.value);
|
|
126
|
+
}, onClick: (e) => e.stopPropagation(), placeholder: "Search..." })))) : (React.createElement(React.Fragment, null, (showSearch || searchable) && isOpen ? (React.createElement("input", { ref: inputRef, className: "pure-advanced-select-search-input", value: searchText, onChange: (e) => {
|
|
127
|
+
setSearchText(e.target.value);
|
|
128
|
+
onSearch?.(e.target.value);
|
|
129
|
+
}, onClick: (e) => e.stopPropagation(), placeholder: placeholder })) : (React.createElement("span", { className: `pure-advanced-select-selection ${!hasValue ? 'pure-advanced-select-selection--placeholder' : ''}` }, hasValue ? getSelectedLabels() : placeholder))))),
|
|
130
|
+
React.createElement("span", { className: "pure-advanced-select-arrow" }, allowClear && hasValue && !disabled ? (React.createElement("span", { className: "pure-advanced-select-clear", onClick: handleClear },
|
|
131
|
+
React.createElement(Icon, { name: "Close", size: 14 }))) : (React.createElement(Icon, { name: isOpen ? "ChevronUp" : "ChevronDown", size: 16 })))),
|
|
132
|
+
isOpen && !disabled && (React.createElement("div", { ref: dropdownRef, className: "pure-advanced-select-dropdown" }, filteredOptions.length === 0 ? (React.createElement("div", { className: "pure-advanced-select-empty" }, "No options found")) : (React.createElement("ul", { className: "pure-advanced-select-options" }, filteredOptions.map((option) => {
|
|
133
|
+
const isSelected = multiple
|
|
134
|
+
? Array.isArray(currentValue) && currentValue.includes(option.value)
|
|
135
|
+
: currentValue === option.value;
|
|
136
|
+
return (React.createElement("li", { key: option.value, className: `pure-advanced-select-option ${isSelected ? 'pure-advanced-select-option--selected' : ''} ${option.disabled ? 'pure-advanced-select-option--disabled' : ''}`, onClick: () => handleSelect(option.value) },
|
|
137
|
+
multiple && (React.createElement("span", { className: "pure-advanced-select-option-checkbox" }, isSelected && React.createElement(Icon, { name: "Check", size: 14 }))),
|
|
138
|
+
option.icon && (React.createElement("span", { className: "pure-advanced-select-option-icon" }, option.icon)),
|
|
139
|
+
React.createElement("span", { className: "pure-advanced-select-option-label" }, option.label),
|
|
140
|
+
!multiple && isSelected && (React.createElement("span", { className: "pure-advanced-select-option-check" },
|
|
141
|
+
React.createElement(Icon, { name: "Check", size: 14 })))));
|
|
142
|
+
}))))),
|
|
143
|
+
error && (React.createElement("span", { className: "pure-advanced-select-error" }, error)),
|
|
144
|
+
helpText && !error && (React.createElement("span", { className: "pure-advanced-select-help" }, helpText))));
|
|
145
|
+
});
|
|
146
|
+
AdvancedSelect.displayName = 'AdvancedSelect';
|
|
147
|
+
//# sourceMappingURL=AdvancedSelect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AdvancedSelect.js","sourceRoot":"","sources":["../../../src/components/Form/AdvancedSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -717,6 +717,317 @@
|
|
|
717
717
|
margin-left: 3.75rem;
|
|
718
718
|
}
|
|
719
719
|
|
|
720
|
+
/* Advanced Select */
|
|
721
|
+
.pure-advanced-select-wrapper {
|
|
722
|
+
display: flex;
|
|
723
|
+
flex-direction: column;
|
|
724
|
+
gap: 0.5rem;
|
|
725
|
+
position: relative;
|
|
726
|
+
}
|
|
727
|
+
|
|
728
|
+
.pure-advanced-select-wrapper--full-width {
|
|
729
|
+
width: 100%;
|
|
730
|
+
}
|
|
731
|
+
|
|
732
|
+
.pure-advanced-select-label {
|
|
733
|
+
font-size: 0.875rem;
|
|
734
|
+
font-weight: 500;
|
|
735
|
+
color: #212529;
|
|
736
|
+
}
|
|
737
|
+
|
|
738
|
+
.pure-advanced-select {
|
|
739
|
+
position: relative;
|
|
740
|
+
display: inline-block;
|
|
741
|
+
width: 100%;
|
|
742
|
+
min-width: 200px;
|
|
743
|
+
cursor: pointer;
|
|
744
|
+
user-select: none;
|
|
745
|
+
}
|
|
746
|
+
|
|
747
|
+
.pure-advanced-select--full-width {
|
|
748
|
+
width: 100%;
|
|
749
|
+
}
|
|
750
|
+
|
|
751
|
+
.pure-advanced-select--disabled {
|
|
752
|
+
cursor: not-allowed;
|
|
753
|
+
opacity: 0.65;
|
|
754
|
+
}
|
|
755
|
+
|
|
756
|
+
.pure-advanced-select-selector {
|
|
757
|
+
display: flex;
|
|
758
|
+
align-items: center;
|
|
759
|
+
min-height: 2.5rem;
|
|
760
|
+
padding: 0.5rem 2.5rem 0.5rem 1rem;
|
|
761
|
+
background-color: #ffffff;
|
|
762
|
+
border: 1px solid #ced4da;
|
|
763
|
+
border-radius: 0.375rem;
|
|
764
|
+
transition: all 0.2s ease-in-out;
|
|
765
|
+
gap: 0.5rem;
|
|
766
|
+
flex-wrap: wrap;
|
|
767
|
+
}
|
|
768
|
+
|
|
769
|
+
.pure-advanced-select--open .pure-advanced-select-selector {
|
|
770
|
+
border-color: #007bff;
|
|
771
|
+
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
|
|
772
|
+
}
|
|
773
|
+
|
|
774
|
+
.pure-advanced-select--error .pure-advanced-select-selector {
|
|
775
|
+
border-color: #dc3545;
|
|
776
|
+
}
|
|
777
|
+
|
|
778
|
+
.pure-advanced-select--error.pure-advanced-select--open .pure-advanced-select-selector {
|
|
779
|
+
border-color: #dc3545;
|
|
780
|
+
box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.25);
|
|
781
|
+
}
|
|
782
|
+
|
|
783
|
+
.pure-advanced-select-selection {
|
|
784
|
+
flex: 1;
|
|
785
|
+
color: #212529;
|
|
786
|
+
overflow: hidden;
|
|
787
|
+
text-overflow: ellipsis;
|
|
788
|
+
white-space: nowrap;
|
|
789
|
+
}
|
|
790
|
+
|
|
791
|
+
.pure-advanced-select-selection--placeholder {
|
|
792
|
+
color: #6c757d;
|
|
793
|
+
}
|
|
794
|
+
|
|
795
|
+
.pure-advanced-select-tags {
|
|
796
|
+
display: flex;
|
|
797
|
+
flex-wrap: wrap;
|
|
798
|
+
gap: 0.25rem;
|
|
799
|
+
flex: 1;
|
|
800
|
+
align-items: center;
|
|
801
|
+
}
|
|
802
|
+
|
|
803
|
+
.pure-advanced-select-tag {
|
|
804
|
+
display: inline-flex;
|
|
805
|
+
align-items: center;
|
|
806
|
+
gap: 0.25rem;
|
|
807
|
+
padding: 0.125rem 0.5rem;
|
|
808
|
+
background-color: #e9ecef;
|
|
809
|
+
border-radius: 0.25rem;
|
|
810
|
+
font-size: 0.875rem;
|
|
811
|
+
line-height: 1.5;
|
|
812
|
+
}
|
|
813
|
+
|
|
814
|
+
.pure-advanced-select-tag-icon {
|
|
815
|
+
display: flex;
|
|
816
|
+
align-items: center;
|
|
817
|
+
}
|
|
818
|
+
|
|
819
|
+
.pure-advanced-select-tag-text {
|
|
820
|
+
color: #212529;
|
|
821
|
+
}
|
|
822
|
+
|
|
823
|
+
.pure-advanced-select-tag-close {
|
|
824
|
+
cursor: pointer;
|
|
825
|
+
color: #6c757d;
|
|
826
|
+
margin-left: 0.25rem;
|
|
827
|
+
font-size: 1rem;
|
|
828
|
+
line-height: 1;
|
|
829
|
+
transition: color 0.2s;
|
|
830
|
+
}
|
|
831
|
+
|
|
832
|
+
.pure-advanced-select-tag-close:hover {
|
|
833
|
+
color: #212529;
|
|
834
|
+
}
|
|
835
|
+
|
|
836
|
+
.pure-advanced-select-search-input {
|
|
837
|
+
flex: 1;
|
|
838
|
+
border: none;
|
|
839
|
+
outline: none;
|
|
840
|
+
background: transparent;
|
|
841
|
+
font-size: 1rem;
|
|
842
|
+
color: #212529;
|
|
843
|
+
min-width: 50px;
|
|
844
|
+
}
|
|
845
|
+
|
|
846
|
+
.pure-advanced-select-search-input::placeholder {
|
|
847
|
+
color: #6c757d;
|
|
848
|
+
}
|
|
849
|
+
|
|
850
|
+
.pure-advanced-select-arrow {
|
|
851
|
+
position: absolute;
|
|
852
|
+
right: 0.75rem;
|
|
853
|
+
top: 50%;
|
|
854
|
+
transform: translateY(-50%);
|
|
855
|
+
display: flex;
|
|
856
|
+
align-items: center;
|
|
857
|
+
color: #6c757d;
|
|
858
|
+
pointer-events: none;
|
|
859
|
+
transition: transform 0.2s;
|
|
860
|
+
}
|
|
861
|
+
|
|
862
|
+
.pure-advanced-select--open .pure-advanced-select-arrow {
|
|
863
|
+
transform: translateY(-50%) rotate(180deg);
|
|
864
|
+
}
|
|
865
|
+
|
|
866
|
+
.pure-advanced-select-clear {
|
|
867
|
+
cursor: pointer;
|
|
868
|
+
color: #6c757d;
|
|
869
|
+
display: flex;
|
|
870
|
+
align-items: center;
|
|
871
|
+
transition: color 0.2s;
|
|
872
|
+
pointer-events: auto;
|
|
873
|
+
}
|
|
874
|
+
|
|
875
|
+
.pure-advanced-select-clear:hover {
|
|
876
|
+
color: #212529;
|
|
877
|
+
}
|
|
878
|
+
|
|
879
|
+
.pure-advanced-select-dropdown {
|
|
880
|
+
position: absolute;
|
|
881
|
+
top: 100%;
|
|
882
|
+
left: 0;
|
|
883
|
+
right: 0;
|
|
884
|
+
z-index: 1000;
|
|
885
|
+
margin-top: 0.25rem;
|
|
886
|
+
background-color: #ffffff;
|
|
887
|
+
border: 1px solid #e0e0e0;
|
|
888
|
+
border-radius: 0.375rem;
|
|
889
|
+
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
|
|
890
|
+
max-height: 300px;
|
|
891
|
+
overflow-y: auto;
|
|
892
|
+
animation: pure-advanced-select-dropdown-fade-in 0.2s ease-out;
|
|
893
|
+
}
|
|
894
|
+
|
|
895
|
+
@keyframes pure-advanced-select-dropdown-fade-in {
|
|
896
|
+
from {
|
|
897
|
+
opacity: 0;
|
|
898
|
+
transform: translateY(-10px);
|
|
899
|
+
}
|
|
900
|
+
to {
|
|
901
|
+
opacity: 1;
|
|
902
|
+
transform: translateY(0);
|
|
903
|
+
}
|
|
904
|
+
}
|
|
905
|
+
|
|
906
|
+
.pure-advanced-select-options {
|
|
907
|
+
list-style: none;
|
|
908
|
+
margin: 0;
|
|
909
|
+
padding: 0.25rem 0;
|
|
910
|
+
}
|
|
911
|
+
|
|
912
|
+
.pure-advanced-select-option {
|
|
913
|
+
display: flex;
|
|
914
|
+
align-items: center;
|
|
915
|
+
gap: 0.75rem;
|
|
916
|
+
padding: 0.625rem 1rem;
|
|
917
|
+
cursor: pointer;
|
|
918
|
+
transition: background-color 0.2s;
|
|
919
|
+
color: #212529;
|
|
920
|
+
}
|
|
921
|
+
|
|
922
|
+
.pure-advanced-select-option:hover:not(.pure-advanced-select-option--disabled) {
|
|
923
|
+
background-color: #f8f9fa;
|
|
924
|
+
}
|
|
925
|
+
|
|
926
|
+
.pure-advanced-select-option--selected {
|
|
927
|
+
background-color: #e7f3ff;
|
|
928
|
+
color: #007bff;
|
|
929
|
+
}
|
|
930
|
+
|
|
931
|
+
.pure-advanced-select-option--selected:hover {
|
|
932
|
+
background-color: #d0e7ff;
|
|
933
|
+
}
|
|
934
|
+
|
|
935
|
+
.pure-advanced-select-option--disabled {
|
|
936
|
+
opacity: 0.5;
|
|
937
|
+
cursor: not-allowed;
|
|
938
|
+
}
|
|
939
|
+
|
|
940
|
+
.pure-advanced-select-option-checkbox {
|
|
941
|
+
width: 1rem;
|
|
942
|
+
height: 1rem;
|
|
943
|
+
border: 2px solid #ced4da;
|
|
944
|
+
border-radius: 0.25rem;
|
|
945
|
+
display: flex;
|
|
946
|
+
align-items: center;
|
|
947
|
+
justify-content: center;
|
|
948
|
+
flex-shrink: 0;
|
|
949
|
+
background-color: #ffffff;
|
|
950
|
+
}
|
|
951
|
+
|
|
952
|
+
.pure-advanced-select-option--selected .pure-advanced-select-option-checkbox {
|
|
953
|
+
background-color: #007bff;
|
|
954
|
+
border-color: #007bff;
|
|
955
|
+
color: #ffffff;
|
|
956
|
+
}
|
|
957
|
+
|
|
958
|
+
.pure-advanced-select-option-icon {
|
|
959
|
+
display: flex;
|
|
960
|
+
align-items: center;
|
|
961
|
+
flex-shrink: 0;
|
|
962
|
+
color: #6c757d;
|
|
963
|
+
}
|
|
964
|
+
|
|
965
|
+
.pure-advanced-select-option--selected .pure-advanced-select-option-icon {
|
|
966
|
+
color: #007bff;
|
|
967
|
+
}
|
|
968
|
+
|
|
969
|
+
.pure-advanced-select-option-label {
|
|
970
|
+
flex: 1;
|
|
971
|
+
}
|
|
972
|
+
|
|
973
|
+
.pure-advanced-select-option-check {
|
|
974
|
+
display: flex;
|
|
975
|
+
align-items: center;
|
|
976
|
+
color: #007bff;
|
|
977
|
+
flex-shrink: 0;
|
|
978
|
+
}
|
|
979
|
+
|
|
980
|
+
.pure-advanced-select-empty {
|
|
981
|
+
padding: 1rem;
|
|
982
|
+
text-align: center;
|
|
983
|
+
color: #6c757d;
|
|
984
|
+
font-size: 0.875rem;
|
|
985
|
+
}
|
|
986
|
+
|
|
987
|
+
.pure-advanced-select-error {
|
|
988
|
+
font-size: 0.875rem;
|
|
989
|
+
color: #dc3545;
|
|
990
|
+
margin-top: 0.25rem;
|
|
991
|
+
}
|
|
992
|
+
|
|
993
|
+
.pure-advanced-select-help {
|
|
994
|
+
font-size: 0.875rem;
|
|
995
|
+
color: #6c757d;
|
|
996
|
+
margin-top: 0.25rem;
|
|
997
|
+
}
|
|
998
|
+
|
|
999
|
+
/* Size variants */
|
|
1000
|
+
.pure-advanced-select--small .pure-advanced-select-selector {
|
|
1001
|
+
min-height: 2rem;
|
|
1002
|
+
padding: 0.375rem 2rem 0.375rem 0.75rem;
|
|
1003
|
+
font-size: 0.875rem;
|
|
1004
|
+
}
|
|
1005
|
+
|
|
1006
|
+
.pure-advanced-select--large .pure-advanced-select-selector {
|
|
1007
|
+
min-height: 3rem;
|
|
1008
|
+
padding: 0.875rem 3rem 0.875rem 1.25rem;
|
|
1009
|
+
font-size: 1.125rem;
|
|
1010
|
+
}
|
|
1011
|
+
|
|
1012
|
+
/* Scrollbar for dropdown */
|
|
1013
|
+
.pure-advanced-select-dropdown::-webkit-scrollbar {
|
|
1014
|
+
width: 8px;
|
|
1015
|
+
}
|
|
1016
|
+
|
|
1017
|
+
.pure-advanced-select-dropdown::-webkit-scrollbar-track {
|
|
1018
|
+
background: #f1f1f1;
|
|
1019
|
+
border-radius: 4px;
|
|
1020
|
+
}
|
|
1021
|
+
|
|
1022
|
+
.pure-advanced-select-dropdown::-webkit-scrollbar-thumb {
|
|
1023
|
+
background: #c1c1c1;
|
|
1024
|
+
border-radius: 4px;
|
|
1025
|
+
}
|
|
1026
|
+
|
|
1027
|
+
.pure-advanced-select-dropdown::-webkit-scrollbar-thumb:hover {
|
|
1028
|
+
background: #a8a8a8;
|
|
1029
|
+
}
|
|
1030
|
+
|
|
720
1031
|
/* Responsive */
|
|
721
1032
|
@media (max-width: 768px) {
|
|
722
1033
|
.pure-form--horizontal {
|
|
@@ -730,4 +1041,8 @@
|
|
|
730
1041
|
.pure-form-row {
|
|
731
1042
|
flex-direction: column;
|
|
732
1043
|
}
|
|
1044
|
+
|
|
1045
|
+
.pure-advanced-select-dropdown {
|
|
1046
|
+
max-height: 250px;
|
|
1047
|
+
}
|
|
733
1048
|
}
|
|
@@ -5,6 +5,7 @@ export interface FormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement
|
|
|
5
5
|
layout?: 'vertical' | 'horizontal' | 'inline';
|
|
6
6
|
size?: 'small' | 'medium' | 'large';
|
|
7
7
|
form?: FormInstance;
|
|
8
|
+
initialValues?: Record<string, any>;
|
|
8
9
|
onFinish?: (values: Record<string, any>) => void;
|
|
9
10
|
onFinishFailed?: (errors: Record<string, string>) => void;
|
|
10
11
|
children: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAgB,YAAY,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IAC5F,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,QAAQ,CAAC;IAC9C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACjD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,IAAI,gFAgEf,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React, { forwardRef } from 'react';
|
|
1
|
+
import React, { useRef, forwardRef, useImperativeHandle } from 'react';
|
|
2
2
|
import { FormProvider } from './FormContext';
|
|
3
3
|
import './Form.css';
|
|
4
|
-
export const Form = forwardRef(({ layout = 'vertical', size = 'medium', form, onFinish, onFinishFailed, className = '', children, ...props }, ref) => {
|
|
4
|
+
export const Form = forwardRef(({ layout = 'vertical', size = 'medium', form: externalForm, initialValues, onFinish, onFinishFailed, className = '', children, ...props }, ref) => {
|
|
5
5
|
const baseClass = 'pure-form';
|
|
6
6
|
const layoutClass = `pure-form--${layout}`;
|
|
7
7
|
const sizeClass = `pure-form--${size}`;
|
|
@@ -11,15 +11,28 @@ export const Form = forwardRef(({ layout = 'vertical', size = 'medium', form, on
|
|
|
11
11
|
sizeClass,
|
|
12
12
|
className
|
|
13
13
|
].filter(Boolean).join(' ');
|
|
14
|
+
const internalFormRef = useRef(null);
|
|
15
|
+
useImperativeHandle(ref, () => {
|
|
16
|
+
return externalForm || internalFormRef.current;
|
|
17
|
+
}, [externalForm]);
|
|
14
18
|
const handleSubmit = (e) => {
|
|
15
19
|
e.preventDefault();
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
20
|
+
e.stopPropagation();
|
|
21
|
+
const formInstance = externalForm || internalFormRef.current;
|
|
22
|
+
if (formInstance) {
|
|
23
|
+
const values = formInstance.getFieldsValue();
|
|
24
|
+
// Include initial values that haven't been changed
|
|
25
|
+
const allValues = initialValues ? { ...initialValues, ...values } : values;
|
|
26
|
+
console.log('Form Values (including initial):', allValues);
|
|
27
|
+
console.log('Form Values (current):', values);
|
|
19
28
|
onFinish?.(values);
|
|
20
29
|
}
|
|
21
30
|
};
|
|
22
|
-
return (React.createElement(FormProvider, { ref:
|
|
31
|
+
return (React.createElement(FormProvider, { ref: (instance) => {
|
|
32
|
+
if (instance && !internalFormRef.current) {
|
|
33
|
+
internalFormRef.current = instance;
|
|
34
|
+
}
|
|
35
|
+
}, form: externalForm, initialValues: initialValues, onSubmit: onFinish, onFinishFailed: onFinishFailed },
|
|
23
36
|
React.createElement("form", { className: combinedClassName, onSubmit: handleSubmit, ...props }, children)));
|
|
24
37
|
});
|
|
25
38
|
Form.displayName = 'Form';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,YAAY,EAAgB,MAAM,eAAe,CAAC;AAC3D,OAAO,YAAY,CAAC;AAYpB,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA0B,CAAC,EACvD,MAAM,GAAG,UAAU,EACnB,IAAI,GAAG,QAAQ,EACf,IAAI,EAAE,YAAY,EAClB,aAAa,EACb,QAAQ,EACR,cAAc,EACd,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,SAAS,GAAG,WAAW,CAAC;IAC9B,MAAM,WAAW,GAAG,cAAc,MAAM,EAAE,CAAC;IAC3C,MAAM,SAAS,GAAG,cAAc,IAAI,EAAE,CAAC;IAEvC,MAAM,iBAAiB,GAAG;QACxB,SAAS;QACT,WAAW;QACX,SAAS;QACT,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,eAAe,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAE1D,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE;QAC5B,OAAO,YAAY,IAAI,eAAe,CAAC,OAAQ,CAAC;IAClD,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,YAAY,GAAG,CAAC,CAAmC,EAAE,EAAE;QAC3D,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,MAAM,YAAY,GAAG,YAAY,IAAI,eAAe,CAAC,OAAO,CAAC;QAC7D,IAAI,YAAY,EAAE,CAAC;YACjB,MAAM,MAAM,GAAG,YAAY,CAAC,cAAc,EAAE,CAAC;YAC7C,mDAAmD;YACnD,MAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,EAAE,GAAG,aAAa,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;YAC3E,OAAO,CAAC,GAAG,CAAC,kCAAkC,EAAE,SAAS,CAAC,CAAC;YAC3D,OAAO,CAAC,GAAG,CAAC,wBAAwB,EAAE,MAAM,CAAC,CAAC;YAC9C,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,YAAY,IACX,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE;YAChB,IAAI,QAAQ,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC;gBACzC,eAAe,CAAC,OAAO,GAAG,QAAQ,CAAC;YACrC,CAAC;QACH,CAAC,EACD,IAAI,EAAE,YAAY,EAClB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc;QAE9B,8BACE,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,YAAY,KAClB,KAAK,IAER,QAAQ,CACJ,CACM,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
|
|
@@ -16,6 +16,7 @@ interface FormContextValue {
|
|
|
16
16
|
export declare const useFormContext: () => FormContextValue;
|
|
17
17
|
export interface FormProviderProps {
|
|
18
18
|
form?: FormInstance;
|
|
19
|
+
initialValues?: Record<string, any>;
|
|
19
20
|
onSubmit?: (values: Record<string, any>) => void;
|
|
20
21
|
onFinishFailed?: (errors: Record<string, string>) => void;
|
|
21
22
|
children: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormContext.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAElG,MAAM,WAAW,YAAY;IAC3B,cAAc,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC1C,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAC;IACrC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACtD,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAClD,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,cAAc,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IACnD,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,UAAU,gBAAgB;IACxB,IAAI,EAAE,YAAY,CAAC;IACnB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,KAAK,IAAI,CAAC;IAC3F,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAID,eAAO,MAAM,cAAc,wBAM1B,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACjD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"FormContext.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAElG,MAAM,WAAW,YAAY;IAC3B,cAAc,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC1C,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAC;IACrC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACtD,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAClD,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,cAAc,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IACnD,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,UAAU,gBAAgB;IACxB,IAAI,EAAE,YAAY,CAAC;IACnB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,KAAK,IAAI,CAAC;IAC3F,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAID,eAAO,MAAM,cAAc,wBAM1B,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACjD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,YAAY,wFAiFvB,CAAC"}
|
|
@@ -7,7 +7,7 @@ export const useFormContext = () => {
|
|
|
7
7
|
}
|
|
8
8
|
return context;
|
|
9
9
|
};
|
|
10
|
-
export const FormProvider = forwardRef(({ form: externalForm, onSubmit, onFinishFailed, children }, ref) => {
|
|
10
|
+
export const FormProvider = forwardRef(({ form: externalForm, initialValues, onSubmit, onFinishFailed, children }, ref) => {
|
|
11
11
|
const fieldsRef = useRef(new Map());
|
|
12
12
|
const formRef = useRef(null);
|
|
13
13
|
const formInstance = externalForm || {
|
|
@@ -40,6 +40,10 @@ export const FormProvider = forwardRef(({ form: externalForm, onSubmit, onFinish
|
|
|
40
40
|
fieldsRef.current.forEach((field) => {
|
|
41
41
|
field.setValue(undefined);
|
|
42
42
|
});
|
|
43
|
+
// Force re-render by triggering update
|
|
44
|
+
if (onSubmit) {
|
|
45
|
+
// This will be handled by form reset
|
|
46
|
+
}
|
|
43
47
|
},
|
|
44
48
|
validateFields: async () => {
|
|
45
49
|
const errors = {};
|
|
@@ -56,6 +60,13 @@ export const FormProvider = forwardRef(({ form: externalForm, onSubmit, onFinish
|
|
|
56
60
|
useImperativeHandle(ref, () => formInstance, []);
|
|
57
61
|
const registerField = (name, getValue, setValue) => {
|
|
58
62
|
fieldsRef.current.set(name, { getValue, setValue });
|
|
63
|
+
// Set initial value if provided (only if field doesn't already have a value)
|
|
64
|
+
if (initialValues && initialValues[name] !== undefined) {
|
|
65
|
+
const currentValue = getValue();
|
|
66
|
+
if (currentValue === undefined || currentValue === null || currentValue === '') {
|
|
67
|
+
setValue(initialValues[name]);
|
|
68
|
+
}
|
|
69
|
+
}
|
|
59
70
|
};
|
|
60
71
|
const unregisterField = (name) => {
|
|
61
72
|
fieldsRef.current.delete(name);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormContext.js","sourceRoot":"","sources":["../../../src/components/Form/FormContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAkBlG,MAAM,WAAW,GAAG,aAAa,CAA0B,IAAI,CAAC,CAAC;AAEjE,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACxC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAC;IACvD,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"FormContext.js","sourceRoot":"","sources":["../../../src/components/Form/FormContext.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormItem.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC;QACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,GAAG,MAAM,CAAC;QAC7C,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC,CAAC;IACH,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"FormItem.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FormItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC;QACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,GAAG,MAAM,CAAC;QAC7C,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC,CAAC;IACH,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8I5C,CAAC"}
|
|
@@ -6,6 +6,7 @@ export const FormItem = ({ name, label, rules = [], initialValue, className = ''
|
|
|
6
6
|
const valueRef = useRef(initialValue);
|
|
7
7
|
const errorRef = useRef('');
|
|
8
8
|
const [error, setError] = React.useState('');
|
|
9
|
+
const [, forceUpdate] = React.useReducer(x => x + 1, 0);
|
|
9
10
|
useEffect(() => {
|
|
10
11
|
if (!name)
|
|
11
12
|
return;
|
|
@@ -17,8 +18,14 @@ export const FormItem = ({ name, label, rules = [], initialValue, className = ''
|
|
|
17
18
|
errorRef.current = '';
|
|
18
19
|
setError('');
|
|
19
20
|
}
|
|
21
|
+
// Force re-render
|
|
22
|
+
forceUpdate();
|
|
20
23
|
};
|
|
21
24
|
registerField(name, getValue, setValue);
|
|
25
|
+
// Also check form's initialValues if available
|
|
26
|
+
if (form && 'getFieldsValue' in form) {
|
|
27
|
+
// This will be handled by registerField
|
|
28
|
+
}
|
|
22
29
|
return () => {
|
|
23
30
|
unregisterField(name);
|
|
24
31
|
};
|
|
@@ -53,6 +60,10 @@ export const FormItem = ({ name, label, rules = [], initialValue, className = ''
|
|
|
53
60
|
setError(errorMsg);
|
|
54
61
|
};
|
|
55
62
|
const getValueFromEvent = (e) => {
|
|
63
|
+
// Handle AdvancedSelect - it passes value directly (string, number, or array)
|
|
64
|
+
if (e !== null && e !== undefined && !e.target && (typeof e === 'string' || typeof e === 'number' || Array.isArray(e))) {
|
|
65
|
+
return e;
|
|
66
|
+
}
|
|
56
67
|
if (e?.target) {
|
|
57
68
|
if (e.target.type === 'checkbox') {
|
|
58
69
|
return e.target.checked;
|
|
@@ -64,18 +75,48 @@ export const FormItem = ({ name, label, rules = [], initialValue, className = ''
|
|
|
64
75
|
}
|
|
65
76
|
return e;
|
|
66
77
|
};
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
children.props.onChange?.(e);
|
|
74
|
-
},
|
|
78
|
+
// Handle radio buttons specially - they need the name and value props
|
|
79
|
+
const componentDisplayName = children.type?.displayName;
|
|
80
|
+
const componentName = children.type?.name;
|
|
81
|
+
const isRadio = componentDisplayName === 'Radio' || componentName === 'Radio' || children.props.type === 'radio';
|
|
82
|
+
const isCheckbox = componentDisplayName === 'Checkbox' || componentName === 'Checkbox' || children.props.type === 'checkbox';
|
|
83
|
+
const childProps = {
|
|
75
84
|
error: error || children.props.error,
|
|
76
85
|
label: label || children.props.label,
|
|
77
86
|
...children.props
|
|
78
|
-
}
|
|
87
|
+
};
|
|
88
|
+
// Check if it's AdvancedSelect
|
|
89
|
+
const isAdvancedSelect = children.type?.displayName === 'AdvancedSelect' || children.type?.name === 'AdvancedSelect';
|
|
90
|
+
if (isRadio) {
|
|
91
|
+
// For radio, checked is based on whether form value matches radio value
|
|
92
|
+
childProps.checked = valueRef.current === children.props.value;
|
|
93
|
+
childProps.value = children.props.value;
|
|
94
|
+
childProps.name = name || children.props.name;
|
|
95
|
+
}
|
|
96
|
+
else if (isCheckbox) {
|
|
97
|
+
// For checkbox, checked is boolean
|
|
98
|
+
childProps.checked = valueRef.current === true;
|
|
99
|
+
}
|
|
100
|
+
else if (isAdvancedSelect) {
|
|
101
|
+
// For AdvancedSelect, pass value directly
|
|
102
|
+
childProps.value = valueRef.current !== undefined ? valueRef.current : (children.props.value ?? (children.props.multiple ? [] : ''));
|
|
103
|
+
}
|
|
104
|
+
else {
|
|
105
|
+
// For other inputs, use value
|
|
106
|
+
childProps.value = valueRef.current !== undefined && valueRef.current !== null ? valueRef.current : (children.props.value ?? '');
|
|
107
|
+
}
|
|
108
|
+
childProps.onChange = (e) => {
|
|
109
|
+
const newValue = getValueFromEvent(e);
|
|
110
|
+
handleChange(newValue);
|
|
111
|
+
// For AdvancedSelect, onChange receives value directly, not event
|
|
112
|
+
if (isAdvancedSelect) {
|
|
113
|
+
children.props.onChange?.(newValue);
|
|
114
|
+
}
|
|
115
|
+
else {
|
|
116
|
+
children.props.onChange?.(e);
|
|
117
|
+
}
|
|
118
|
+
};
|
|
119
|
+
const child = React.cloneElement(children, childProps);
|
|
79
120
|
return (React.createElement("div", { className: `pure-form-item ${className}` }, child));
|
|
80
121
|
};
|
|
81
122
|
//# sourceMappingURL=FormItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormItem.js","sourceRoot":"","sources":["../../../src/components/Form/FormItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,YAAY,CAAC;AAkBpB,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,IAAI,EACJ,KAAK,EACL,KAAK,GAAG,EAAE,EACV,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAC;IAClE,MAAM,QAAQ,GAAG,MAAM,CAAM,YAAY,CAAC,CAAC;IAC3C,MAAM,QAAQ,GAAG,MAAM,CAAS,EAAE,CAAC,CAAC;IACpC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,EAAE,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"FormItem.js","sourceRoot":"","sources":["../../../src/components/Form/FormItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ export { FormItem } from './FormItem';
|
|
|
4
4
|
export type { FormItemProps } from './FormItem';
|
|
5
5
|
export { FormProvider, useFormContext } from './FormContext';
|
|
6
6
|
export type { FormInstance, FormProviderProps } from './FormContext';
|
|
7
|
+
export { useForm } from './useForm';
|
|
7
8
|
export { Input } from './Input';
|
|
8
9
|
export type { InputProps } from './Input';
|
|
9
10
|
export { Textarea } from './Textarea';
|
|
@@ -20,4 +21,6 @@ export { FormGroup } from './FormGroup';
|
|
|
20
21
|
export type { FormGroupProps } from './FormGroup';
|
|
21
22
|
export { FormRow } from './FormRow';
|
|
22
23
|
export type { FormRowProps } from './FormRow';
|
|
24
|
+
export { AdvancedSelect } from './AdvancedSelect';
|
|
25
|
+
export type { AdvancedSelectProps, AdvancedSelectOption } from './AdvancedSelect';
|
|
23
26
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC7D,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAErE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC7D,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAErE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { Form } from './Form';
|
|
2
2
|
export { FormItem } from './FormItem';
|
|
3
3
|
export { FormProvider, useFormContext } from './FormContext';
|
|
4
|
+
export { useForm } from './useForm';
|
|
4
5
|
export { Input } from './Input';
|
|
5
6
|
export { Textarea } from './Textarea';
|
|
6
7
|
export { Select } from './Select';
|
|
@@ -9,4 +10,5 @@ export { Radio } from './Radio';
|
|
|
9
10
|
export { Switch } from './Switch';
|
|
10
11
|
export { FormGroup } from './FormGroup';
|
|
11
12
|
export { FormRow } from './FormRow';
|
|
13
|
+
export { AdvancedSelect } from './AdvancedSelect';
|
|
12
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG7D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG7D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../../../src/components/Form/useForm.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,eAAO,MAAM,OAAO,QAAO,CAAC,YAAY,CAgBvC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { useRef } from 'react';
|
|
2
|
+
export const useForm = () => {
|
|
3
|
+
const formRef = useRef(null);
|
|
4
|
+
if (!formRef.current) {
|
|
5
|
+
formRef.current = {
|
|
6
|
+
getFieldsValue: () => ({}),
|
|
7
|
+
getFieldValue: () => undefined,
|
|
8
|
+
setFieldsValue: () => { },
|
|
9
|
+
setFieldValue: () => { },
|
|
10
|
+
resetFields: () => { },
|
|
11
|
+
validateFields: async () => ({}),
|
|
12
|
+
submit: () => { }
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
return [formRef.current];
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=useForm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useForm.js","sourceRoot":"","sources":["../../../src/components/Form/useForm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG/B,MAAM,CAAC,MAAM,OAAO,GAAG,GAAmB,EAAE;IAC1C,MAAM,OAAO,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAElD,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QACrB,OAAO,CAAC,OAAO,GAAG;YAChB,cAAc,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;YAC1B,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS;YAC9B,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;YACxB,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;YACvB,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;YACrB,cAAc,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC;YAChC,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;SACjB,CAAC;IACJ,CAAC;IAED,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AAC3B,CAAC,CAAC"}
|
package/lib/index.d.ts
CHANGED
|
@@ -13,6 +13,6 @@ export { Flex } from './components/Flex/Flex';
|
|
|
13
13
|
export type { FlexProps } from './components/Flex/Flex';
|
|
14
14
|
export { Text } from './components/Text/Text';
|
|
15
15
|
export type { TextProps } from './components/Text/Text';
|
|
16
|
-
export { Form, FormItem, Input, Textarea, Select, Checkbox, Radio, Switch, FormGroup, FormRow, useFormContext } from './components/Form';
|
|
17
|
-
export type { FormProps, FormItemProps, FormInstance, InputProps, TextareaProps, SelectProps, SelectOption, CheckboxProps, RadioProps, SwitchProps, FormGroupProps, FormRowProps } from './components/Form';
|
|
16
|
+
export { Form, FormItem, Input, Textarea, Select, AdvancedSelect, Checkbox, Radio, Switch, FormGroup, FormRow, useFormContext, useForm } from './components/Form';
|
|
17
|
+
export type { FormProps, FormItemProps, FormInstance, InputProps, TextareaProps, SelectProps, SelectOption, AdvancedSelectProps, AdvancedSelectOption, CheckboxProps, RadioProps, SwitchProps, FormGroupProps, FormRowProps } from './components/Form';
|
|
18
18
|
//# sourceMappingURL=index.d.ts.map
|
package/lib/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,YAAY,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClE,cAAc,yBAAyB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,YAAY,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,YAAY,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,KAAK,EACL,MAAM,EACN,SAAS,EACT,OAAO,EACP,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,YAAY,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClE,cAAc,yBAAyB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,YAAY,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,YAAY,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,cAAc,EACd,QAAQ,EACR,KAAK,EACL,MAAM,EACN,SAAS,EACT,OAAO,EACP,cAAc,EACd,OAAO,EACR,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EACV,SAAS,EACT,aAAa,EACb,YAAY,EACZ,UAAU,EACV,aAAa,EACb,WAAW,EACX,YAAY,EACZ,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,EACb,UAAU,EACV,WAAW,EACX,cAAc,EACd,YAAY,EACb,MAAM,mBAAmB,CAAC"}
|
package/lib/index.js
CHANGED
|
@@ -6,5 +6,5 @@ export * from './components/Icon/icons';
|
|
|
6
6
|
export { Space } from './components/Space/Space';
|
|
7
7
|
export { Flex } from './components/Flex/Flex';
|
|
8
8
|
export { Text } from './components/Text/Text';
|
|
9
|
-
export { Form, FormItem, Input, Textarea, Select, Checkbox, Radio, Switch, FormGroup, FormRow, useFormContext } from './components/Form';
|
|
9
|
+
export { Form, FormItem, Input, Textarea, Select, AdvancedSelect, Checkbox, Radio, Switch, FormGroup, FormRow, useFormContext, useForm } from './components/Form';
|
|
10
10
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAGpD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAG9C,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAGjD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,cAAc,yBAAyB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAGjD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAG9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAG9C,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,KAAK,EACL,MAAM,EACN,SAAS,EACT,OAAO,EACP,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAGpD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAG9C,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAGjD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,cAAc,yBAAyB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAGjD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAG9C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAG9C,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,cAAc,EACd,QAAQ,EACR,KAAK,EACL,MAAM,EACN,SAAS,EACT,OAAO,EACP,cAAc,EACd,OAAO,EACR,MAAM,mBAAmB,CAAC"}
|
package/package.json
CHANGED