namirasoft-site-react 1.3.313 → 1.3.314
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.
|
@@ -80,7 +80,7 @@ export class NSBoxEntity extends React.Component {
|
|
|
80
80
|
if (this.state.items == null) {
|
|
81
81
|
return _jsx(NSLoading, {});
|
|
82
82
|
}
|
|
83
|
-
return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${Styles.ns_input_parent}`, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx(Select, { mode: this.props.multiple ? "multiple" : undefined,
|
|
83
|
+
return (_jsx(_Fragment, { children: _jsxs("div", { id: this.props.id, className: `${Styles.ns_input_parent}`, children: [_jsxs("span", { className: Styles.ns_input_title, children: [" ", this.props.required && _jsx("span", { style: { color: "red" }, children: "*" }), " ", this.props.title, " "] }), _jsx(Select, { mode: this.props.multiple ? "multiple" : undefined, className: Styles.ns_input_entity, placeholder: this.props.placeholder, onChange: this.onChanged, onClick: () => this.props.onClicked, optionLabelProp: "label", options: (_a = this.state.items_string) !== null && _a !== void 0 ? _a : [], optionRender: (option) => (_jsx(Space, { className: Styles.ns_input_select_option, children: option.data.desc })), suffixIcon: _jsx("img", { src: IconSelectBox, alt: "SelectBox Icon" }) }), _jsx(NSBoxErrorNotifier, { error: this.state.error, clearError: () => this.setState({ error: "" }) })] }) }));
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
86
|
//# sourceMappingURL=NSBoxEntity.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxEntity.js","sourceRoot":"","sources":["../../src/components/NSBoxEntity.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AACrC,OAAO,aAAa,MAAM,sCAAsC,CAAC;AAGjE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"NSBoxEntity.js","sourceRoot":"","sources":["../../src/components/NSBoxEntity.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -11,14 +11,12 @@ import { BaseOptionType } from "antd/es/select";
|
|
|
11
11
|
import { FilterItem } from "namirasoft-core";
|
|
12
12
|
import { NSLoading } from "./NSLoading";
|
|
13
13
|
|
|
14
|
-
interface INSBoxEntitOption extends BaseOptionType
|
|
15
|
-
{
|
|
14
|
+
interface INSBoxEntitOption extends BaseOptionType {
|
|
16
15
|
desc: string;
|
|
17
16
|
value: string;
|
|
18
17
|
}
|
|
19
18
|
|
|
20
|
-
export interface INSBoxEntityProps<Data> extends IBaseComponentProps, IValidationProps
|
|
21
|
-
{
|
|
19
|
+
export interface INSBoxEntityProps<Data> extends IBaseComponentProps, IValidationProps {
|
|
22
20
|
title: string;
|
|
23
21
|
placeholder?: string;
|
|
24
22
|
defaultValue?: string;
|
|
@@ -30,8 +28,7 @@ export interface INSBoxEntityProps<Data> extends IBaseComponentProps, IValidatio
|
|
|
30
28
|
getText: (item: Data) => string;
|
|
31
29
|
}
|
|
32
30
|
|
|
33
|
-
export interface INSBoxEntityState<Data>
|
|
34
|
-
{
|
|
31
|
+
export interface INSBoxEntityState<Data> {
|
|
35
32
|
items: Data[] | null;
|
|
36
33
|
items_string: INSBoxEntitOption[] | null;
|
|
37
34
|
value: Data | null;
|
|
@@ -39,10 +36,8 @@ export interface INSBoxEntityState<Data>
|
|
|
39
36
|
error?: string;
|
|
40
37
|
}
|
|
41
38
|
|
|
42
|
-
export class NSBoxEntity<Data> extends React.Component<INSBoxEntityProps<Data>, INSBoxEntityState<Data>>
|
|
43
|
-
{
|
|
44
|
-
constructor(props: INSBoxEntityProps<Data>)
|
|
45
|
-
{
|
|
39
|
+
export class NSBoxEntity<Data> extends React.Component<INSBoxEntityProps<Data>, INSBoxEntityState<Data>> {
|
|
40
|
+
constructor(props: INSBoxEntityProps<Data>) {
|
|
46
41
|
super(props);
|
|
47
42
|
this.state = {
|
|
48
43
|
items: null,
|
|
@@ -56,79 +51,62 @@ export class NSBoxEntity<Data> extends React.Component<INSBoxEntityProps<Data>,
|
|
|
56
51
|
this.getValue = this.getValue.bind(this);
|
|
57
52
|
this.onChanged = this.onChanged.bind(this);
|
|
58
53
|
}
|
|
59
|
-
getError(value: Data | null): string | null
|
|
60
|
-
{
|
|
54
|
+
getError(value: Data | null): string | null {
|
|
61
55
|
let value_string = value == null ? "" : this.props.getValue(value);
|
|
62
56
|
return (
|
|
63
57
|
Validator.getError(this.props.title, value_string, this.props)
|
|
64
58
|
);
|
|
65
59
|
}
|
|
66
|
-
getValue(): Data | null
|
|
67
|
-
{
|
|
60
|
+
getValue(): Data | null {
|
|
68
61
|
let error = this.getError(this.state.value);
|
|
69
|
-
if (error)
|
|
70
|
-
{
|
|
62
|
+
if (error) {
|
|
71
63
|
this.setState({ error });
|
|
72
64
|
throw new Error(error);
|
|
73
65
|
}
|
|
74
66
|
return this.state.value;
|
|
75
67
|
}
|
|
76
|
-
getValues(): Data[]
|
|
77
|
-
|
|
78
|
-
this.state.values.forEach(value =>
|
|
79
|
-
{
|
|
68
|
+
getValues(): Data[] {
|
|
69
|
+
this.state.values.forEach(value => {
|
|
80
70
|
let error = this.getError(value);
|
|
81
|
-
if (error)
|
|
82
|
-
{
|
|
71
|
+
if (error) {
|
|
83
72
|
this.setState({ error });
|
|
84
73
|
throw new Error(error);
|
|
85
74
|
}
|
|
86
75
|
});
|
|
87
76
|
return this.state.values;
|
|
88
77
|
}
|
|
89
|
-
setValue(value: Data | null): void
|
|
90
|
-
|
|
91
|
-
this.setState({ value }, () =>
|
|
92
|
-
{
|
|
78
|
+
setValue(value: Data | null): void {
|
|
79
|
+
this.setState({ value }, () => {
|
|
93
80
|
if (this.props.onChanged)
|
|
94
81
|
this.props.onChanged(this);
|
|
95
82
|
});
|
|
96
83
|
}
|
|
97
|
-
setValues(values: Data[]): void
|
|
98
|
-
|
|
99
|
-
this.setState({ values }, () =>
|
|
100
|
-
{
|
|
84
|
+
setValues(values: Data[]): void {
|
|
85
|
+
this.setState({ values }, () => {
|
|
101
86
|
if (this.props.onChanged)
|
|
102
87
|
this.props.onChanged(this);
|
|
103
88
|
});
|
|
104
89
|
}
|
|
105
|
-
private onChanged(value: string | null | string[]): void
|
|
106
|
-
{
|
|
90
|
+
private onChanged(value: string | null | string[]): void {
|
|
107
91
|
if (this.state.items)
|
|
108
|
-
if (this.props.multiple)
|
|
109
|
-
{
|
|
92
|
+
if (this.props.multiple) {
|
|
110
93
|
let string_values = value as string[];
|
|
111
94
|
let ds = this.state.items.filter(item => string_values.includes(this.props.getValue(item))) ?? [];
|
|
112
95
|
this.setValues(ds);
|
|
113
96
|
}
|
|
114
|
-
else
|
|
115
|
-
{
|
|
97
|
+
else {
|
|
116
98
|
let d = this.state.items.find(item => this.props.getValue(item) === value) ?? null;
|
|
117
99
|
this.setValue(d);
|
|
118
100
|
}
|
|
119
101
|
}
|
|
120
|
-
override componentDidMount()
|
|
121
|
-
|
|
122
|
-
this.props.getItems([], null, null).then(items =>
|
|
123
|
-
{
|
|
102
|
+
override componentDidMount() {
|
|
103
|
+
this.props.getItems([], null, null).then(items => {
|
|
124
104
|
let items_string = items.rows.map(item => { return { value: this.props.getValue(item), desc: this.props.getText(item) } });
|
|
125
105
|
this.setState({ items: items.rows, items_string });
|
|
126
106
|
}).catch(() => { });
|
|
127
107
|
}
|
|
128
|
-
override render()
|
|
129
|
-
|
|
130
|
-
if (this.state.items == null)
|
|
131
|
-
{
|
|
108
|
+
override render() {
|
|
109
|
+
if (this.state.items == null) {
|
|
132
110
|
// todo
|
|
133
111
|
return <NSLoading></NSLoading>
|
|
134
112
|
}
|
|
@@ -138,7 +116,6 @@ export class NSBoxEntity<Data> extends React.Component<INSBoxEntityProps<Data>,
|
|
|
138
116
|
<span className={Styles.ns_input_title}> {this.props.required && <span style={{ color: "red" }} >*</span>} {this.props.title} </span>
|
|
139
117
|
<Select
|
|
140
118
|
mode={this.props.multiple ? "multiple" : undefined}
|
|
141
|
-
style={{ width: '100%' }}
|
|
142
119
|
className={Styles.ns_input_entity}
|
|
143
120
|
placeholder={this.props.placeholder}
|
|
144
121
|
onChange={this.onChanged}
|