pds-dev-kit-web 0.3.40 → 0.3.41
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/src/common/services/i18n/resources/en.json +12 -1
- package/dist/src/common/services/i18n/resources/es.json +12 -1
- package/dist/src/common/services/i18n/resources/index.d.ts +44 -0
- package/dist/src/common/services/i18n/resources/jp.json +12 -1
- package/dist/src/common/services/i18n/resources/ko.json +12 -1
- package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +3 -1
- package/dist/src/common/styles/colorSet/PaletteColor_light.json +3 -1
- package/dist/src/common/styles/colorSet/UIColor.json +5 -1
- package/dist/src/common/styles/colorSet/index.d.ts +64 -56
- package/dist/src/common/styles/colorSet/index.js +2 -2
- package/dist/src/common/styles/colorSet/ui-type.d.ts +4 -0
- package/dist/src/common/styles/ui-colors.js +1 -1
- package/dist/src/hybrid/components/ImageView/ImageView.d.ts +2 -1
- package/dist/src/hybrid/components/ImageView/ImageView.js +4 -4
- package/package.json +1 -1
|
@@ -2765,6 +2765,17 @@
|
|
|
2765
2765
|
"str_papp_magazine_featured_user": "피쳐드 유저",
|
|
2766
2766
|
"str_papp_magazine_level": "등급",
|
|
2767
2767
|
"str_papp_magazine_level_up": "등업",
|
|
2768
|
-
"str_1583": "{{expirationDate}}에 갱신 또는 만료 예정"
|
|
2768
|
+
"str_1583": "{{expirationDate}}에 갱신 또는 만료 예정",
|
|
2769
|
+
"str_channel_operator_account": "채널 관리자 계정",
|
|
2770
|
+
"str_profile_channel_operator": "관리자 프로필",
|
|
2771
|
+
"str_1584": "라이브 이벤트 정보를 표시하기에 적합한 나이가 아닙니다.\n본인 인증을 수행하고 싶으시다면, [본인 인증] 버튼을 눌러주세요.",
|
|
2772
|
+
"str_1585": "사용하고자 하는 메뉴의 표시 제목을 입력해 주세요.",
|
|
2773
|
+
"str_1586": "이어서 주문을 진행하려면\n[$t(str_1267)] 버튼을 클릭하세요.",
|
|
2774
|
+
"str_papp_photobook": "포토북 pApp",
|
|
2775
|
+
"str_papp_photobook_name": "포토북",
|
|
2776
|
+
"str_papp_photobook_id": "포토북",
|
|
2777
|
+
"str_papp_photobook_board": "게시판",
|
|
2778
|
+
"str_papp_photobook_post": "게시글",
|
|
2779
|
+
"str_papp_photobook_comment": "댓글"
|
|
2769
2780
|
}
|
|
2770
2781
|
}
|
|
@@ -2765,6 +2765,17 @@
|
|
|
2765
2765
|
"str_papp_magazine_featured_user": "피쳐드 유저",
|
|
2766
2766
|
"str_papp_magazine_level": "등급",
|
|
2767
2767
|
"str_papp_magazine_level_up": "등업",
|
|
2768
|
-
"str_1583": "{{expirationDate}}에 갱신 또는 만료 예정"
|
|
2768
|
+
"str_1583": "{{expirationDate}}에 갱신 또는 만료 예정",
|
|
2769
|
+
"str_channel_operator_account": "채널 관리자 계정",
|
|
2770
|
+
"str_profile_channel_operator": "관리자 프로필",
|
|
2771
|
+
"str_1584": "라이브 이벤트 정보를 표시하기에 적합한 나이가 아닙니다.\n본인 인증을 수행하고 싶으시다면, [본인 인증] 버튼을 눌러주세요.",
|
|
2772
|
+
"str_1585": "사용하고자 하는 메뉴의 표시 제목을 입력해 주세요.",
|
|
2773
|
+
"str_1586": "이어서 주문을 진행하려면\n[$t(str_1267)] 버튼을 클릭하세요.",
|
|
2774
|
+
"str_papp_photobook": "포토북 pApp",
|
|
2775
|
+
"str_papp_photobook_name": "포토북",
|
|
2776
|
+
"str_papp_photobook_id": "포토북",
|
|
2777
|
+
"str_papp_photobook_board": "게시판",
|
|
2778
|
+
"str_papp_photobook_post": "게시글",
|
|
2779
|
+
"str_papp_photobook_comment": "댓글"
|
|
2769
2780
|
}
|
|
2770
2781
|
}
|
|
@@ -2767,6 +2767,17 @@ declare const locale: {
|
|
|
2767
2767
|
str_papp_magazine_level: string;
|
|
2768
2768
|
str_papp_magazine_level_up: string;
|
|
2769
2769
|
str_1583: string;
|
|
2770
|
+
str_channel_operator_account: string;
|
|
2771
|
+
str_profile_channel_operator: string;
|
|
2772
|
+
str_1584: string;
|
|
2773
|
+
str_1585: string;
|
|
2774
|
+
str_1586: string;
|
|
2775
|
+
str_papp_photobook: string;
|
|
2776
|
+
str_papp_photobook_name: string;
|
|
2777
|
+
str_papp_photobook_id: string;
|
|
2778
|
+
str_papp_photobook_board: string;
|
|
2779
|
+
str_papp_photobook_post: string;
|
|
2780
|
+
str_papp_photobook_comment: string;
|
|
2770
2781
|
};
|
|
2771
2782
|
};
|
|
2772
2783
|
readonly en: {
|
|
@@ -5537,6 +5548,17 @@ declare const locale: {
|
|
|
5537
5548
|
str_papp_magazine_level: string;
|
|
5538
5549
|
str_papp_magazine_level_up: string;
|
|
5539
5550
|
str_1583: string;
|
|
5551
|
+
str_channel_operator_account: string;
|
|
5552
|
+
str_profile_channel_operator: string;
|
|
5553
|
+
str_1584: string;
|
|
5554
|
+
str_1585: string;
|
|
5555
|
+
str_1586: string;
|
|
5556
|
+
str_papp_photobook: string;
|
|
5557
|
+
str_papp_photobook_name: string;
|
|
5558
|
+
str_papp_photobook_id: string;
|
|
5559
|
+
str_papp_photobook_board: string;
|
|
5560
|
+
str_papp_photobook_post: string;
|
|
5561
|
+
str_papp_photobook_comment: string;
|
|
5540
5562
|
};
|
|
5541
5563
|
};
|
|
5542
5564
|
readonly jp: {
|
|
@@ -8307,6 +8329,17 @@ declare const locale: {
|
|
|
8307
8329
|
str_papp_magazine_level: string;
|
|
8308
8330
|
str_papp_magazine_level_up: string;
|
|
8309
8331
|
str_1583: string;
|
|
8332
|
+
str_channel_operator_account: string;
|
|
8333
|
+
str_profile_channel_operator: string;
|
|
8334
|
+
str_1584: string;
|
|
8335
|
+
str_1585: string;
|
|
8336
|
+
str_1586: string;
|
|
8337
|
+
str_papp_photobook: string;
|
|
8338
|
+
str_papp_photobook_name: string;
|
|
8339
|
+
str_papp_photobook_id: string;
|
|
8340
|
+
str_papp_photobook_board: string;
|
|
8341
|
+
str_papp_photobook_post: string;
|
|
8342
|
+
str_papp_photobook_comment: string;
|
|
8310
8343
|
};
|
|
8311
8344
|
};
|
|
8312
8345
|
readonly es: {
|
|
@@ -11077,6 +11110,17 @@ declare const locale: {
|
|
|
11077
11110
|
str_papp_magazine_level: string;
|
|
11078
11111
|
str_papp_magazine_level_up: string;
|
|
11079
11112
|
str_1583: string;
|
|
11113
|
+
str_channel_operator_account: string;
|
|
11114
|
+
str_profile_channel_operator: string;
|
|
11115
|
+
str_1584: string;
|
|
11116
|
+
str_1585: string;
|
|
11117
|
+
str_1586: string;
|
|
11118
|
+
str_papp_photobook: string;
|
|
11119
|
+
str_papp_photobook_name: string;
|
|
11120
|
+
str_papp_photobook_id: string;
|
|
11121
|
+
str_papp_photobook_board: string;
|
|
11122
|
+
str_papp_photobook_post: string;
|
|
11123
|
+
str_papp_photobook_comment: string;
|
|
11080
11124
|
};
|
|
11081
11125
|
};
|
|
11082
11126
|
};
|
|
@@ -2765,6 +2765,17 @@
|
|
|
2765
2765
|
"str_papp_magazine_featured_user": "피쳐드 유저",
|
|
2766
2766
|
"str_papp_magazine_level": "등급",
|
|
2767
2767
|
"str_papp_magazine_level_up": "등업",
|
|
2768
|
-
"str_1583": "{{expirationDate}}에 갱신 또는 만료 예정"
|
|
2768
|
+
"str_1583": "{{expirationDate}}에 갱신 또는 만료 예정",
|
|
2769
|
+
"str_channel_operator_account": "채널 관리자 계정",
|
|
2770
|
+
"str_profile_channel_operator": "관리자 프로필",
|
|
2771
|
+
"str_1584": "라이브 이벤트 정보를 표시하기에 적합한 나이가 아닙니다.\n본인 인증을 수행하고 싶으시다면, [본인 인증] 버튼을 눌러주세요.",
|
|
2772
|
+
"str_1585": "사용하고자 하는 메뉴의 표시 제목을 입력해 주세요.",
|
|
2773
|
+
"str_1586": "이어서 주문을 진행하려면\n[$t(str_1267)] 버튼을 클릭하세요.",
|
|
2774
|
+
"str_papp_photobook": "포토북 pApp",
|
|
2775
|
+
"str_papp_photobook_name": "포토북",
|
|
2776
|
+
"str_papp_photobook_id": "포토북",
|
|
2777
|
+
"str_papp_photobook_board": "게시판",
|
|
2778
|
+
"str_papp_photobook_post": "게시글",
|
|
2779
|
+
"str_papp_photobook_comment": "댓글"
|
|
2769
2780
|
}
|
|
2770
2781
|
}
|
|
@@ -2765,6 +2765,17 @@
|
|
|
2765
2765
|
"str_papp_magazine_featured_user": "피쳐드 유저",
|
|
2766
2766
|
"str_papp_magazine_level": "등급",
|
|
2767
2767
|
"str_papp_magazine_level_up": "등업",
|
|
2768
|
-
"str_1583": "{{expirationDate}}에 갱신 또는 만료 예정"
|
|
2768
|
+
"str_1583": "{{expirationDate}}에 갱신 또는 만료 예정",
|
|
2769
|
+
"str_channel_operator_account": "채널 관리자 계정",
|
|
2770
|
+
"str_profile_channel_operator": "관리자 프로필",
|
|
2771
|
+
"str_1584": "라이브 이벤트 정보를 표시하기에 적합한 나이가 아닙니다.\n본인 인증을 수행하고 싶으시다면, [본인 인증] 버튼을 눌러주세요.",
|
|
2772
|
+
"str_1585": "사용하고자 하는 메뉴의 표시 제목을 입력해 주세요.",
|
|
2773
|
+
"str_1586": "이어서 주문을 진행하려면\n[$t(str_1267)] 버튼을 클릭하세요.",
|
|
2774
|
+
"str_papp_photobook": "포토북 pApp",
|
|
2775
|
+
"str_papp_photobook_name": "포토북",
|
|
2776
|
+
"str_papp_photobook_id": "포토북",
|
|
2777
|
+
"str_papp_photobook_board": "게시판",
|
|
2778
|
+
"str_papp_photobook_post": "게시글",
|
|
2779
|
+
"str_papp_photobook_comment": "댓글"
|
|
2769
2780
|
}
|
|
2770
2781
|
}
|
|
@@ -115,5 +115,7 @@
|
|
|
115
115
|
"sys_component_base_green": "darkgreen700",
|
|
116
116
|
"sys_text_error_darktheme_01": "darkred500",
|
|
117
117
|
"sys_border_line_darktheme_03": "darkred500",
|
|
118
|
-
"sys_border_line_darktheme_04": "darkblue500"
|
|
118
|
+
"sys_border_line_darktheme_04": "darkblue500",
|
|
119
|
+
"usr_widget_brand_primary_darktheme_01": "darkblue500",
|
|
120
|
+
"usr_text_brand_primary_darktheme_01": "darkblue500"
|
|
119
121
|
}
|
|
@@ -115,5 +115,7 @@
|
|
|
115
115
|
"sys_component_base_green": "green700",
|
|
116
116
|
"sys_text_error_darktheme_01": "darkred500",
|
|
117
117
|
"sys_border_line_darktheme_03": "darkred500",
|
|
118
|
-
"sys_border_line_darktheme_04": "darkblue500"
|
|
118
|
+
"sys_border_line_darktheme_04": "darkblue500",
|
|
119
|
+
"usr_widget_brand_primary_darktheme_01": "darkblue500",
|
|
120
|
+
"usr_text_brand_primary_darktheme_01": "darkblue500"
|
|
119
121
|
}
|
|
@@ -426,5 +426,9 @@
|
|
|
426
426
|
"ui_cpnt_dropdown_border_darktheme_normal": "sys_border_line_darktheme_01",
|
|
427
427
|
"ui_cpnt_dropdown_border_darktheme_focus": "sys_border_line_darktheme_04",
|
|
428
428
|
"ui_cpnt_dropdown_base_darktheme_disabled": "sys_component_base_darktheme_01",
|
|
429
|
-
"ui_cpnt_sheet_base": "sys_component_base_01"
|
|
429
|
+
"ui_cpnt_sheet_base": "sys_component_base_01",
|
|
430
|
+
"ui_cpnt_button_icon_darktheme_default": "sys_widget_grey_darktheme_02",
|
|
431
|
+
"ui_cpnt_button_icon_darktheme_primary": "usr_widget_brand_primary_darktheme_01",
|
|
432
|
+
"ui_cpnt_button_text_darktheme_default": "sys_text_grey_darktheme_02",
|
|
433
|
+
"ui_cpnt_button_text_darktheme_primary": "usr_text_brand_primary_darktheme_01"
|
|
430
434
|
}
|
|
@@ -1,5 +1,59 @@
|
|
|
1
1
|
declare const colorSet: {
|
|
2
|
-
readonly
|
|
2
|
+
readonly SemanticColor: {
|
|
3
|
+
blue500: string;
|
|
4
|
+
blue700: string;
|
|
5
|
+
blue300: string;
|
|
6
|
+
green700: string;
|
|
7
|
+
green500: string;
|
|
8
|
+
green300: string;
|
|
9
|
+
red500: string;
|
|
10
|
+
grey900: string;
|
|
11
|
+
grey500: string;
|
|
12
|
+
grey400: string;
|
|
13
|
+
grey100: string;
|
|
14
|
+
grey50: string;
|
|
15
|
+
white: string;
|
|
16
|
+
black: string;
|
|
17
|
+
darkblue500: string;
|
|
18
|
+
grey950: string;
|
|
19
|
+
darkgrey900: string;
|
|
20
|
+
darkgrey500: string;
|
|
21
|
+
darkgrey400: string;
|
|
22
|
+
darkgrey100: string;
|
|
23
|
+
darkgrey50: string;
|
|
24
|
+
darkred500: string;
|
|
25
|
+
darkgreen700: string;
|
|
26
|
+
orange500: string;
|
|
27
|
+
darkorange500: string;
|
|
28
|
+
opacity00: string;
|
|
29
|
+
opacity20: string;
|
|
30
|
+
opacity30: string;
|
|
31
|
+
opacity65: string;
|
|
32
|
+
darkgreen500: string;
|
|
33
|
+
grey70: string;
|
|
34
|
+
navy500: string;
|
|
35
|
+
lightgreen500: string;
|
|
36
|
+
pink500: string;
|
|
37
|
+
darkgrey70: string;
|
|
38
|
+
darknavy500: string;
|
|
39
|
+
darkpink500: string;
|
|
40
|
+
darklightgreen500: string;
|
|
41
|
+
opacity10: string;
|
|
42
|
+
grey600: string;
|
|
43
|
+
darkgrey600: string;
|
|
44
|
+
skyblue500: string;
|
|
45
|
+
skyblue300: string;
|
|
46
|
+
pink300: string;
|
|
47
|
+
lightpink500: string;
|
|
48
|
+
darkblue300: string;
|
|
49
|
+
darkblue700: string;
|
|
50
|
+
darkgreen300: string;
|
|
51
|
+
darkskyblue500: string;
|
|
52
|
+
navy100: string;
|
|
53
|
+
darknavy100: string;
|
|
54
|
+
opacity80: string;
|
|
55
|
+
};
|
|
56
|
+
readonly PaletteColor_light: {
|
|
3
57
|
sys_container_background_01: string;
|
|
4
58
|
sys_container_background_02: string;
|
|
5
59
|
sys_container_background_03: string;
|
|
@@ -117,62 +171,10 @@ declare const colorSet: {
|
|
|
117
171
|
sys_text_error_darktheme_01: string;
|
|
118
172
|
sys_border_line_darktheme_03: string;
|
|
119
173
|
sys_border_line_darktheme_04: string;
|
|
174
|
+
usr_widget_brand_primary_darktheme_01: string;
|
|
175
|
+
usr_text_brand_primary_darktheme_01: string;
|
|
120
176
|
};
|
|
121
|
-
readonly
|
|
122
|
-
blue500: string;
|
|
123
|
-
blue700: string;
|
|
124
|
-
blue300: string;
|
|
125
|
-
green700: string;
|
|
126
|
-
green500: string;
|
|
127
|
-
green300: string;
|
|
128
|
-
red500: string;
|
|
129
|
-
grey900: string;
|
|
130
|
-
grey500: string;
|
|
131
|
-
grey400: string;
|
|
132
|
-
grey100: string;
|
|
133
|
-
grey50: string;
|
|
134
|
-
white: string;
|
|
135
|
-
black: string;
|
|
136
|
-
darkblue500: string;
|
|
137
|
-
grey950: string;
|
|
138
|
-
darkgrey900: string;
|
|
139
|
-
darkgrey500: string;
|
|
140
|
-
darkgrey400: string;
|
|
141
|
-
darkgrey100: string;
|
|
142
|
-
darkgrey50: string;
|
|
143
|
-
darkred500: string;
|
|
144
|
-
darkgreen700: string;
|
|
145
|
-
orange500: string;
|
|
146
|
-
darkorange500: string;
|
|
147
|
-
opacity00: string;
|
|
148
|
-
opacity20: string;
|
|
149
|
-
opacity30: string;
|
|
150
|
-
opacity65: string;
|
|
151
|
-
darkgreen500: string;
|
|
152
|
-
grey70: string;
|
|
153
|
-
navy500: string;
|
|
154
|
-
lightgreen500: string;
|
|
155
|
-
pink500: string;
|
|
156
|
-
darkgrey70: string;
|
|
157
|
-
darknavy500: string;
|
|
158
|
-
darkpink500: string;
|
|
159
|
-
darklightgreen500: string;
|
|
160
|
-
opacity10: string;
|
|
161
|
-
grey600: string;
|
|
162
|
-
darkgrey600: string;
|
|
163
|
-
skyblue500: string;
|
|
164
|
-
skyblue300: string;
|
|
165
|
-
pink300: string;
|
|
166
|
-
lightpink500: string;
|
|
167
|
-
darkblue300: string;
|
|
168
|
-
darkblue700: string;
|
|
169
|
-
darkgreen300: string;
|
|
170
|
-
darkskyblue500: string;
|
|
171
|
-
navy100: string;
|
|
172
|
-
darknavy100: string;
|
|
173
|
-
opacity80: string;
|
|
174
|
-
};
|
|
175
|
-
readonly PaletteColor_light: {
|
|
177
|
+
readonly PaletteColor_Dark: {
|
|
176
178
|
sys_container_background_01: string;
|
|
177
179
|
sys_container_background_02: string;
|
|
178
180
|
sys_container_background_03: string;
|
|
@@ -290,6 +292,8 @@ declare const colorSet: {
|
|
|
290
292
|
sys_text_error_darktheme_01: string;
|
|
291
293
|
sys_border_line_darktheme_03: string;
|
|
292
294
|
sys_border_line_darktheme_04: string;
|
|
295
|
+
usr_widget_brand_primary_darktheme_01: string;
|
|
296
|
+
usr_text_brand_primary_darktheme_01: string;
|
|
293
297
|
};
|
|
294
298
|
readonly UIColor: {
|
|
295
299
|
ui_cpnt_button_fill_base_primary: string;
|
|
@@ -720,6 +724,10 @@ declare const colorSet: {
|
|
|
720
724
|
ui_cpnt_dropdown_border_darktheme_focus: string;
|
|
721
725
|
ui_cpnt_dropdown_base_darktheme_disabled: string;
|
|
722
726
|
ui_cpnt_sheet_base: string;
|
|
727
|
+
ui_cpnt_button_icon_darktheme_default: string;
|
|
728
|
+
ui_cpnt_button_icon_darktheme_primary: string;
|
|
729
|
+
ui_cpnt_button_text_darktheme_default: string;
|
|
730
|
+
ui_cpnt_button_text_darktheme_primary: string;
|
|
723
731
|
};
|
|
724
732
|
};
|
|
725
733
|
export default colorSet;
|
|
@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
/* eslint-disable import/order */
|
|
7
|
-
var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
|
|
8
7
|
var SemanticColor_json_1 = __importDefault(require("./SemanticColor.json"));
|
|
9
8
|
var PaletteColor_light_json_1 = __importDefault(require("./PaletteColor_light.json"));
|
|
9
|
+
var PaletteColor_Dark_json_1 = __importDefault(require("./PaletteColor_Dark.json"));
|
|
10
10
|
var UIColor_json_1 = __importDefault(require("./UIColor.json"));
|
|
11
11
|
var colorSet = {
|
|
12
|
-
PaletteColor_Dark: PaletteColor_Dark_json_1.default,
|
|
13
12
|
SemanticColor: SemanticColor_json_1.default,
|
|
14
13
|
PaletteColor_light: PaletteColor_light_json_1.default,
|
|
14
|
+
PaletteColor_Dark: PaletteColor_Dark_json_1.default,
|
|
15
15
|
UIColor: UIColor_json_1.default
|
|
16
16
|
};
|
|
17
17
|
exports.default = colorSet;
|
|
@@ -427,4 +427,8 @@ export interface UITheme {
|
|
|
427
427
|
ui_cpnt_dropdown_border_darktheme_focus: string;
|
|
428
428
|
ui_cpnt_dropdown_base_darktheme_disabled: string;
|
|
429
429
|
ui_cpnt_sheet_base: string;
|
|
430
|
+
ui_cpnt_button_icon_darktheme_default: string;
|
|
431
|
+
ui_cpnt_button_icon_darktheme_primary: string;
|
|
432
|
+
ui_cpnt_button_text_darktheme_default: string;
|
|
433
|
+
ui_cpnt_button_text_darktheme_primary: string;
|
|
430
434
|
}
|
|
@@ -5,9 +5,10 @@ export declare type ImageViewProps = {
|
|
|
5
5
|
radius?: 8 | 16 | 24;
|
|
6
6
|
width?: number | 'responsive';
|
|
7
7
|
height?: number;
|
|
8
|
+
noImageHeight?: number;
|
|
8
9
|
ratio?: '16_9' | '9_16' | '16_10' | '10_16' | '4_3' | '3_4' | '1_1' | 'auto';
|
|
9
10
|
scaleType?: 'fill' | 'contain' | 'cover' | 'none';
|
|
10
11
|
borderMode?: 'use' | 'none';
|
|
11
12
|
};
|
|
12
|
-
declare const ImageView: ({ src, shapeType, radius, width, height, ratio, scaleType, borderMode }: ImageViewProps) => JSX.Element;
|
|
13
|
+
declare const ImageView: ({ src, shapeType, radius, width, height, noImageHeight, ratio, scaleType, borderMode }: ImageViewProps) => JSX.Element;
|
|
13
14
|
export default ImageView;
|
|
@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
10
10
|
var react_1 = __importDefault(require("react"));
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
var ImageView = function (_a) {
|
|
13
|
-
var src = _a.src, _b = _a.shapeType, shapeType = _b === void 0 ? 'round' : _b, _c = _a.radius, radius = _c === void 0 ? 8 : _c, _d = _a.width, width = _d === void 0 ? 'responsive' : _d, height = _a.height, _e = _a.ratio, ratio = _e === void 0 ? 'auto' : _e, _f = _a.scaleType, scaleType = _f === void 0 ? 'none' : _f, _g = _a.borderMode, borderMode = _g === void 0 ? 'none' : _g;
|
|
13
|
+
var src = _a.src, _b = _a.shapeType, shapeType = _b === void 0 ? 'round' : _b, _c = _a.radius, radius = _c === void 0 ? 8 : _c, _d = _a.width, width = _d === void 0 ? 'responsive' : _d, height = _a.height, noImageHeight = _a.noImageHeight, _e = _a.ratio, ratio = _e === void 0 ? 'auto' : _e, _f = _a.scaleType, scaleType = _f === void 0 ? 'none' : _f, _g = _a.borderMode, borderMode = _g === void 0 ? 'none' : _g;
|
|
14
14
|
return (react_1.default.createElement(S_ImageViewWrapper, { "$width": width },
|
|
15
|
-
react_1.default.createElement(S_ImageView, { "$src": src, shapeType: shapeType, radius: radius, "$width": width, "$height": height, ratio: ratio, scaleType: scaleType, borderMode: borderMode }, ratio === 'auto' && react_1.default.createElement(S_ImageViewImg, { src: src, scaleType: scaleType }))));
|
|
15
|
+
react_1.default.createElement(S_ImageView, { "$src": src, shapeType: shapeType, radius: radius, "$width": width, "$height": height, noImageHeight: noImageHeight, ratio: ratio, scaleType: scaleType, borderMode: borderMode }, ratio === 'auto' && react_1.default.createElement(S_ImageViewImg, { src: src, scaleType: scaleType }))));
|
|
16
16
|
};
|
|
17
17
|
var S_ImageViewWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n min-width: ", ";\n width: ", ";\n"], ["\n min-width: ", ";\n width: ", ";\n"])), function (_a) {
|
|
18
18
|
var $width = _a.$width;
|
|
@@ -31,8 +31,8 @@ var S_ImageView = styled_components_1.default.div(templateObject_2 || (templateO
|
|
|
31
31
|
var $height = _a.$height, ratio = _a.ratio;
|
|
32
32
|
return ratio === 'auto' && $height && "height: " + $height + "px";
|
|
33
33
|
}, function (_a) {
|
|
34
|
-
var $height = _a.$height, ratio = _a.ratio;
|
|
35
|
-
return ratio === 'auto' && $height && "min-height: " + $height + "px";
|
|
34
|
+
var $height = _a.$height, noImageHeight = _a.noImageHeight, ratio = _a.ratio;
|
|
35
|
+
return ratio === 'auto' && ($height || noImageHeight) && "min-height: " + ($height || noImageHeight) + "px";
|
|
36
36
|
}, function (_a) {
|
|
37
37
|
var borderMode = _a.borderMode, theme = _a.theme;
|
|
38
38
|
return borderMode === 'use' && "border: 1px solid " + theme.ui_profile_image_border;
|