/* * Copyright (c) 2021-2023 Huawei Device Co., Ltd. * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ #include "bridge/declarative_frontend/jsview/js_checkboxgroup.h" #include "bridge/declarative_frontend/jsview/js_interactable_view.h" #include "bridge/declarative_frontend/jsview/js_view_common_def.h" #include "bridge/declarative_frontend/jsview/models/checkboxgroup_model_impl.h" #include "bridge/declarative_frontend/ark_theme/theme_apply/js_checkboxgroup_theme.h" #include "bridge/declarative_frontend/view_stack_processor.h" #include "core/components/checkable/checkable_component.h" #include "core/components_ng/base/view_abstract.h" #include "core/components_ng/base/view_stack_processor.h" #include "core/components_ng/pattern/checkboxgroup/checkboxgroup_model_ng.h" #include "frameworks/bridge/declarative_frontend/jsview/js_interactable_view.h" namespace OHOS::Ace { namespace { constexpr float CHECK_BOX_GROUP_MARK_SIZE_INVALID_VALUE = -1.0f; } std::unique_ptr CheckBoxGroupModel::instance_ = nullptr; std::mutex CheckBoxGroupModel::mutex_; CheckBoxGroupModel* CheckBoxGroupModel::GetInstance() { if (!instance_) { std::lock_guard lock(mutex_); if (!instance_) { #ifdef NG_BUILD instance_.reset(new NG::CheckBoxGroupModelNG()); #else if (Container::IsCurrentUseNewPipeline()) { instance_.reset(new NG::CheckBoxGroupModelNG()); } else { instance_.reset(new Framework::CheckBoxGroupModelImpl()); } #endif } } return instance_.get(); } } // namespace OHOS::Ace namespace OHOS::Ace::Framework { JSRef CheckboxGroupResultEventToJSValue(const CheckboxGroupResult& eventInfo) { JSRef obj = JSRef::New(); JSRef nameArr = JSRef::New(); std::vector nameList = eventInfo.GetNameList(); for (int idx = 0; idx < static_cast(nameList.size()); ++idx) { JSRef name = JSRef::Make(ToJSValue(nameList[idx])); nameArr->SetValueAt(idx, name); } obj->SetPropertyObject("name", nameArr); obj->SetProperty("status", eventInfo.GetStatus()); return JSRef::Cast(obj); } void JSCheckboxGroup::JSBind(BindingTarget globalObj) { JSClass::Declare("CheckboxGroup"); JSClass::StaticMethod("create", &JSCheckboxGroup::Create); JSClass::StaticMethod("selectAll", &JSCheckboxGroup::SetSelectAll); JSClass::StaticMethod("onChange", &JSCheckboxGroup::SetOnChange); JSClass::StaticMethod("selectedColor", &JSCheckboxGroup::SelectedColor); JSClass::StaticMethod("unselectedColor", &JSCheckboxGroup::UnSelectedColor); JSClass::StaticMethod("mark", &JSCheckboxGroup::Mark); JSClass::StaticMethod("responseRegion", &JSCheckboxGroup::JsResponseRegion); JSClass::StaticMethod("size", &JSCheckboxGroup::JsSize); JSClass::StaticMethod("padding", &JSCheckboxGroup::JsPadding); JSClass::StaticMethod("checkboxShape", &JSCheckboxGroup::SetCheckboxGroupStyle); JSClass::StaticMethod("onClick", &JSInteractableView::JsOnClick); JSClass::StaticMethod("onTouch", &JSInteractableView::JsOnTouch); JSClass::StaticMethod("onKeyEvent", &JSInteractableView::JsOnKey); JSClass::StaticMethod("onDeleteEvent", &JSInteractableView::JsOnDelete); JSClass::StaticMethod("onAttach", &JSInteractableView::JsOnAttach); JSClass::StaticMethod("onAppear", &JSInteractableView::JsOnAppear); JSClass::StaticMethod("onDetach", &JSInteractableView::JsOnDetach); JSClass::StaticMethod("onDisAppear", &JSInteractableView::JsOnDisAppear); JSClass::InheritAndBind(globalObj); } void JSCheckboxGroup::Create(const JSCallbackInfo& info) { std::optional checkboxGroupName = std::make_optional(""); if ((info.Length() >= 1) && info[0]->IsObject()) { auto paramObject = JSRef::Cast(info[0]); auto groupName = paramObject->GetProperty("group"); if (groupName->IsString()) { checkboxGroupName = groupName->ToString(); } } CheckBoxGroupModel::GetInstance()->Create(checkboxGroupName); JSCheckBoxGroupTheme::ApplyTheme(); } void ParseSelectAllObject(const JSCallbackInfo& info, const JSRef& changeEventVal) { CHECK_NULL_VOID(changeEventVal->IsFunction()); auto jsFunc = AceType::MakeRefPtr(JSRef(), JSRef::Cast(changeEventVal)); WeakPtr targetNode = AceType::WeakClaim(NG::ViewStackProcessor::GetInstance()->GetMainFrameNode()); auto changeEvent = [execCtx = info.GetExecutionContext(), func = std::move(jsFunc), node = targetNode]( const BaseEventInfo* info) { JAVASCRIPT_EXECUTION_SCOPE_WITH_CHECK(execCtx); const auto* eventInfo = TypeInfoHelper::DynamicCast(info); if (eventInfo) { PipelineContext::SetCallBackNode(node); if (eventInfo->GetStatus() == 0) { auto newJSVal = JSRef::Make(ToJSValue(true)); func->ExecuteJS(1, &newJSVal); } else { auto newJSVal = JSRef::Make(ToJSValue(false)); func->ExecuteJS(1, &newJSVal); } } }; CheckBoxGroupModel::GetInstance()->SetChangeEvent(std::move(changeEvent)); } void JSCheckboxGroup::SetSelectAll(const JSCallbackInfo& info) { if (info.Length() < 1 || info.Length() > 2) { return; } bool selectAll = false; if (info.Length() > 0 && info[0]->IsBoolean()) { selectAll = info[0]->ToBoolean(); } TAG_LOGD(AceLogTag::ACE_SELECT_COMPONENT, "checkboxgroup select all %{public}d", selectAll); CheckBoxGroupModel::GetInstance()->SetSelectAll(selectAll); if (info.Length() > 1 && info[1]->IsFunction()) { ParseSelectAllObject(info, info[1]); } } void JSCheckboxGroup::SetOnChange(const JSCallbackInfo& args) { if (args.Length() < 1 || !args[0]->IsFunction()) { return; } auto jsFunc = AceType::MakeRefPtr>( JSRef::Cast(args[0]), CheckboxGroupResultEventToJSValue); WeakPtr targetNode = AceType::WeakClaim(NG::ViewStackProcessor::GetInstance()->GetMainFrameNode()); auto onChange = [execCtx = args.GetExecutionContext(), func = std::move(jsFunc), node = targetNode]( const BaseEventInfo* info) { JAVASCRIPT_EXECUTION_SCOPE_WITH_CHECK(execCtx); PipelineContext::SetCallBackNode(node); const auto* eventInfo = TypeInfoHelper::DynamicCast(info); func->Execute(*eventInfo); }; CheckBoxGroupModel::GetInstance()->SetOnChange(onChange); } void JSCheckboxGroup::JsResponseRegion(const JSCallbackInfo& info) { if (!Container::IsCurrentUseNewPipeline()) { JSViewAbstract::JsResponseRegion(info); return; } if (info.Length() < 1) { return; } std::vector result; if (!JSViewAbstract::ParseJsResponseRegionArray(info[0], result)) { return; } CheckBoxGroupModel::GetInstance()->SetResponseRegion(result); } void JSCheckboxGroup::JsSize(const JSCallbackInfo& info) { if (!info[0]->IsObject()) { JSViewAbstract::JsWidth(JSVal::Undefined()); JSViewAbstract::JsHeight(JSVal::Undefined()); return; } JSRef sizeObj = JSRef::Cast(info[0]); JSViewAbstract::JsWidth(sizeObj->GetProperty("width")); JSViewAbstract::JsHeight(sizeObj->GetProperty("height")); } void JSCheckboxGroup::SelectedColor(const JSCallbackInfo& info) { if (info.Length() < 1) { return; } Color selectedColor; auto theme = GetTheme(); if (!ParseJsColor(info[0], selectedColor)) { selectedColor = theme->GetActiveColor(); } CheckBoxGroupModel::GetInstance()->SetSelectedColor(selectedColor); } void JSCheckboxGroup::UnSelectedColor(const JSCallbackInfo& info) { if (info.Length() < 1) { return; } Color unSelectedColor; auto theme = GetTheme(); if (!ParseJsColor(info[0], unSelectedColor)) { unSelectedColor = theme->GetInactiveColor(); } CheckBoxGroupModel::GetInstance()->SetUnSelectedColor(unSelectedColor); } void JSCheckboxGroup::Mark(const JSCallbackInfo& info) { if (info.Length() < 1) { return; } if (!info[0]->IsObject()) { return; } auto markObj = JSRef::Cast(info[0]); auto strokeColorValue = markObj->GetProperty("strokeColor"); auto theme = GetTheme(); Color strokeColor = theme->GetPointColor(); if (!ParseJsColor(strokeColorValue, strokeColor)) { JSCheckBoxGroupTheme::ObtainCheckMarkColor(strokeColor); } CheckBoxGroupModel::GetInstance()->SetCheckMarkColor(strokeColor); auto sizeValue = markObj->GetProperty("size"); CalcDimension size; if ((ParseJsDimensionVp(sizeValue, size)) && (size.Unit() != DimensionUnit::PERCENT) && (size.ConvertToVp() >= 0)) { CheckBoxGroupModel::GetInstance()->SetCheckMarkSize(size); } else { CheckBoxGroupModel::GetInstance()->SetCheckMarkSize(Dimension(CHECK_BOX_GROUP_MARK_SIZE_INVALID_VALUE)); } auto strokeWidthValue = markObj->GetProperty("strokeWidth"); CalcDimension strokeWidth; if ((ParseJsDimensionVp(strokeWidthValue, strokeWidth)) && (strokeWidth.Unit() != DimensionUnit::PERCENT) && (strokeWidth.ConvertToVp() >= 0)) { CheckBoxGroupModel::GetInstance()->SetCheckMarkWidth(strokeWidth); } else { CheckBoxGroupModel::GetInstance()->SetCheckMarkWidth(theme->GetCheckStroke()); } } void JSCheckboxGroup::JsPadding(const JSCallbackInfo& info) { if (info.Length() < 1) { return; } NG::PaddingPropertyF oldPadding({ 0.0f, 0.0f, 0.0f, 0.0f }); bool flag = GetOldPadding(info, oldPadding); NG::PaddingProperty newPadding = GetNewPadding(info); CheckBoxGroupModel::GetInstance()->SetPadding(oldPadding, newPadding, flag); } bool JSCheckboxGroup::GetOldPadding(const JSCallbackInfo& info, NG::PaddingPropertyF& padding) { if (info[0]->IsObject()) { JSRef jsObj = JSRef::Cast(info[0]); if (jsObj->HasProperty("top") || jsObj->HasProperty("bottom") || jsObj->HasProperty("left") || jsObj->HasProperty("right")) { CalcDimension topDimen = CalcDimension(0.0, DimensionUnit::VP); CalcDimension leftDimen = CalcDimension(0.0, DimensionUnit::VP); CalcDimension rightDimen = CalcDimension(0.0, DimensionUnit::VP); CalcDimension bottomDimen = CalcDimension(0.0, DimensionUnit::VP); ParseJsDimensionVp(jsObj->GetProperty("top"), topDimen); ParseJsDimensionVp(jsObj->GetProperty("left"), leftDimen); ParseJsDimensionVp(jsObj->GetProperty("right"), rightDimen); ParseJsDimensionVp(jsObj->GetProperty("bottom"), bottomDimen); if (leftDimen == 0.0_vp) { leftDimen = rightDimen; } if (topDimen == 0.0_vp) { topDimen = bottomDimen; } if (leftDimen == 0.0_vp) { leftDimen = topDimen; } padding.left = leftDimen.ConvertToPx(); padding.right = rightDimen.ConvertToPx(); padding.top = topDimen.ConvertToPx(); padding.bottom = bottomDimen.ConvertToPx(); return true; } } CalcDimension length; if (!ParseJsDimensionVp(info[0], length)) { return false; } padding.left = length.ConvertToPx(); padding.right = length.ConvertToPx(); padding.top = length.ConvertToPx(); padding.bottom = length.ConvertToPx(); return true; } NG::PaddingProperty JSCheckboxGroup::GetNewPadding(const JSCallbackInfo& info) { NG::PaddingProperty padding({ NG::CalcLength(0.0_vp), NG::CalcLength(0.0_vp), NG::CalcLength(0.0_vp), NG::CalcLength(0.0_vp) }); if (info[0]->IsObject()) { std::optional left; std::optional right; std::optional top; std::optional bottom; JSRef paddingObj = JSRef::Cast(info[0]); CalcDimension leftDimen; if (ParseJsDimensionVp(paddingObj->GetProperty("left"), leftDimen)) { left = leftDimen; } CalcDimension rightDimen; if (ParseJsDimensionVp(paddingObj->GetProperty("right"), rightDimen)) { right = rightDimen; } CalcDimension topDimen; if (ParseJsDimensionVp(paddingObj->GetProperty("top"), topDimen)) { top = topDimen; } CalcDimension bottomDimen; if (ParseJsDimensionVp(paddingObj->GetProperty("bottom"), bottomDimen)) { bottom = bottomDimen; } if (left.has_value() || right.has_value() || top.has_value() || bottom.has_value()) { padding = GetPadding(top, bottom, left, right); return padding; } } CalcDimension length; if (!ParseJsDimensionVp(info[0], length)) { length.Reset(); } padding.SetEdges(NG::CalcLength(length.IsNonNegative() ? length : CalcDimension())); return padding; } NG::PaddingProperty JSCheckboxGroup::GetPadding(const std::optional& top, const std::optional& bottom, const std::optional& left, const std::optional& right) { NG::PaddingProperty padding({ NG::CalcLength(0.0_vp), NG::CalcLength(0.0_vp), NG::CalcLength(0.0_vp), NG::CalcLength(0.0_vp) }); if (left.has_value()) { if (left.value().Unit() == DimensionUnit::CALC) { padding.left = NG::CalcLength( left.value().IsNonNegative() ? left.value().CalcValue() : CalcDimension().CalcValue()); } else { padding.left = NG::CalcLength(left.value().IsNonNegative() ? left.value() : CalcDimension()); } } if (right.has_value()) { if (right.value().Unit() == DimensionUnit::CALC) { padding.right = NG::CalcLength( right.value().IsNonNegative() ? right.value().CalcValue() : CalcDimension().CalcValue()); } else { padding.right = NG::CalcLength(right.value().IsNonNegative() ? right.value() : CalcDimension()); } } if (top.has_value()) { if (top.value().Unit() == DimensionUnit::CALC) { padding.top = NG::CalcLength( top.value().IsNonNegative() ? top.value().CalcValue() : CalcDimension().CalcValue()); } else { padding.top = NG::CalcLength(top.value().IsNonNegative() ? top.value() : CalcDimension()); } } if (bottom.has_value()) { if (bottom.value().Unit() == DimensionUnit::CALC) { padding.bottom = NG::CalcLength( bottom.value().IsNonNegative() ? bottom.value().CalcValue() : CalcDimension().CalcValue()); } else { padding.bottom = NG::CalcLength( bottom.value().IsNonNegative() ? bottom.value() : CalcDimension()); } } return padding; } void JSCheckboxGroup::SetCheckboxGroupStyle(int32_t checkBoxGroupStyle) { CheckBoxStyle curCheckBoxGroupStyle = static_cast(checkBoxGroupStyle); CheckBoxGroupModel::GetInstance()->SetCheckboxGroupStyle(curCheckBoxGroupStyle); } } // namespace OHOS::Ace::Framework