namirasoft-site-react 1.4.416 → 1.4.417
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.
|
@@ -15,6 +15,7 @@ export interface NSTabPageProps extends IBaseComponentProps {
|
|
|
15
15
|
export interface NSTabPageState {
|
|
16
16
|
activeTabIndex: number;
|
|
17
17
|
isClicked: boolean[];
|
|
18
|
+
info?: NSInfoProps;
|
|
18
19
|
}
|
|
19
20
|
export declare class NSTabPage extends Component<NSTabPageProps, NSTabPageState> {
|
|
20
21
|
ns_info: import("react").RefObject<NSInfo>;
|
|
@@ -11,7 +11,8 @@ export class NSTabPage extends Component {
|
|
|
11
11
|
let activeTabIndex = (_a = this.props.activeTabIndex) !== null && _a !== void 0 ? _a : 0;
|
|
12
12
|
this.state = {
|
|
13
13
|
activeTabIndex,
|
|
14
|
-
isClicked: this.props.tabs.map((tab, index) => tab.clicked || activeTabIndex === index)
|
|
14
|
+
isClicked: this.props.tabs.map((tab, index) => tab.clicked || activeTabIndex === index),
|
|
15
|
+
info: undefined
|
|
15
16
|
};
|
|
16
17
|
}
|
|
17
18
|
setClicked(indices, callback) {
|
|
@@ -28,18 +29,20 @@ export class NSTabPage extends Component {
|
|
|
28
29
|
let isClicked = this.state.isClicked;
|
|
29
30
|
isClicked[index] = true;
|
|
30
31
|
this.setState({ activeTabIndex: index, isClicked });
|
|
31
|
-
}, children: [tab.title, (((_a = tab.info) === null || _a === void 0 ? void 0 : _a.text) || ((_b = tab.info) === null || _b === void 0 ? void 0 : _b.link)) &&
|
|
32
|
-
|
|
32
|
+
}, children: [tab.title, (this.state.activeTabIndex === index && (((_a = tab.info) === null || _a === void 0 ? void 0 : _a.text) || ((_b = tab.info) === null || _b === void 0 ? void 0 : _b.link))) &&
|
|
33
|
+
_jsx(_Fragment, { children: _jsx("img", { src: "https://static.namirasoft.com/image/concept/info/white-blue.svg", onClick: () => {
|
|
34
|
+
this.setState({ info: tab.info }, () => {
|
|
33
35
|
var _a;
|
|
34
36
|
(_a = this.ns_info.current) === null || _a === void 0 ? void 0 : _a.onClick();
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
});
|
|
38
|
+
}, alt: "info", width: 24, height: 24, style: {
|
|
39
|
+
cursor: "pointer",
|
|
40
|
+
marginLeft: "8px"
|
|
41
|
+
} }) })] }, `NSTabPage_li_key_${index}`));
|
|
39
42
|
}) }), _jsx("div", { id: (_c = this.props.container) === null || _c === void 0 ? void 0 : _c.id, className: (_f = (_e = (_d = this.props.container) === null || _d === void 0 ? void 0 : _d.classList) === null || _e === void 0 ? void 0 : _e.join(" ")) !== null && _f !== void 0 ? _f : "", style: Object.assign({}, (_g = this.props.container) === null || _g === void 0 ? void 0 : _g.style), children: this.props.tabs.map((tab, index) => {
|
|
40
43
|
var _a, _b;
|
|
41
44
|
return (_jsx("div", { id: tab.id, className: `${Styles.ns_tab_content_column} ${(_b = (_a = tab.classList) === null || _a === void 0 ? void 0 : _a.join(" ")) !== null && _b !== void 0 ? _b : ""}`, style: Object.assign(Object.assign({}, tab.style), { display: index === this.state.activeTabIndex ? "flex" : "none" }), children: this.state.isClicked[index] ? tab.getContent() : _jsx(_Fragment, {}) }, `NSTabPage_div_key_${this.props.name}_${index}`));
|
|
42
|
-
}) })] }));
|
|
45
|
+
}) }), _jsx(NSInfo, Object.assign({ ref: this.ns_info }, this.state.info))] }));
|
|
43
46
|
}
|
|
44
47
|
}
|
|
45
48
|
//# sourceMappingURL=NSTabPage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSTabPage.js","sourceRoot":"","sources":["../../src/components/NSTabPage.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAe,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"NSTabPage.js","sourceRoot":"","sources":["../../src/components/NSTabPage.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -23,6 +23,7 @@ export interface NSTabPageState
|
|
|
23
23
|
{
|
|
24
24
|
activeTabIndex: number;
|
|
25
25
|
isClicked: boolean[];
|
|
26
|
+
info?: NSInfoProps;
|
|
26
27
|
}
|
|
27
28
|
|
|
28
29
|
export class NSTabPage extends Component<NSTabPageProps, NSTabPageState>
|
|
@@ -34,7 +35,8 @@ export class NSTabPage extends Component<NSTabPageProps, NSTabPageState>
|
|
|
34
35
|
let activeTabIndex = this.props.activeTabIndex ?? 0;
|
|
35
36
|
this.state = {
|
|
36
37
|
activeTabIndex,
|
|
37
|
-
isClicked: this.props.tabs.map((tab, index) => tab.clicked || activeTabIndex === index)
|
|
38
|
+
isClicked: this.props.tabs.map((tab, index) => tab.clicked || activeTabIndex === index),
|
|
39
|
+
info: undefined
|
|
38
40
|
};
|
|
39
41
|
}
|
|
40
42
|
setClicked(indices: number[], callback: () => void)
|
|
@@ -66,13 +68,16 @@ export class NSTabPage extends Component<NSTabPageProps, NSTabPageState>
|
|
|
66
68
|
>
|
|
67
69
|
{tab.title}
|
|
68
70
|
{
|
|
69
|
-
(tab.info?.text || tab.info?.link) &&
|
|
71
|
+
(this.state.activeTabIndex === index && (tab.info?.text || tab.info?.link)) &&
|
|
70
72
|
<>
|
|
71
73
|
<img
|
|
72
74
|
src="https://static.namirasoft.com/image/concept/info/white-blue.svg"
|
|
73
75
|
onClick={() =>
|
|
74
76
|
{
|
|
75
|
-
this.
|
|
77
|
+
this.setState({ info: tab.info }, () =>
|
|
78
|
+
{
|
|
79
|
+
this.ns_info.current?.onClick();
|
|
80
|
+
})
|
|
76
81
|
}}
|
|
77
82
|
alt="info"
|
|
78
83
|
width={24}
|
|
@@ -82,10 +87,6 @@ export class NSTabPage extends Component<NSTabPageProps, NSTabPageState>
|
|
|
82
87
|
marginLeft: "8px"
|
|
83
88
|
}}
|
|
84
89
|
/>
|
|
85
|
-
<NSInfo
|
|
86
|
-
ref={this.ns_info}
|
|
87
|
-
{...tab.info}
|
|
88
|
-
/>
|
|
89
90
|
</>
|
|
90
91
|
}
|
|
91
92
|
</li>
|
|
@@ -112,6 +113,10 @@ export class NSTabPage extends Component<NSTabPageProps, NSTabPageState>
|
|
|
112
113
|
))
|
|
113
114
|
}
|
|
114
115
|
</div>
|
|
116
|
+
<NSInfo
|
|
117
|
+
ref={this.ns_info}
|
|
118
|
+
{...this.state.info}
|
|
119
|
+
/>
|
|
115
120
|
</div>
|
|
116
121
|
);
|
|
117
122
|
}
|