ionic-team / ionic-team/ionic-framework
feat: vertical orientation for ion-slider
- Ngôn ngữ chính
- TypeScript
- Star
- 52.7k
- Fork
- 13.3k
- Merge trung bình
- 1 ngày 14 giờ
- Pull request đã merge (30 ngày)
- 50
Mô tả
### Prerequisites
- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#creating-an-issue).
- [X] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [X] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.
### Ionic Framework Version
- [X] v4.x
- [X] v5.x
- [X] v6.x
### Current Behavior
The Range Slider can be used only in Horizontal orientation. I tried to rotate using transform property to make it vertical. But the touch movement is handled only in x-axis.
### Expected Behavior
Should be able to use Range Slider in vertical orientation.
### Steps to Reproduce
NA
### Code Reproduction URL
_No response_
### Ionic Info
$ ionic info
[WARN] Error loading @capacitor/ios package.json: Error: Cannot find module '@capacitor/ios/package'
Require stack:
- C:\Users\rahulkundu\AppData\Roaming\nvm\v14.17.0\node_modules\@ionic\cli\lib\project\index.js
- C:\Users\rahulkundu\AppData\Roaming\nvm\v14.17.0\node_modules\@ionic\cli\lib\index.js
- C:\Users\rahulkundu\AppData\Roaming\nvm\v14.17.0\node_modules\@ionic\cli\index.js
- C:\Users\rahulkundu\AppData\Roaming\nvm\v14.17.0\node_modules\@ionic\cli\bin\ionic
Ionic:
Ionic CLI : 6.18.1 (C:\Users\rahulkundu\AppData\Roaming\nvm\v14.17.0\node_modules\@ionic\cli)
Ionic Framework : @ionic/react 6.0.8
Capacitor:
Capacitor CLI : 3.4.1
@capacitor/android : 3.4.1
@capacitor/core : 3.4.1
@capacitor/ios : not installed
Utility:
cordova-res : not installed globally
native-run : 1.5.0
System:
NodeJS : v14.17.0 (C:\Program Files\nodejs\node.exe)
npm : 6.14.13
OS : Windows 10
### Additional Information
Vertical Range slider is very useful in many cases. I think it will be a great addition to the framework. I am a Ract developer and I will be happy to contribute.
Hướng dẫn đóng góp
Hướng nghiên cứu
Bắt đầu bằng cách xác định vị trí triển khai của ion-slider hoặc Range Slider và phần xử lý chuyển động cảm ứng được mô tả trong issue. Xác định cách cung cấp hướng dọc và xác minh rằng chuyển động cảm ứng hoạt động trên trục dọc; issue không cung cấp URL tái hiện, đường dẫn tệp hoặc tên bài kiểm thử.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- typescript
- Lĩnh vực
- frontend
- Loại issue
- Tính năng
- Độ khó
- 5/5
- Thời gian dự kiến
- Hơn một tuần
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Khá rõ ràng
- Mức phù hợp với người mới
- 25/100