@react-native-ohos/slider 4.4.4-rc.1 → 5.0.1

package/src/utils/styles.ts

@@ -0,0 +1,61 @@
+/*
+ * Copyright (c) 2025 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.
+ */
+
+import {Platform, StyleSheet} from 'react-native';
+
+export const styles = StyleSheet.create({
+  stepNumber: {
+    marginTop: 20,
+    alignItems: 'center',
+    position: 'absolute',
+  },
+  sliderMainContainer: {zIndex: 1, width: '100%'},
+  defaultSlideriOS: {
+    height: 40,
+  },
+  defaultSlider: {},
+  stepsIndicator: {
+    flex: 1,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    top: Platform.OS === 'ios' ? 10 : 0,
+    zIndex: 2,
+  },
+  trackMarkContainer: {
+    alignItems: 'center',
+    alignContent: 'center',
+    alignSelf: 'center',
+    justifyContent: 'center',
+    position: 'absolute',
+    zIndex: 3,
+  },
+  thumbImageContainer: {
+    position: 'absolute',
+    zIndex: 3,
+    justifyContent: 'center',
+    alignItems: 'center',
+    alignContent: 'center',
+  },
+  thumbImage: {
+    alignContent: 'center',
+    alignItems: 'center',
+    position: 'absolute',
+  },
+  stepIndicatorElement: {
+    alignItems: 'center',
+    alignContent: 'center',
+  },
+  defaultIndicatorMarked: {
+    height: 20,
+    width: 5,
+    backgroundColor: '#CCCCCC',
+  },
+  defaultIndicatorIdle: {
+    height: 10,
+    width: 2,
+    backgroundColor: '#C0C0C0',
+  },
+});

package/tsconfig.json

@@ -6,10 +6,11 @@
 
     /* Language and Environment */
     "target": "ESNext",
-    "lib": ["ESNext"],
+    "lib": ["ESNext", "dom"],
 
     /* Modules */
-    "module": "esnext",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
 
     /* Interop Constraints */
     "esModuleInterop": true,

package/typings/index.d.ts

@@ -1,5 +1,13 @@
+/*
+ * Copyright (c) 2025 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.
+ */
+
 import * as React from 'react';
+import { FC } from 'react';
 import * as ReactNative from 'react-native';
+import { ImageURISource } from 'react-native';
 
 type Constructor<T> = new (...args: any[]) => T;
 
@@ -18,6 +26,22 @@ export interface SliderRef {
   updateValue(value: number): void;
 }
 
+export type TrackMarksProps = {
+  isTrue: boolean;
+  index: number;
+  thumbImage?: ImageURISource;
+  StepMarker?: FC<MarkerProps> | boolean;
+  currentValue: number;
+};
+
+export type MarkerProps = {
+  stepMarked: boolean;
+  currentValue: number;
+  index: number;
+  min: number;
+  max: number;
+};
+
 export interface SliderPropsIOS extends ReactNative.ViewProps {
   /**
    * Assigns a maximum track image. Only static images are supported.
@@ -148,6 +172,16 @@ export interface SliderProps
    */
   inverted?: boolean;
 
+  /**
+   * Component to be rendered for each step indicator.
+   */
+  StepMarker?: FC<MarkerProps>;
+
+  /**
+   * 
+   */
+  renderStepNumber?: boolean;
+
   /**
    * A string of one or more words to be announced by the screen reader.
    * Otherwise, it will announce the value as a percentage.
@@ -177,4 +211,4 @@ declare class SliderComponent extends React.Component<SliderProps> {}
 declare const SliderBase: Constructor<ReactNative.NativeMethods> &
   typeof SliderComponent;
 export default class Slider extends SliderBase {}
-export type SliderIOS = Slider;
+export type SliderIOS = Slider;

package/.eslintrc.json

@@ -1,20 +0,0 @@
-{
-  "extends": "@react-native-community",
-  "env": {
-    "es6": true,
-    "jest": true
-  },
-  "globals": {
-    "it": true,
-    "expect": true,
-    "element": true,
-    "describe": true,
-    "by": true,
-    "device": true,
-    "beforeAll": true,
-    "beforeEach": true,
-    "afterAll": true,
-    "jest": true,
-    "jasmine": true
-  }
-}

package/.flowconfig

@@ -1,66 +0,0 @@
-[ignore]
-; We fork some components by platform
-.*/*[.]android.js
-
-; Ignore "BUCK" generated dirs
-<PROJECT_ROOT>/\.buckd/
-
-; Ignore node_modules
-<PROJECT_ROOT>/node_modules/.*
-
-; Flow doesn't support platforms
-.*/Libraries/Utilities/LoadingView.js
-
-.*/Libraries/Utilities/HMRLoadingView.js
-
-[untyped]
-.*/node_modules/@react-native-community/cli/.*/.*
-
-[include]
-
-[libs]
-node_modules/react-native/interface.js
-node_modules/react-native/flow/
-
-[options]
-module.system.node.resolve_dirname=node_modules
-module.system.node.resolve_dirname=src
-emoji=true
-
-module.file_ext=.js
-module.file_ext=.json
-module.file_ext=.ios.js
-
-munge_underscores=true
-
-module.name_mapper='^react-native/\(.*\)$' -> '<PROJECT_ROOT>/node_modules/react-native/\1'
-module.name_mapper='^@?[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> '<PROJECT_ROOT>/node_modules/react-native/Libraries/Image/RelativeImageStub'
-
-suppress_type=$FlowIssue
-suppress_type=$FlowFixMe
-suppress_type=$FlowFixMeProps
-suppress_type=$FlowFixMeState
-
-[lints]
-sketchy-null-number=warn
-sketchy-null-mixed=warn
-sketchy-number=warn
-untyped-type-import=warn
-nonstrict-import=warn
-deprecated-type=warn
-unsafe-getters-setters=warn
-unnecessary-invariant=warn
-signature-verification-failure=warn
-deprecated-utility=error
-
-[strict]
-deprecated-type
-nonstrict-import
-sketchy-null
-unclear-type
-unsafe-getters-setters
-untyped-import
-untyped-type-import
-
-[version]
-^0.163.0

package/harmony/slider/src/main/ets/SliderPackage.ets

@@ -1,34 +0,0 @@
-/**
- * MIT License
- *
- * Copyright (C) 2023 Huawei Device Co., Ltd.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-import { RNOHPackage, ComponentBuilderContext } from '@rnoh/react-native-openharmony';
-import { RNCSlider } from './Slider';
-@Builder
-function buildSlider(ctx: ComponentBuilderContext) {
-    RNCSlider({ ctx: ctx.rnComponentContext, tag: ctx.tag, })
-}
-export class SliderPackage extends RNOHPackage  {
-  createWrappedCustomRNComponentBuilderByComponentNameMap(): Map<string, WrappedBuilder<[ComponentBuilderContext]>> {
-    return new Map().set("RNCSlider", wrapBuilder(buildSlider))
-  }
-}