1 /*
2  * Copyright (c) 2021-2023 Huawei Device Co., Ltd.
3  * Licensed under the Apache License, Version 2.0 (the "License");
4  * you may not use this file except in compliance with the License.
5  * You may obtain a copy of the License at
6  *
7  *     http://www.apache.org/licenses/LICENSE-2.0
8  *
9  * Unless required by applicable law or agreed to in writing, software
10  * distributed under the License is distributed on an "AS IS" BASIS,
11  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12  * See the License for the specific language governing permissions and
13  * limitations under the License.
14  */
15 
16 #include "bridge/declarative_frontend/jsview/js_badge.h"
17 
18 #include "base/geometry/dimension.h"
19 #include "base/log/ace_trace.h"
20 #include "base/utils/utils.h"
21 #include "bridge/declarative_frontend/ark_theme/theme_apply/js_theme.h"
22 #include "bridge/declarative_frontend/ark_theme/theme_apply/js_theme_utils.h"
23 #include "core/components/common/layout/grid_container_info.h"
24 #include "core/components_ng/pattern/badge/badge_model_ng.h"
25 #include "frameworks/bridge/declarative_frontend/jsview/models/badge_model_impl.h"
26 
27 namespace OHOS::Ace {
28 std::unique_ptr<BadgeModel> BadgeModel::instance_ = nullptr;
29 std::mutex BadgeModel::mutex_;
30 
GetInstance()31 BadgeModel* BadgeModel::GetInstance()
32 {
33     if (!instance_) {
34         std::lock_guard<std::mutex> lock(mutex_);
35         if (!instance_) {
36 #ifdef NG_BUILD
37             instance_.reset(new NG::BadgeModelNG());
38 #else
39             if (Container::IsCurrentUseNewPipeline()) {
40                 instance_.reset(new NG::BadgeModelNG());
41             } else {
42                 instance_.reset(new Framework::BadgeModelImpl());
43             }
44 #endif
45         }
46     }
47     return instance_.get();
48 }
49 } // namespace OHOS::Ace
50 
51 namespace OHOS::Ace::Framework {
Create(const JSCallbackInfo & info)52 void JSBadge::Create(const JSCallbackInfo& info)
53 {
54     if (!info[0]->IsObject()) {
55         return;
56     }
57 
58     BadgeParameters badgeParameters = CreateBadgeParameters(info);
59     BadgeModel::GetInstance()->Create(badgeParameters);
60 }
61 
CreateBadgeParameters(const JSCallbackInfo & info)62 BadgeParameters JSBadge::CreateBadgeParameters(const JSCallbackInfo& info)
63 {
64     BadgeParameters badgeParameters;
65     if (!info[0]->IsObject()) {
66         return badgeParameters;
67     }
68 
69     auto themeColors = JSThemeUtils::GetThemeColors();
70 
71     auto badgeTheme = GetTheme<BadgeTheme>();
72     CHECK_NULL_RETURN(badgeTheme, BadgeParameters());
73     auto obj = JSRef<JSObject>::Cast(info[0]);
74     auto value = obj->GetProperty("value");
75     if (!value->IsNull() && value->IsString()) {
76         auto label = value->ToString();
77         badgeParameters.badgeValue = label;
78     }
79 
80     auto position = obj->GetProperty("position");
81     if (!position->IsNull() && position->IsNumber()) {
82         badgeParameters.isPositionXy = false;
83         badgeParameters.badgePosition = position->ToNumber<int32_t>();
84     } else if (!position->IsNull() && position->IsObject()) {
85         badgeParameters.isPositionXy = true;
86         auto postionValue = JSRef<JSObject>::Cast(position);
87         JSRef<JSVal> xVal = postionValue->GetProperty("x");
88         JSRef<JSVal> yVal = postionValue->GetProperty("y");
89         CalcDimension dimenX;
90         CalcDimension dimenY;
91         bool xResult = ParseJsDimensionVp(xVal, dimenX);
92         bool yResult = ParseJsDimensionVp(yVal, dimenY);
93         if (!(xResult || yResult)) {
94             badgeParameters.badgePositionX = badgeTheme->GetBadgePositionX();
95             badgeParameters.badgePositionY = badgeTheme->GetBadgePositionY();
96         } else {
97             badgeParameters.badgePositionX = dimenX;
98             badgeParameters.badgePositionY = dimenY;
99         }
100     }
101 
102     auto style = obj->GetProperty("style");
103     if (!style->IsNull() && style->IsObject()) {
104         auto value = JSRef<JSObject>::Cast(style);
105         JSRef<JSVal> colorValue = value->GetProperty("color");
106         JSRef<JSVal> fontSizeValue = value->GetProperty("fontSize");
107         JSRef<JSVal> badgeSizeValue = value->GetProperty("badgeSize");
108         JSRef<JSVal> badgeColorValue = value->GetProperty("badgeColor");
109         JSRef<JSVal> borderColorValue = value->GetProperty("borderColor");
110         JSRef<JSVal> borderWidthValue = value->GetProperty("borderWidth");
111         JSRef<JSVal> fontWeightValue = value->GetProperty("fontWeight");
112 
113         bool isDefaultFontSize = true;
114         bool isDefaultBadgeSize = true;
115 
116         Color colorVal;
117         if (ParseJsColor(colorValue, colorVal)) {
118             badgeParameters.badgeTextColor = colorVal;
119         } else {
120             if (themeColors) {
121                 badgeParameters.badgeTextColor = themeColors->FontOnPrimary();
122             }
123         }
124 
125         CalcDimension fontSize;
126         if (ParseJsDimensionNG(fontSizeValue, fontSize, DimensionUnit::FP)) {
127             if (fontSize.IsNonNegative() && fontSize.Unit() != DimensionUnit::PERCENT) {
128                 badgeParameters.badgeFontSize = fontSize;
129                 isDefaultFontSize = false;
130             } else {
131                 badgeParameters.badgeFontSize = badgeTheme->GetBadgeFontSize();
132             }
133         } else if (!fontSizeValue->IsUndefined()) {
134             badgeParameters.badgeFontSize = badgeTheme->GetBadgeFontSize();
135         } else {
136             badgeParameters.badgeFontSize = UNDEFINED_DIMENSION;
137         }
138 
139         CalcDimension badgeSize;
140         if (ParseJsDimensionNG(badgeSizeValue, badgeSize, DimensionUnit::FP)) {
141             if (badgeSize.IsNonNegative() && badgeSize.Unit() != DimensionUnit::PERCENT) {
142                 badgeParameters.badgeCircleSize = badgeSize;
143                 isDefaultBadgeSize = false;
144             } else {
145                 badgeParameters.badgeCircleSize = badgeTheme->GetBadgeCircleSize();
146             }
147         } else {
148             badgeParameters.badgeCircleSize = badgeTheme->GetBadgeCircleSize();
149         }
150 
151         BadgeModel::GetInstance()->SetIsDefault(isDefaultFontSize, isDefaultBadgeSize);
152         Color color;
153         if (ParseJsColor(badgeColorValue, color)) {
154             badgeParameters.badgeColor = color;
155         } else {
156             if (themeColors) {
157                 badgeParameters.badgeColor = themeColors->Warning();
158             }
159         }
160 
161         CalcDimension borderWidth;
162         if (ParseJsDimensionVp(borderWidthValue, borderWidth)) {
163             if (borderWidth.IsNonNegative() && borderWidth.Unit() != DimensionUnit::PERCENT) {
164                 badgeParameters.badgeBorderWidth = borderWidth;
165             } else {
166                 badgeParameters.badgeBorderWidth = badgeTheme->GetBadgeBorderWidth();
167             }
168         } else {
169             badgeParameters.badgeBorderWidth = badgeTheme->GetBadgeBorderWidth();
170         }
171 
172         Color borderColor;
173         if (ParseJsColor(borderColorValue, borderColor)) {
174             badgeParameters.badgeBorderColor = borderColor;
175         } else {
176             badgeParameters.badgeBorderColor = themeColors ? themeColors->Warning() : badgeTheme->GetBadgeBorderColor();
177         }
178 
179         std::string fontWeight;
180         if (fontWeightValue->IsNumber()) {
181             fontWeight = std::to_string(fontWeightValue->ToNumber<int32_t>());
182         } else {
183             if (!ParseJsString(fontWeightValue, fontWeight)) {
184                 badgeParameters.badgeFontWeight = FontWeight::NORMAL;
185             }
186         }
187         badgeParameters.badgeFontWeight = ConvertStrToFontWeight(fontWeight);
188     }
189 
190     auto count = obj->GetProperty("count");
191     if (!count->IsNull() && count->IsNumber()) {
192         badgeParameters.badgeCount = count->ToNumber<int32_t>();
193     }
194     auto maxCount = obj->GetProperty("maxCount");
195     if (!maxCount->IsNull() && maxCount->IsNumber()) {
196         badgeParameters.badgeMaxCount = maxCount->ToNumber<int32_t>();
197     } else {
198         badgeParameters.badgeMaxCount = badgeTheme->GetMaxCount();
199     }
200 
201     return badgeParameters;
202 }
203 
JSBind(BindingTarget globalObj)204 void JSBadge::JSBind(BindingTarget globalObj)
205 {
206     JSClass<JSBadge>::Declare("Badge");
207 
208     MethodOptions opt = MethodOptions::NONE;
209     JSClass<JSBadge>::StaticMethod("create", &JSBadge::Create, opt);
210     JSClass<JSBadge>::StaticMethod("onTouch", &JSInteractableView::JsOnTouch);
211     JSClass<JSBadge>::StaticMethod("onAttach", &JSInteractableView::JsOnAttach);
212     JSClass<JSBadge>::StaticMethod("onAppear", &JSInteractableView::JsOnAppear);
213     JSClass<JSBadge>::StaticMethod("onDetach", &JSInteractableView::JsOnDetach);
214     JSClass<JSBadge>::StaticMethod("onDisAppear", &JSInteractableView::JsOnDisAppear);
215 
216     JSClass<JSBadge>::InheritAndBind<JSContainerBase>(globalObj);
217 }
218 } // namespace OHOS::Ace::Framework
219