@apexcura/ui-components 0.0.15-Beta34 → 0.0.15-Beta36
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.d.mts +48 -33
- package/dist/index.d.ts +48 -33
- package/dist/index.js +16 -5
- package/dist/index.mjs +16 -5
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React$1 from 'react';
|
|
2
2
|
import { SizeType } from 'antd/es/config-provider/SizeContext';
|
|
3
3
|
import { UploadFile } from 'antd/lib/upload/interface';
|
|
4
|
+
import { CheckboxOptionType } from 'antd';
|
|
4
5
|
|
|
5
|
-
type ElementType = {
|
|
6
|
+
type ElementType$1 = {
|
|
6
7
|
[x: string]: any;
|
|
7
8
|
selectedStyle?: boolean;
|
|
8
9
|
style?: boolean;
|
|
@@ -28,6 +29,8 @@ type ElementType = {
|
|
|
28
29
|
options?: any[];
|
|
29
30
|
firstOptions?: any[];
|
|
30
31
|
secondOptions?: any[];
|
|
32
|
+
firstPlaceholder?: string;
|
|
33
|
+
secondPlaceholder?: string;
|
|
31
34
|
view?: boolean;
|
|
32
35
|
onChange?: (value: string | number | boolean | object | any[] | undefined) => void;
|
|
33
36
|
onClick?: () => void;
|
|
@@ -83,82 +86,94 @@ type ElementType = {
|
|
|
83
86
|
showProgress?: boolean;
|
|
84
87
|
};
|
|
85
88
|
|
|
86
|
-
declare const TextElement: (props: ElementType) => React$1.JSX.Element;
|
|
89
|
+
declare const TextElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
87
90
|
|
|
88
|
-
declare const PasswordElement: (props: ElementType) => React$1.JSX.Element;
|
|
91
|
+
declare const PasswordElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
89
92
|
|
|
90
|
-
declare const NumberElement: (props: ElementType) => React$1.JSX.Element;
|
|
93
|
+
declare const NumberElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
91
94
|
|
|
92
|
-
declare const TextareaElement: (props: ElementType) => React$1.JSX.Element;
|
|
95
|
+
declare const TextareaElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
93
96
|
|
|
94
|
-
declare const SelectElement: (props: ElementType) => React$1.JSX.Element;
|
|
97
|
+
declare const SelectElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
95
98
|
|
|
96
|
-
declare const RadioElement: (props: ElementType) => React$1.JSX.Element;
|
|
99
|
+
declare const RadioElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
97
100
|
|
|
101
|
+
type CheckboxValueType = string | undefined;
|
|
102
|
+
interface OptionType extends CheckboxOptionType {
|
|
103
|
+
value: CheckboxValueType;
|
|
104
|
+
}
|
|
105
|
+
interface ElementType {
|
|
106
|
+
options: OptionType[];
|
|
107
|
+
onChange?: (selectedOptions: OptionType[]) => void;
|
|
108
|
+
disabled?: boolean;
|
|
109
|
+
name?: string;
|
|
110
|
+
styles?: React$1.CSSProperties;
|
|
111
|
+
className?: string;
|
|
112
|
+
}
|
|
98
113
|
declare const CheckboxElement: (props: ElementType) => React$1.JSX.Element;
|
|
99
114
|
|
|
100
|
-
interface ElementExecuterProps extends ElementType {
|
|
115
|
+
interface ElementExecuterProps extends ElementType$1 {
|
|
101
116
|
onChange: (value: string | number | object | boolean | any[] | undefined) => void;
|
|
102
117
|
}
|
|
103
118
|
declare const CkEditor: (props: ElementExecuterProps) => React$1.JSX.Element;
|
|
104
119
|
|
|
105
|
-
declare const SingleSelectElement: (props: ElementType) => React$1.JSX.Element;
|
|
120
|
+
declare const SingleSelectElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
106
121
|
|
|
107
|
-
declare const MultipleSelectElement: (props: ElementType) => React$1.JSX.Element;
|
|
122
|
+
declare const MultipleSelectElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
108
123
|
|
|
109
|
-
declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
|
|
124
|
+
declare const ButtonElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
110
125
|
|
|
111
|
-
declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
|
|
126
|
+
declare const AddMoreTable: (props: ElementType$1) => React$1.JSX.Element;
|
|
112
127
|
|
|
113
|
-
declare const Sidebar: (props: ElementType) => React$1.JSX.Element;
|
|
128
|
+
declare const Sidebar: (props: ElementType$1) => React$1.JSX.Element;
|
|
114
129
|
|
|
115
|
-
declare const Navbar: (props: ElementType) => React$1.JSX.Element;
|
|
130
|
+
declare const Navbar: (props: ElementType$1) => React$1.JSX.Element;
|
|
116
131
|
|
|
117
132
|
interface PaginationType {
|
|
118
133
|
page?: number;
|
|
119
134
|
pageSize?: number;
|
|
120
135
|
}
|
|
121
|
-
interface TableElementProps extends ElementType {
|
|
136
|
+
interface TableElementProps extends ElementType$1 {
|
|
122
137
|
value?: PaginationType;
|
|
123
138
|
}
|
|
124
139
|
declare const TableElement: (props: TableElementProps) => React$1.JSX.Element;
|
|
125
140
|
|
|
126
|
-
declare const DatePickerElement: (props: ElementType) => React$1.JSX.Element;
|
|
141
|
+
declare const DatePickerElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
127
142
|
|
|
128
|
-
declare const DateRangePickerElement: (props: ElementType) => React$1.JSX.Element;
|
|
143
|
+
declare const DateRangePickerElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
129
144
|
|
|
130
|
-
declare const Image: (props: ElementType) => React$1.JSX.Element;
|
|
145
|
+
declare const Image: (props: ElementType$1) => React$1.JSX.Element;
|
|
131
146
|
|
|
132
|
-
declare const SingleCheckbox: (props: ElementType) => React$1.JSX.Element;
|
|
147
|
+
declare const SingleCheckbox: (props: ElementType$1) => React$1.JSX.Element;
|
|
133
148
|
|
|
134
|
-
declare const DropDownGroup: (props: ElementType) => React$1.JSX.Element;
|
|
149
|
+
declare const DropDownGroup: (props: ElementType$1) => React$1.JSX.Element;
|
|
135
150
|
|
|
136
|
-
declare const FileUpload: (props: ElementType) => React$1.JSX.Element;
|
|
151
|
+
declare const FileUpload: (props: ElementType$1) => React$1.JSX.Element;
|
|
137
152
|
|
|
138
|
-
declare const TabsElement: (props: ElementType) => React$1.JSX.Element;
|
|
153
|
+
declare const TabsElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
139
154
|
|
|
140
155
|
declare const SwitchElement: () => React$1.JSX.Element;
|
|
141
156
|
|
|
142
|
-
declare const Upload: (props: ElementType) => React$1.JSX.Element;
|
|
157
|
+
declare const Upload: (props: ElementType$1) => React$1.JSX.Element;
|
|
143
158
|
|
|
144
|
-
declare const OtpElement: (props: ElementType) => React$1.JSX.Element;
|
|
159
|
+
declare const OtpElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
145
160
|
|
|
146
|
-
declare const CircleDonut: (props: ElementType) => React$1.JSX.Element;
|
|
161
|
+
declare const CircleDonut: (props: ElementType$1) => React$1.JSX.Element;
|
|
147
162
|
|
|
148
|
-
declare const SemiCircleDonut: (props: ElementType) => React$1.JSX.Element;
|
|
163
|
+
declare const SemiCircleDonut: (props: ElementType$1) => React$1.JSX.Element;
|
|
149
164
|
|
|
150
|
-
declare const HorizontalBarChart: (props: ElementType) => React$1.JSX.Element;
|
|
165
|
+
declare const HorizontalBarChart: (props: ElementType$1) => React$1.JSX.Element;
|
|
151
166
|
|
|
152
|
-
declare const LineChart: (props: ElementType) => React$1.JSX.Element;
|
|
167
|
+
declare const LineChart: (props: ElementType$1) => React$1.JSX.Element;
|
|
153
168
|
|
|
154
|
-
declare const DoubleBarChart: (props: ElementType) => React$1.JSX.Element;
|
|
169
|
+
declare const DoubleBarChart: (props: ElementType$1) => React$1.JSX.Element;
|
|
155
170
|
|
|
156
|
-
declare const BarChart: (props: ElementType) => React$1.JSX.Element;
|
|
171
|
+
declare const BarChart: (props: ElementType$1) => React$1.JSX.Element;
|
|
157
172
|
|
|
158
|
-
declare const DivContainer: (props: ElementType) => React$1.JSX.Element;
|
|
173
|
+
declare const DivContainer: (props: ElementType$1) => React$1.JSX.Element;
|
|
159
174
|
|
|
160
|
-
declare const ColorPickerElement: (props: ElementType) => React$1.JSX.Element;
|
|
175
|
+
declare const ColorPickerElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
161
176
|
|
|
162
|
-
declare const NotificationAlert: (props: ElementType) => React$1.JSX.Element;
|
|
177
|
+
declare const NotificationAlert: (props: ElementType$1) => React$1.JSX.Element;
|
|
163
178
|
|
|
164
179
|
export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, ColorPickerElement, DatePickerElement, DateRangePickerElement, DivContainer, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NotificationAlert, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React$1 from 'react';
|
|
2
2
|
import { SizeType } from 'antd/es/config-provider/SizeContext';
|
|
3
3
|
import { UploadFile } from 'antd/lib/upload/interface';
|
|
4
|
+
import { CheckboxOptionType } from 'antd';
|
|
4
5
|
|
|
5
|
-
type ElementType = {
|
|
6
|
+
type ElementType$1 = {
|
|
6
7
|
[x: string]: any;
|
|
7
8
|
selectedStyle?: boolean;
|
|
8
9
|
style?: boolean;
|
|
@@ -28,6 +29,8 @@ type ElementType = {
|
|
|
28
29
|
options?: any[];
|
|
29
30
|
firstOptions?: any[];
|
|
30
31
|
secondOptions?: any[];
|
|
32
|
+
firstPlaceholder?: string;
|
|
33
|
+
secondPlaceholder?: string;
|
|
31
34
|
view?: boolean;
|
|
32
35
|
onChange?: (value: string | number | boolean | object | any[] | undefined) => void;
|
|
33
36
|
onClick?: () => void;
|
|
@@ -83,82 +86,94 @@ type ElementType = {
|
|
|
83
86
|
showProgress?: boolean;
|
|
84
87
|
};
|
|
85
88
|
|
|
86
|
-
declare const TextElement: (props: ElementType) => React$1.JSX.Element;
|
|
89
|
+
declare const TextElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
87
90
|
|
|
88
|
-
declare const PasswordElement: (props: ElementType) => React$1.JSX.Element;
|
|
91
|
+
declare const PasswordElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
89
92
|
|
|
90
|
-
declare const NumberElement: (props: ElementType) => React$1.JSX.Element;
|
|
93
|
+
declare const NumberElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
91
94
|
|
|
92
|
-
declare const TextareaElement: (props: ElementType) => React$1.JSX.Element;
|
|
95
|
+
declare const TextareaElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
93
96
|
|
|
94
|
-
declare const SelectElement: (props: ElementType) => React$1.JSX.Element;
|
|
97
|
+
declare const SelectElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
95
98
|
|
|
96
|
-
declare const RadioElement: (props: ElementType) => React$1.JSX.Element;
|
|
99
|
+
declare const RadioElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
97
100
|
|
|
101
|
+
type CheckboxValueType = string | undefined;
|
|
102
|
+
interface OptionType extends CheckboxOptionType {
|
|
103
|
+
value: CheckboxValueType;
|
|
104
|
+
}
|
|
105
|
+
interface ElementType {
|
|
106
|
+
options: OptionType[];
|
|
107
|
+
onChange?: (selectedOptions: OptionType[]) => void;
|
|
108
|
+
disabled?: boolean;
|
|
109
|
+
name?: string;
|
|
110
|
+
styles?: React$1.CSSProperties;
|
|
111
|
+
className?: string;
|
|
112
|
+
}
|
|
98
113
|
declare const CheckboxElement: (props: ElementType) => React$1.JSX.Element;
|
|
99
114
|
|
|
100
|
-
interface ElementExecuterProps extends ElementType {
|
|
115
|
+
interface ElementExecuterProps extends ElementType$1 {
|
|
101
116
|
onChange: (value: string | number | object | boolean | any[] | undefined) => void;
|
|
102
117
|
}
|
|
103
118
|
declare const CkEditor: (props: ElementExecuterProps) => React$1.JSX.Element;
|
|
104
119
|
|
|
105
|
-
declare const SingleSelectElement: (props: ElementType) => React$1.JSX.Element;
|
|
120
|
+
declare const SingleSelectElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
106
121
|
|
|
107
|
-
declare const MultipleSelectElement: (props: ElementType) => React$1.JSX.Element;
|
|
122
|
+
declare const MultipleSelectElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
108
123
|
|
|
109
|
-
declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
|
|
124
|
+
declare const ButtonElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
110
125
|
|
|
111
|
-
declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
|
|
126
|
+
declare const AddMoreTable: (props: ElementType$1) => React$1.JSX.Element;
|
|
112
127
|
|
|
113
|
-
declare const Sidebar: (props: ElementType) => React$1.JSX.Element;
|
|
128
|
+
declare const Sidebar: (props: ElementType$1) => React$1.JSX.Element;
|
|
114
129
|
|
|
115
|
-
declare const Navbar: (props: ElementType) => React$1.JSX.Element;
|
|
130
|
+
declare const Navbar: (props: ElementType$1) => React$1.JSX.Element;
|
|
116
131
|
|
|
117
132
|
interface PaginationType {
|
|
118
133
|
page?: number;
|
|
119
134
|
pageSize?: number;
|
|
120
135
|
}
|
|
121
|
-
interface TableElementProps extends ElementType {
|
|
136
|
+
interface TableElementProps extends ElementType$1 {
|
|
122
137
|
value?: PaginationType;
|
|
123
138
|
}
|
|
124
139
|
declare const TableElement: (props: TableElementProps) => React$1.JSX.Element;
|
|
125
140
|
|
|
126
|
-
declare const DatePickerElement: (props: ElementType) => React$1.JSX.Element;
|
|
141
|
+
declare const DatePickerElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
127
142
|
|
|
128
|
-
declare const DateRangePickerElement: (props: ElementType) => React$1.JSX.Element;
|
|
143
|
+
declare const DateRangePickerElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
129
144
|
|
|
130
|
-
declare const Image: (props: ElementType) => React$1.JSX.Element;
|
|
145
|
+
declare const Image: (props: ElementType$1) => React$1.JSX.Element;
|
|
131
146
|
|
|
132
|
-
declare const SingleCheckbox: (props: ElementType) => React$1.JSX.Element;
|
|
147
|
+
declare const SingleCheckbox: (props: ElementType$1) => React$1.JSX.Element;
|
|
133
148
|
|
|
134
|
-
declare const DropDownGroup: (props: ElementType) => React$1.JSX.Element;
|
|
149
|
+
declare const DropDownGroup: (props: ElementType$1) => React$1.JSX.Element;
|
|
135
150
|
|
|
136
|
-
declare const FileUpload: (props: ElementType) => React$1.JSX.Element;
|
|
151
|
+
declare const FileUpload: (props: ElementType$1) => React$1.JSX.Element;
|
|
137
152
|
|
|
138
|
-
declare const TabsElement: (props: ElementType) => React$1.JSX.Element;
|
|
153
|
+
declare const TabsElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
139
154
|
|
|
140
155
|
declare const SwitchElement: () => React$1.JSX.Element;
|
|
141
156
|
|
|
142
|
-
declare const Upload: (props: ElementType) => React$1.JSX.Element;
|
|
157
|
+
declare const Upload: (props: ElementType$1) => React$1.JSX.Element;
|
|
143
158
|
|
|
144
|
-
declare const OtpElement: (props: ElementType) => React$1.JSX.Element;
|
|
159
|
+
declare const OtpElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
145
160
|
|
|
146
|
-
declare const CircleDonut: (props: ElementType) => React$1.JSX.Element;
|
|
161
|
+
declare const CircleDonut: (props: ElementType$1) => React$1.JSX.Element;
|
|
147
162
|
|
|
148
|
-
declare const SemiCircleDonut: (props: ElementType) => React$1.JSX.Element;
|
|
163
|
+
declare const SemiCircleDonut: (props: ElementType$1) => React$1.JSX.Element;
|
|
149
164
|
|
|
150
|
-
declare const HorizontalBarChart: (props: ElementType) => React$1.JSX.Element;
|
|
165
|
+
declare const HorizontalBarChart: (props: ElementType$1) => React$1.JSX.Element;
|
|
151
166
|
|
|
152
|
-
declare const LineChart: (props: ElementType) => React$1.JSX.Element;
|
|
167
|
+
declare const LineChart: (props: ElementType$1) => React$1.JSX.Element;
|
|
153
168
|
|
|
154
|
-
declare const DoubleBarChart: (props: ElementType) => React$1.JSX.Element;
|
|
169
|
+
declare const DoubleBarChart: (props: ElementType$1) => React$1.JSX.Element;
|
|
155
170
|
|
|
156
|
-
declare const BarChart: (props: ElementType) => React$1.JSX.Element;
|
|
171
|
+
declare const BarChart: (props: ElementType$1) => React$1.JSX.Element;
|
|
157
172
|
|
|
158
|
-
declare const DivContainer: (props: ElementType) => React$1.JSX.Element;
|
|
173
|
+
declare const DivContainer: (props: ElementType$1) => React$1.JSX.Element;
|
|
159
174
|
|
|
160
|
-
declare const ColorPickerElement: (props: ElementType) => React$1.JSX.Element;
|
|
175
|
+
declare const ColorPickerElement: (props: ElementType$1) => React$1.JSX.Element;
|
|
161
176
|
|
|
162
|
-
declare const NotificationAlert: (props: ElementType) => React$1.JSX.Element;
|
|
177
|
+
declare const NotificationAlert: (props: ElementType$1) => React$1.JSX.Element;
|
|
163
178
|
|
|
164
179
|
export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, ColorPickerElement, DatePickerElement, DateRangePickerElement, DivContainer, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NotificationAlert, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
|
package/dist/index.js
CHANGED
|
@@ -272,7 +272,7 @@ var RadioElement = (props) => {
|
|
|
272
272
|
var import_react7 = __toESM(require("react"));
|
|
273
273
|
var import_antd7 = require("antd");
|
|
274
274
|
var CheckboxGroup = import_antd7.Checkbox.Group;
|
|
275
|
-
var defaultCheckedList = [
|
|
275
|
+
var defaultCheckedList = [];
|
|
276
276
|
var CheckboxElement = (props) => {
|
|
277
277
|
const [checkedList, setCheckedList] = (0, import_react7.useState)(defaultCheckedList);
|
|
278
278
|
const options = props.options || [];
|
|
@@ -280,7 +280,9 @@ var CheckboxElement = (props) => {
|
|
|
280
280
|
const handleChange = (list) => {
|
|
281
281
|
setCheckedList(list);
|
|
282
282
|
if (props.onChange) {
|
|
283
|
-
const selectedOptions = options.filter(
|
|
283
|
+
const selectedOptions = options.filter(
|
|
284
|
+
(option) => list.includes(option.value)
|
|
285
|
+
);
|
|
284
286
|
props.onChange(selectedOptions);
|
|
285
287
|
}
|
|
286
288
|
};
|
|
@@ -288,7 +290,8 @@ var CheckboxElement = (props) => {
|
|
|
288
290
|
const newList = e.target.checked ? options.map((option) => option.value) : [];
|
|
289
291
|
setCheckedList(newList);
|
|
290
292
|
if (props.onChange) {
|
|
291
|
-
|
|
293
|
+
const selectedOptions = e.target.checked ? options : [];
|
|
294
|
+
props.onChange(selectedOptions);
|
|
292
295
|
}
|
|
293
296
|
};
|
|
294
297
|
return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(
|
|
@@ -309,7 +312,7 @@ var CheckboxElement = (props) => {
|
|
|
309
312
|
style: props.styles,
|
|
310
313
|
className: props.className,
|
|
311
314
|
options,
|
|
312
|
-
value: checkedList
|
|
315
|
+
value: checkedList,
|
|
313
316
|
onChange: handleChange
|
|
314
317
|
}
|
|
315
318
|
));
|
|
@@ -976,6 +979,7 @@ var DropDownGroup = (props) => {
|
|
|
976
979
|
options: props.firstOptions,
|
|
977
980
|
className: props.className,
|
|
978
981
|
filterOption: firstFilterOptions,
|
|
982
|
+
placeholder: props.firstPlaceholder,
|
|
979
983
|
showSearch: true
|
|
980
984
|
}
|
|
981
985
|
), /* @__PURE__ */ import_react24.default.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ import_react24.default.createElement(
|
|
@@ -986,6 +990,7 @@ var DropDownGroup = (props) => {
|
|
|
986
990
|
options: props.secondOptions,
|
|
987
991
|
className: props.className,
|
|
988
992
|
filterOption: secondFilterOptions,
|
|
993
|
+
placeholder: props.secondPlaceholder,
|
|
989
994
|
showSearch: true
|
|
990
995
|
}
|
|
991
996
|
)));
|
|
@@ -1009,6 +1014,11 @@ var FileUpload = (props) => {
|
|
|
1009
1014
|
});
|
|
1010
1015
|
}
|
|
1011
1016
|
};
|
|
1017
|
+
const customRequest = ({ file, onSuccess }) => {
|
|
1018
|
+
setTimeout(() => {
|
|
1019
|
+
onSuccess("ok");
|
|
1020
|
+
}, 0);
|
|
1021
|
+
};
|
|
1012
1022
|
return /* @__PURE__ */ import_react25.default.createElement("div", null, /* @__PURE__ */ import_react25.default.createElement(
|
|
1013
1023
|
Dragger,
|
|
1014
1024
|
{
|
|
@@ -1019,7 +1029,8 @@ var FileUpload = (props) => {
|
|
|
1019
1029
|
multiple: props.multiple,
|
|
1020
1030
|
fileList: files,
|
|
1021
1031
|
onChange: handleChange,
|
|
1022
|
-
showUploadList: true
|
|
1032
|
+
showUploadList: true,
|
|
1033
|
+
customRequest
|
|
1023
1034
|
},
|
|
1024
1035
|
/* @__PURE__ */ import_react25.default.createElement("p", null, /* @__PURE__ */ import_react25.default.createElement(import_icons5.InboxOutlined, null)),
|
|
1025
1036
|
/* @__PURE__ */ import_react25.default.createElement("p", null, "Click or drag file to upload")
|
package/dist/index.mjs
CHANGED
|
@@ -203,7 +203,7 @@ var RadioElement = (props) => {
|
|
|
203
203
|
import React7, { useState as useState3 } from "react";
|
|
204
204
|
import { Checkbox } from "antd";
|
|
205
205
|
var CheckboxGroup = Checkbox.Group;
|
|
206
|
-
var defaultCheckedList = [
|
|
206
|
+
var defaultCheckedList = [];
|
|
207
207
|
var CheckboxElement = (props) => {
|
|
208
208
|
const [checkedList, setCheckedList] = useState3(defaultCheckedList);
|
|
209
209
|
const options = props.options || [];
|
|
@@ -211,7 +211,9 @@ var CheckboxElement = (props) => {
|
|
|
211
211
|
const handleChange = (list) => {
|
|
212
212
|
setCheckedList(list);
|
|
213
213
|
if (props.onChange) {
|
|
214
|
-
const selectedOptions = options.filter(
|
|
214
|
+
const selectedOptions = options.filter(
|
|
215
|
+
(option) => list.includes(option.value)
|
|
216
|
+
);
|
|
215
217
|
props.onChange(selectedOptions);
|
|
216
218
|
}
|
|
217
219
|
};
|
|
@@ -219,7 +221,8 @@ var CheckboxElement = (props) => {
|
|
|
219
221
|
const newList = e.target.checked ? options.map((option) => option.value) : [];
|
|
220
222
|
setCheckedList(newList);
|
|
221
223
|
if (props.onChange) {
|
|
222
|
-
|
|
224
|
+
const selectedOptions = e.target.checked ? options : [];
|
|
225
|
+
props.onChange(selectedOptions);
|
|
223
226
|
}
|
|
224
227
|
};
|
|
225
228
|
return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(
|
|
@@ -240,7 +243,7 @@ var CheckboxElement = (props) => {
|
|
|
240
243
|
style: props.styles,
|
|
241
244
|
className: props.className,
|
|
242
245
|
options,
|
|
243
|
-
value: checkedList
|
|
246
|
+
value: checkedList,
|
|
244
247
|
onChange: handleChange
|
|
245
248
|
}
|
|
246
249
|
));
|
|
@@ -907,6 +910,7 @@ var DropDownGroup = (props) => {
|
|
|
907
910
|
options: props.firstOptions,
|
|
908
911
|
className: props.className,
|
|
909
912
|
filterOption: firstFilterOptions,
|
|
913
|
+
placeholder: props.firstPlaceholder,
|
|
910
914
|
showSearch: true
|
|
911
915
|
}
|
|
912
916
|
), /* @__PURE__ */ React24.createElement("div", { style: { borderLeft: "1px solid gray", height: "33px" } }), /* @__PURE__ */ React24.createElement(
|
|
@@ -917,6 +921,7 @@ var DropDownGroup = (props) => {
|
|
|
917
921
|
options: props.secondOptions,
|
|
918
922
|
className: props.className,
|
|
919
923
|
filterOption: secondFilterOptions,
|
|
924
|
+
placeholder: props.secondPlaceholder,
|
|
920
925
|
showSearch: true
|
|
921
926
|
}
|
|
922
927
|
)));
|
|
@@ -940,6 +945,11 @@ var FileUpload = (props) => {
|
|
|
940
945
|
});
|
|
941
946
|
}
|
|
942
947
|
};
|
|
948
|
+
const customRequest = ({ file, onSuccess }) => {
|
|
949
|
+
setTimeout(() => {
|
|
950
|
+
onSuccess("ok");
|
|
951
|
+
}, 0);
|
|
952
|
+
};
|
|
943
953
|
return /* @__PURE__ */ React25.createElement("div", null, /* @__PURE__ */ React25.createElement(
|
|
944
954
|
Dragger,
|
|
945
955
|
{
|
|
@@ -950,7 +960,8 @@ var FileUpload = (props) => {
|
|
|
950
960
|
multiple: props.multiple,
|
|
951
961
|
fileList: files,
|
|
952
962
|
onChange: handleChange,
|
|
953
|
-
showUploadList: true
|
|
963
|
+
showUploadList: true,
|
|
964
|
+
customRequest
|
|
954
965
|
},
|
|
955
966
|
/* @__PURE__ */ React25.createElement("p", null, /* @__PURE__ */ React25.createElement(InboxOutlined, null)),
|
|
956
967
|
/* @__PURE__ */ React25.createElement("p", null, "Click or drag file to upload")
|