@react-native-ohos/react-native-svg 15.12.1-rc.1 → 15.12.1-rc.10

package/harmony/svg/build/default/cache/default/default@PackageHar/src/main/cpp/componentInstances/RNSVGClipPathComponentInstance.cpp

@@ -0,0 +1,23 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+#include "RNSVGClipPathComponentInstance.h"
+#include <react/renderer/components/react_native_svg/Props.h>
+
+namespace rnoh {
+namespace svg {
+
+RNSVGClipPathComponentInstance::RNSVGClipPathComponentInstance(Context context)
+    : RNSVGBaseComponentInstance(std::move(context)) {
+    SetSvgNode(m_svgClipPath);
+}
+
+void RNSVGClipPathComponentInstance::UpdateElementProps() {
+    m_svgClipPath->UpdateCommonProps(m_props);
+}
+
+} // namespace svg
+} // namespace rnoh

package/harmony/svg/build/default/cache/default/default@PackageHar/src/main/cpp/componentInstances/RNSVGClipPathComponentInstance.h

@@ -0,0 +1,27 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+#pragma once
+
+#include "RNSVGBaseComponentInstance.h"
+#include "SvgClipPath.h"
+
+namespace rnoh {
+namespace svg {
+
+class RNSVGClipPathComponentInstance : public RNSVGBaseComponentInstance<facebook::react::RNSVGClipPathShadowNode> {
+public:
+    explicit RNSVGClipPathComponentInstance(Context context);
+
+protected:
+    void UpdateElementProps() override;
+
+private:
+    std::shared_ptr<SvgClipPath> m_svgClipPath = std::make_shared<SvgClipPath>();
+};
+
+} // namespace svg
+} // namespace rnoh

package/harmony/svg/build/default/cache/default/default@PackageHar/src/main/cpp/componentInstances/RNSVGDefsComponentInstance.cpp

@@ -0,0 +1,23 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+#include "RNSVGDefsComponentInstance.h"
+#include "SvgDefs.h"
+
+namespace rnoh {
+namespace svg {
+
+RNSVGDefsComponentInstance::RNSVGDefsComponentInstance(Context context)
+    : RNSVGBaseComponentInstance(std::move(context)) {
+    SetSvgNode(m_svgDefs);
+}
+
+void RNSVGDefsComponentInstance::UpdateElementProps() {
+    m_svgDefs->UpdateHrefRenderProps(m_props);
+}
+
+} // namespace svg
+} // namespace rnoh

package/harmony/svg/build/default/cache/default/default@PackageHar/src/main/cpp/componentInstances/RNSVGDefsComponentInstance.h

@@ -0,0 +1,28 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+#pragma once
+
+#include "RNSVGBaseComponentInstance.h"
+#include "SvgDefs.h"
+
+namespace rnoh {
+namespace svg {
+
+class RNSVGDefsComponentInstance : public RNSVGBaseComponentInstance<facebook::react::RNSVGDefsShadowNode> {
+
+public:
+    explicit RNSVGDefsComponentInstance(Context context);
+
+protected:
+    void UpdateElementProps() override;
+
+private:
+    std::shared_ptr<SvgDefs> m_svgDefs = std::make_shared<SvgDefs>();
+};
+
+} // namespace svg
+} // namespace rnoh

package/harmony/svg/build/default/cache/default/default@PackageHar/src/main/cpp/componentInstances/RNSVGEllipseComponentInstance.cpp

@@ -0,0 +1,27 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+#include "RNSVGEllipseComponentInstance.h"
+#include "utils/DynamicUtils.h"
+
+namespace rnoh {
+namespace svg {
+
+RNSVGEllipseComponentInstance::RNSVGEllipseComponentInstance(Context context)
+    : RNSVGBaseComponentInstance(std::move(context)) {
+    SetSvgNode(m_svgEllipse);
+}
+
+void RNSVGEllipseComponentInstance::UpdateElementProps() {
+    m_svgEllipse->UpdateCommonProps(m_props);
+    m_svgEllipse->SetCX(DynamicUtils::DynamicToString(m_props->cx));
+    m_svgEllipse->SetCY(DynamicUtils::DynamicToString(m_props->cy));
+    m_svgEllipse->SetRX(DynamicUtils::DynamicToString(m_props->rx));
+    m_svgEllipse->SetRY(DynamicUtils::DynamicToString(m_props->ry));
+}
+
+} // namespace svg
+} // namespace rnoh

package/harmony/svg/build/default/cache/default/default@PackageHar/src/main/cpp/componentInstances/RNSVGEllipseComponentInstance.h

@@ -0,0 +1,27 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+#pragma once
+
+#include "RNSVGBaseComponentInstance.h"
+#include "SvgEllipse.h"
+
+namespace rnoh {
+namespace svg {
+
+class RNSVGEllipseComponentInstance : public RNSVGBaseComponentInstance<facebook::react::RNSVGEllipseShadowNode> {
+public:
+    explicit RNSVGEllipseComponentInstance(Context context);
+
+protected:
+    void UpdateElementProps() override;
+
+private:
+    std::shared_ptr<SvgEllipse> m_svgEllipse = std::make_shared<SvgEllipse>();
+};
+
+} // namespace svg
+} // namespace rnoh

package/harmony/svg/build/default/cache/default/default@PackageHar/src/main/cpp/componentInstances/RNSVGFeBlendComponentInstance.cpp

@@ -0,0 +1,40 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+#include "RNSVGFeBlendComponentInstance.h"
+#include "utils/DynamicUtils.h"
+#include <glog/logging.h>
+
+namespace facebook::react {
+    // Forward declaration for toString function
+    static inline std::string toString(const RNSVGFeBlendMode &value);
+}
+
+namespace rnoh {
+namespace svg {
+
+RNSVGFeBlendComponentInstance::RNSVGFeBlendComponentInstance(Context context)
+    : RNSVGBaseComponentInstance(std::move(context)) {}
+
+void RNSVGFeBlendComponentInstance::onPropsChanged(SharedConcreteProps const &props) {
+    if (props) {
+        x_ = DynamicUtils::DynamicToString(props->x);
+        y_ = DynamicUtils::DynamicToString(props->y);
+        width_ = DynamicUtils::DynamicToString(props->width);
+        height_ = DynamicUtils::DynamicToString(props->height);
+        in_ = props->in1;
+        in2_ = props->in2;
+        mode_ = facebook::react::toString(props->mode);
+        result_ = props->result;
+    }
+}
+
+void RNSVGFeBlendComponentInstance::UpdateElementProps() {}
+
+void RNSVGFeBlendComponentInstance::extractAttributes() {}
+
+} // namespace svg
+} // namespace rnoh

package/harmony/svg/build/default/cache/default/default@PackageHar/src/main/cpp/componentInstances/RNSVGFeBlendComponentInstance.h

@@ -0,0 +1,48 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+#pragma once
+
+#include "RNSVGBaseComponentInstance.h"
+#include <react/renderer/components/react_native_svg/ShadowNodes.h>
+
+
+namespace rnoh {
+namespace svg {
+
+class RNSVGFeBlendComponentInstance : public RNSVGBaseComponentInstance<facebook::react::RNSVGFeBlendShadowNode> {
+public:
+    using SharedConcreteProps = std::shared_ptr<const facebook::react::RNSVGFeBlendProps>;
+
+    RNSVGFeBlendComponentInstance(Context context);
+
+    void onPropsChanged(SharedConcreteProps const &props) override;
+    void UpdateElementProps() override;
+
+    std::string getIn() const { return in_; }
+    std::string getIn2() const { return in2_; }
+    std::string getMode() const { return mode_; }
+    std::string getResult() const { return result_; }
+    std::string getX() const { return x_; }
+    std::string getY() const { return y_; }
+    std::string getWidth() const { return width_; }
+    std::string getHeight() const { return height_; }
+
+private:
+    std::string x_ = "0";
+    std::string y_ = "0";
+    std::string width_ = "0";
+    std::string height_ = "0";
+    std::string in_ = "SourceGraphic";
+    std::string in2_ = "";
+    std::string mode_ = "normal";
+    std::string result_ = "";
+    
+    void extractAttributes();
+};
+
+} // namespace svg
+} // namespace rnoh

package/harmony/svg/build/default/cache/default/default@PackageHar/src/main/cpp/componentInstances/RNSVGFeColorMatrixComponentInstance.cpp

@@ -0,0 +1,33 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+#include "RNSVGFeColorMatrixComponentInstance.h"
+#include "utils/DynamicUtils.h"
+#include <glog/logging.h>
+
+namespace rnoh {
+namespace svg {
+
+RNSVGFeColorMatrixComponentInstance::RNSVGFeColorMatrixComponentInstance(Context context)
+    : RNSVGBaseComponentInstance(std::move(context)) {}
+
+void RNSVGFeColorMatrixComponentInstance::onPropsChanged(SharedConcreteProps const &props) {
+    if (props) {
+        type_ = facebook::react::toString(props->type);
+        in_ = props->in1;
+        values_ = std::vector<float>(props->values.begin(), props->values.end());
+        x_ = DynamicUtils::DynamicToString(props->x);
+        y_ = DynamicUtils::DynamicToString(props->y);
+        width_ = DynamicUtils::DynamicToString(props->width);
+        height_ = DynamicUtils::DynamicToString(props->height);
+        result_ = props->result;
+    }
+}
+
+void RNSVGFeColorMatrixComponentInstance::UpdateElementProps() {}
+
+} // namespace svg
+} // namespace rnoh

package/harmony/svg/build/default/cache/default/default@PackageHar/src/main/cpp/componentInstances/RNSVGFeColorMatrixComponentInstance.h

@@ -0,0 +1,48 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+#pragma once
+
+#include "RNSVGBaseComponentInstance.h"
+#include <react/renderer/components/react_native_svg/ShadowNodes.h>
+
+
+namespace rnoh {
+namespace svg {
+
+class RNSVGFeColorMatrixComponentInstance : public RNSVGBaseComponentInstance<facebook::react::RNSVGFeColorMatrixShadowNode> {
+public:
+    using SharedConcreteProps = std::shared_ptr<const facebook::react::RNSVGFeColorMatrixProps>;
+
+    RNSVGFeColorMatrixComponentInstance(Context context);
+
+    void onPropsChanged(SharedConcreteProps const &props) override;
+    void UpdateElementProps() override;
+    
+    std::string getX() const { return x_; }
+    std::string getY() const { return y_; }
+    std::string getWidth() const { return width_; }
+    std::string getHeight() const { return height_; }
+    std::string getResult() const { return result_; }
+    std::string getType() const { return type_; }
+    std::string getIn() const { return in_; }
+    std::vector<float> getValues() const { return values_; }
+
+private:
+    std::string x_ = "0";
+    std::string y_ = "0";
+    std::string width_ = "0";
+    std::string height_ = "0";
+    std::string result_ = "";
+    std::string type_ = "saturate";
+    std::string in_ = "SourceGraphic";
+    std::vector<float> values_ = {1.0f};
+    
+    void extractAttributes();
+};
+
+} // namespace svg
+} // namespace rnoh

package/harmony/svg/build/default/cache/default/default@PackageHar/src/main/cpp/componentInstances/RNSVGFeCompositeComponentInstance.cpp

@@ -0,0 +1,39 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+#include "RNSVGFeCompositeComponentInstance.h"
+#include "utils/DynamicUtils.h"
+#include <glog/logging.h>
+
+namespace rnoh {
+namespace svg {
+
+RNSVGFeCompositeComponentInstance::RNSVGFeCompositeComponentInstance(Context context)
+    : RNSVGBaseComponentInstance(std::move(context)) {}
+
+void RNSVGFeCompositeComponentInstance::onPropsChanged(SharedConcreteProps const &props) {
+    if (props) {
+        x_ = DynamicUtils::DynamicToString(props->x);
+        y_ = DynamicUtils::DynamicToString(props->y);
+        width_ = DynamicUtils::DynamicToString(props->width);
+        height_ = DynamicUtils::DynamicToString(props->height);
+        in_ = props->in1;
+        in2_ = props->in2;
+        operator_ = facebook::react::toString(props->operator1);
+        result_ = props->result;
+        k1_ = std::to_string(props->k1);
+        k2_ = std::to_string(props->k2);
+        k3_ = std::to_string(props->k3);
+        k4_ = std::to_string(props->k4);
+    }
+}
+
+void RNSVGFeCompositeComponentInstance::UpdateElementProps() {}
+
+void RNSVGFeCompositeComponentInstance::extractAttributes() {}
+
+} // namespace svg
+} // namespace rnoh

package/harmony/svg/build/default/cache/default/default@PackageHar/src/main/cpp/componentInstances/RNSVGFeCompositeComponentInstance.h

@@ -0,0 +1,55 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+#pragma once
+
+#include "RNSVGBaseComponentInstance.h"
+#include <react/renderer/components/react_native_svg/ShadowNodes.h>
+
+
+namespace rnoh {
+namespace svg {
+
+class RNSVGFeCompositeComponentInstance : public RNSVGBaseComponentInstance<facebook::react::RNSVGFeCompositeShadowNode> {
+public:
+    using SharedConcreteProps = std::shared_ptr<const facebook::react::RNSVGFeCompositeProps>;
+
+    RNSVGFeCompositeComponentInstance(Context context);
+
+    void onPropsChanged(SharedConcreteProps const &props) override;
+    void UpdateElementProps() override;
+    
+    std::string getIn() const { return in_; }
+    std::string getIn2() const { return in2_; }
+    std::string getOperator() const { return operator_; }
+    std::string getResult() const { return result_; }
+    std::string getK1() const { return k1_; }
+    std::string getK2() const { return k2_; }
+    std::string getK3() const { return k3_; }
+    std::string getK4() const { return k4_; }
+    std::string getX() const { return x_; }
+    std::string getY() const { return y_; }
+    std::string getWidth() const { return width_; }
+    std::string getHeight() const { return height_; }
+
+private:
+    std::string x_ = "0";
+    std::string y_ = "0";
+    std::string width_ = "0";
+    std::string height_ = "0";
+    std::string in_ = "SourceGraphic";
+    std::string in2_ = "";
+    std::string operator_ = "over";
+    std::string result_ = "";
+    std::string k1_ = "0";
+    std::string k2_ = "0";
+    std::string k3_ = "0";
+    std::string k4_ = "0";
+    void extractAttributes();
+};
+
+} // namespace svg
+} // namespace rnoh

package/harmony/svg/build/default/cache/default/default@PackageHar/src/main/cpp/componentInstances/RNSVGFeFloodComponentInstance.cpp

@@ -0,0 +1,33 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+#include "RNSVGFeFloodComponentInstance.h"
+#include "utils/DynamicUtils.h"
+#include <glog/logging.h>
+
+namespace rnoh {
+namespace svg {
+
+RNSVGFeFloodComponentInstance::RNSVGFeFloodComponentInstance(Context context)
+    : RNSVGBaseComponentInstance(std::move(context)) {}
+
+void RNSVGFeFloodComponentInstance::onPropsChanged(SharedConcreteProps const &props) {
+    if (props) {
+        x_ = DynamicUtils::DynamicToString(props->x);
+        y_ = DynamicUtils::DynamicToString(props->y);
+        width_ = DynamicUtils::DynamicToString(props->width);
+        height_ = DynamicUtils::DynamicToString(props->height);
+        result_ = props->result;
+        floodColor_ = DynamicUtils::DynamicToString(props->floodColor);
+        floodOpacity_ = props->floodOpacity;
+    }
+}
+
+void RNSVGFeFloodComponentInstance::UpdateElementProps() {}
+void RNSVGFeFloodComponentInstance::extractAttributes() {}
+
+} // namespace svg
+} // namespace rnoh

package/harmony/svg/build/default/cache/default/default@PackageHar/src/main/cpp/componentInstances/RNSVGFeFloodComponentInstance.h

@@ -0,0 +1,49 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+#pragma once
+
+#include "RNSVGBaseComponentInstance.h"
+#include <react/renderer/components/react_native_svg/ShadowNodes.h>
+#include <react/renderer/components/react_native_svg/Props.h>
+
+namespace rnoh {
+namespace svg {
+
+class RNSVGFeFloodComponentInstance : public RNSVGBaseComponentInstance<facebook::react::RNSVGFeFloodShadowNode> {
+public:
+    using SharedConcreteProps = std::shared_ptr<const facebook::react::RNSVGFeFloodProps>;
+
+    RNSVGFeFloodComponentInstance(Context context);
+    virtual ~RNSVGFeFloodComponentInstance() = default;
+
+    void onPropsChanged(SharedConcreteProps const &props) override;
+    void UpdateElementProps() override;
+    
+    std::string getX() const { return x_; }
+    std::string getY() const { return y_; }
+    std::string getWidth() const { return width_; }
+    std::string getHeight() const { return height_; }
+    std::string getResult() const { return result_; }
+    std::string getIn() const { return in_; }
+    std::string getFloodColor() const { return floodColor_; }
+    float getFloodOpacity() const { return floodOpacity_; }
+
+private:
+    std::string x_ = "0";
+    std::string y_ = "0";
+    std::string width_ = "0";
+    std::string height_ = "0";
+    std::string result_ = "";
+    std::string in_ = "SourceGraphic";
+    std::string floodColor_{};
+    float floodOpacity_ = 1.0f;
+    
+    void extractAttributes();
+};
+
+} // namespace svg
+} // namespace rnoh

package/harmony/svg/build/default/cache/default/default@PackageHar/src/main/cpp/componentInstances/RNSVGFeGaussianBlurComponentInstance.cpp

@@ -0,0 +1,34 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+#include "RNSVGFeGaussianBlurComponentInstance.h"
+#include "utils/DynamicUtils.h"
+#include <glog/logging.h>
+
+namespace rnoh {
+namespace svg {
+
+RNSVGFeGaussianBlurComponentInstance::RNSVGFeGaussianBlurComponentInstance(Context context)
+    : RNSVGBaseComponentInstance(std::move(context)) {}
+
+void RNSVGFeGaussianBlurComponentInstance::onPropsChanged(SharedConcreteProps const &props) {
+    if (props) {
+        x_ = DynamicUtils::DynamicToString(props->x);
+        y_ = DynamicUtils::DynamicToString(props->y);
+        width_ = DynamicUtils::DynamicToString(props->width);
+        height_ = DynamicUtils::DynamicToString(props->height);
+        in_ = props->in1;
+        stdDeviationX_ = props->stdDeviationX;
+        stdDeviationY_ = props->stdDeviationY;
+        edgeMode_ = facebook::react::toString(props->edgeMode);
+        result_ = props->result;
+    }
+}
+
+void RNSVGFeGaussianBlurComponentInstance::UpdateElementProps() {}
+
+} // namespace svg
+} // namespace rnoh

package/harmony/svg/build/default/cache/default/default@PackageHar/src/main/cpp/componentInstances/RNSVGFeGaussianBlurComponentInstance.h

@@ -0,0 +1,48 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+#pragma once
+
+#include "RNSVGBaseComponentInstance.h"
+#include <react/renderer/components/react_native_svg/ShadowNodes.h>
+
+
+namespace rnoh {
+namespace svg {
+
+class RNSVGFeGaussianBlurComponentInstance : public RNSVGBaseComponentInstance<facebook::react::RNSVGFeGaussianBlurShadowNode> {
+public:
+    using SharedConcreteProps = std::shared_ptr<const facebook::react::RNSVGFeGaussianBlurProps>;
+
+    RNSVGFeGaussianBlurComponentInstance(Context context);
+
+    void onPropsChanged(SharedConcreteProps const &props) override;
+    void UpdateElementProps() override;
+
+    std::string getIn() const { return in_; }
+    float getStdDeviationX() const { return stdDeviationX_; }
+    float getStdDeviationY() const { return stdDeviationY_; }
+    std::string getEdgeMode() const { return edgeMode_; }
+    std::string getResult() const { return result_; }
+    std::string getX() const { return x_; }
+    std::string getY() const { return y_; }
+    std::string getWidth() const { return width_; }
+    std::string getHeight() const { return height_; }
+
+private:
+    std::string x_ = "0";
+    std::string y_ = "0";
+    std::string width_ = "0";
+    std::string height_ = "0";
+    std::string in_ = "";
+    float stdDeviationX_ = 0.0f;
+    float stdDeviationY_ = 0.0f;
+    std::string edgeMode_ = "";
+    std::string result_ = "";
+};
+
+} // namespace svg
+} // namespace rnoh

package/harmony/svg/build/default/cache/default/default@PackageHar/src/main/cpp/componentInstances/RNSVGFeOffsetComponentInstance.cpp

@@ -0,0 +1,35 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+#include "RNSVGFeOffsetComponentInstance.h"
+#include "utils/DynamicUtils.h"
+#include <glog/logging.h>
+
+namespace rnoh {
+namespace svg {
+
+RNSVGFeOffsetComponentInstance::RNSVGFeOffsetComponentInstance(Context context)
+    : RNSVGBaseComponentInstance(std::move(context)) {}
+
+void RNSVGFeOffsetComponentInstance::onPropsChanged(SharedConcreteProps const &props) {
+    if (props) {
+        x_ = DynamicUtils::DynamicToString(props->x);
+        y_ = DynamicUtils::DynamicToString(props->y);
+        width_ = DynamicUtils::DynamicToString(props->width);
+        height_ = DynamicUtils::DynamicToString(props->height);
+        in_ = props->in1;
+        std::string dxStr = DynamicUtils::DynamicToString(props->dx);
+        std::string dyStr = DynamicUtils::DynamicToString(props->dy);
+        dx_ = dxStr.empty() ? 0.0f : std::stof(dxStr);
+        dy_ = dyStr.empty() ? 0.0f : std::stof(dyStr);
+        result_ = props->result;
+    }
+}
+
+void RNSVGFeOffsetComponentInstance::UpdateElementProps() {}
+
+} // namespace svg
+} // namespace rnoh

package/harmony/svg/build/default/cache/default/default@PackageHar/src/main/cpp/componentInstances/RNSVGFeOffsetComponentInstance.h

@@ -0,0 +1,46 @@
+/*
+ * Copyright (c) 2024 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+#pragma once
+
+#include "RNSVGBaseComponentInstance.h"
+#include <react/renderer/components/react_native_svg/ShadowNodes.h>
+
+
+namespace rnoh {
+namespace svg {
+
+class RNSVGFeOffsetComponentInstance : public RNSVGBaseComponentInstance<facebook::react::RNSVGFeOffsetShadowNode> {
+public:
+    using SharedConcreteProps = std::shared_ptr<const facebook::react::RNSVGFeOffsetProps>;
+
+    RNSVGFeOffsetComponentInstance(Context context);
+
+    void onPropsChanged(SharedConcreteProps const &props) override;
+    void UpdateElementProps() override;
+
+    std::string getIn() const { return in_; }
+    std::string getResult() const { return result_; }
+    float getDx() const { return dx_; }
+    float getDy() const { return dy_; }
+    std::string getX() const { return x_; }
+    std::string getY() const { return y_; }
+    std::string getWidth() const { return width_; }
+    std::string getHeight() const { return height_; }
+
+private:
+    std::string x_ = "0";
+    std::string y_ = "0";
+    std::string width_ = "0";
+    std::string height_ = "0";
+    std::string in_ = "";
+    std::string result_ = "";
+    float dx_ = 0.0f;
+    float dy_ = 0.0f;
+};
+
+} // namespace svg
+} // namespace rnoh