add shape prop

Author: dp19960202

harmony/checkbox/src/main/cpp/JSIBinder.h

@@ -34,6 +34,7 @@ class CheckboxJSIBinder : public ViewComponentJSIBinder {
         object.setProperty(rt, "tintColor", "Color");
         object.setProperty(rt, "value", "boolean");
         object.setProperty(rt, "disabled", "boolean");
+        object.setProperty(rt, "shape", "int");
         object.setProperty(rt, "strokeColor", "Color");
         object.setProperty(rt, "markSize", "float");
         object.setProperty(rt, "strokeWidth", "float");

harmony/checkbox/src/main/cpp/NapiBinder.h

@@ -39,6 +39,7 @@ class CheckboxNapiBinder : public ViewComponentNapiBinder {
                 .addProperty("tintColor", props->tintColor)
                 .addProperty("value", props->value)
                 .addProperty("disabled", props->disabled)
+                .addProperty("shape", props->shape)
                 .addProperty("markSize", props->markSize)
                 .addProperty("strokeWidth", props->strokeWidth)
                 .addProperty("strokeColor", props->strokeColor)

harmony/checkbox/src/main/cpp/Props.cpp

@@ -35,6 +35,7 @@ namespace react {
             disabled(convertRawProp(context, rawProps, "disabled", sourceProps.disabled, {false})),
             onCheckColor(convertRawProp(context, rawProps, "onCheckColor", sourceProps.onCheckColor, {})),
             markSize(convertRawProp(context, rawProps, "markSize", sourceProps.markSize, {-1.0})),
+            shape(convertRawProp(context, rawProps, "shape", sourceProps.shape, {0})),
             strokeWidth(convertRawProp(context, rawProps, "strokeWidth", sourceProps.strokeWidth, {-1.0})),
             strokeColor(convertRawProp(context, rawProps, "strokeColor", sourceProps.strokeColor, {})),
             tintColor(convertRawProp(context, rawProps, "tintColor", sourceProps.tintColor, {}))

harmony/checkbox/src/main/cpp/Props.h

@@ -41,6 +41,7 @@ class JSI_EXPORT RNCCheckboxProps final : public ViewProps {
   bool disabled{false};
   SharedColor onCheckColor{};
   SharedColor tintColor{};
+  int shape{0};
   Float markSize{-1.0};
   Float strokeWidth{-1.0};
   SharedColor strokeColor{};

harmony/checkbox/src/main/ets/RNCCheckbox.ets

@@ -40,6 +40,7 @@ export interface RNCCheckboxProps extends ViewBaseProps {
   value: boolean
   disabled: boolean
   markSize:number
+  shape:number
   strokeWidth:number
   strokeColor:ColorSegments
 }
@@ -83,6 +84,7 @@ export struct RNCCheckbox {
       .select(this.descriptor.props.value)
       .width('100%')
       .height('100%')
+      .shape(this.descriptor.props.shape)
       .selectedColor(convertColorSegmentsToString(this.descriptor.props.onCheckColor))
       .unselectedColor(convertColorSegmentsToString(this.descriptor.props.tintColor))
       .onChange((v)=>{this.onChange(v)})

src/RNCCheckboxNativeComponent.ts

@@ -40,6 +40,7 @@ export interface CheckBoxNativeProps extends ViewProps {
   onChange?: DirectEventHandler<ChangeEvent>;
   onCheckColor?: ColorValue;
   tintColor?: ColorValue;
+  shape?:WithDefault<Int32,0>;
   markSize?: WithDefault<Int32, -1>;
   strokeWidth?: WithDefault<Int32, -1>;
   strokeColor?: ColorValue;

src/index.tsx

@@ -41,6 +41,7 @@ function CheckboxBase({
   tintColor,
   onCheckColor,
   testID,
+  shape,
   forwardedRef,
   markSize,
   strokeWidth,
@@ -59,6 +60,7 @@ function CheckboxBase({
         tintColor={tintColor}
         onCheckColor={onCheckColor}
         value={value}
+        shape={shape}
         disabled={disabled}
         markSize={markSize}
         strokeWidth={strokeWidth}