Material-ui: [स्लाइडर] पोर्ट घटक

क्या कोई अनुमान लगा सकता है कि यह घटक v1 पर कब उपलब्ध होगा?

@oliviertassinari क्या आप हमें

मेरी भी यही समस्या है। हमने सामग्री ui बीटा का उपयोग करने का निर्णय लिया और केवल यह घटक गायब है। यदि आप अगले सप्ताह के अंत तक इसके साथ शुरू नहीं करते हैं, तो मुझे लगता है कि मैं इसे लागू करने की कोशिश करूंगा क्योंकि यह हमें ब्लॉक कर देगा :)

आप इस बीच आरसी-स्लाइडर जैसी किसी चीज़ का उपयोग कर सकते हैं। हम इस घटक के बिना सबसे अधिक संभावना v1 जारी करेंगे, यह बाद में आएगा।

@oliviertassinari स्लाइडर को 1.0 पर न रखने का निर्णय क्यों?

@uwap यह समय की कमी की बात है, पहले, हम मुख्य घटकों पर ध्यान केंद्रित करते हैं। फिर, चरण दर चरण, हम घटकों की समर्थित सूची को बढ़ाते हैं। मुझे नहीं लगता कि v1.0 या v1.1 में होना प्रासंगिक है। यह कब की बात है।

इसके लिए आगे देख रहे हैं!

@uwap semantic-release के लेखक के रूप में इस वीडियो में बताते हैं, संस्करण संख्याएं मशीन की खपत के लिए हैं, मनुष्यों के लिए नहीं।

वर्तमान बीटा की पहली रिलीज़ में कम से कम 1.0.0 संस्करण होना चाहिए, क्योंकि यह ब्रेकिंग परिवर्तनों से भरा है। अगर लोग 1.0.0 रिलीज में स्लाइडर रखने पर जोर देते हैं, तो लेखक वास्तविक संस्करण संख्या के साथ वर्तमान बीटा को तब तक जारी करने में असमर्थ होंगे जब तक कि लोगों को लगता है कि 1.0.0 सब कुछ नहीं किया जाता है। लेकिन अगर उनके पास जो अभी है उसे 1.0.0 रूप में जारी करते हैं और बाद में एक स्लाइडर जोड़ते हैं, तो वे 1.1.0 संस्करण के साथ फिर से रिलीज़ कर सकते हैं।

मैंने कुछ दिन पहले इस घटक को माइग्रेट करने पर काम करना शुरू किया, जल्द ही एक पीआर बनाऊंगा।

@ItsDizzy हमें अपनी प्रगति के बारे में बताएं :)। मैं आपको वहां उपलब्ध अन्य कार्यान्वयनों को बेंचमार्क करने के लिए अत्यधिक प्रोत्साहित करूंगा। उदाहरण के लिए, एसवीजीओएमजी संस्करण अच्छा दिखता है ।

@oliviertassinari आपको इस स्लाइडर घटक अवधारणा को देखना चाहिए

https://github.com/sghall/react-compound-slider

रेपो में डॉक्स एक एमयूआई बीटा ऐप (आपका पुराना डॉक्स ऐप) है यदि आप इसे एक चक्कर देना चाहते हैं।

मैंने पिछले शुक्रवार से शुरू होने वाला एक स्लाइडर लिखा था। यह ज्यादातर हो चुका है, लेकिन अभी तक सार्वजनिक नहीं हुआ है। निम्नलिखित विशेषताएं हैं:

• एकाधिक हैंडल, हैंडल को केवल पढ़ा जा सकता है (अक्षम के रूप में स्टाइल)।
• ट्रैक पर क्लिक करने से निकटतम हैंडल मिल जाता है और उसे स्थानांतरित कर देता है।
• एक सूचक के साथ, ट्रैक पर समर्थन होवर करें
• ट्रैक के ऊपर या नीचे एक div रखा जा सकता है, जो होवर पॉइंटर का अनुसरण करता है। मैं इसे वीडियो प्लेयर में थंबनेल डिस्प्ले के लिए उपयोग करता हूं।
• एकाधिक बार समर्थन; एक खिलाड़ी में रीड-फॉरवर्ड दिखाने के लिए इस्तेमाल किया जाता है।
• टिक्स।
• होवर समर्थन iPhone 6 पर काम करता है, लेकिन देशी S5 पर नहीं। उन मामलों में, यह वैसे ही कार्य करता है जैसे आपने एक हैंडल पकड़ लिया है।
• जेएसएस का उपयोग करता है; केवल इनलाइन शैलियाँ स्थिति भाग हैं।
• ट्रैक की चौड़ाई पर एनिमेशन, होवर थंबनेल, हैंडल एक्टिवेशन।
• मुई 0.20 या 1.0 में गिर सकता है। पूर्व में, थीम.स्लाइडर से इसके मूल्यों को आधार बनाएगा। बाद में, यह थीम.स्पेसिंग और थीम.पैलेट से पढ़ता है।
• बहुत अधिक प्रयास किए बिना कीबोर्ड हैंडलिंग को प्लग करने योग्य बनाया जा सकता है।

मैं थोड़ा व्यस्त हूं, अपनी क्लाइंट साइट के पोर्ट को 0.20 से 1.0 तक खत्म करने की कोशिश कर रहा हूं, इसलिए इसे अभी जारी नहीं कर सकता। लेकिन एक सप्ताह के भीतर ऐसा करने की योजना है।

@eigood इसे देखने के लिए तत्पर हैं। चूंकि ऐसा लगता है कि आपका प्राथमिक उपयोग-मामला वीडियो है, क्या आप ट्रैक के लिए प्रगति पट्टी का उपयोग कर रहे हैं? यह बफ़रिंग एनिमेशन और रीड-फ़ॉरवर्ड बार प्रदान करता है:

https://material-ui-next.com/demos/progress/#linear -buffer

मैं इस स्लाइडर का उपयोग वीडियो स्क्रबर के लिए, वॉल्यूम नियंत्रण के लिए, और 48 में से कौन सा प्रीजेनरेटेड थंबनेल चुनने के लिए करता हूं। स्लाइडर पूरी तरह से वीडियो के बाहर उपयोग करने के लिए डिज़ाइन किया गया है; एसएस मेरे पास मौजूद परीक्षण पृष्ठ से था।

मुझे जो पकड़ रहा है, वह यह है कि मैंने पहले नोड पारिस्थितिकी तंत्र में सामान जारी नहीं किया है, और es6 युग में कुछ भी नहीं है, इसलिए मुझे अभी तक एक स्टैंडअलोन प्रोजेक्ट करने का समुदाय मानक तरीका नहीं पता है। उदाहरण के लिए, मुझे वास्तव में डाउनस्ट्रीम द्वारा उपयोग के लिए एक पुस्तकालय का निर्माण करना पसंद नहीं है, मैं बस यह मानूंगा कि मेरे उपयोगकर्ताओं के पास एक उचित संकलक होगा।

@eigood - स्लाइडर पर कोई अपडेट? मैं सामग्री-यूआई-अगले का उपयोग कर रहा हूं, लेकिन सामग्री-यूआई-स्लाइडर-लेबल का उपयोग करने से मुझे एक त्रुटि मिलती है क्योंकि यह इस में muiTheme की तलाश में है। संदर्भ और किसी भी कारण से मुझे त्रुटि मिलती है - मैं मान रहा हूं कि यह मतभेदों के साथ कुछ करना है सामग्री-यूआई और सामग्री-यूआई-अगला के बीच।

@eigood आपको निश्चित रूप से रिलीज संस्करण के लिए अपने ES6 स्रोत को ट्रांसपिल करना चाहिए, हालांकि कुछ पुस्तकालयों में जारी पैकेज में es6 स्रोत शामिल है। आप प्रेरणा के लिए संकुल/प्रयोगशाला पर एक नज़र डाल सकते हैं, हालांकि यह इस तथ्य से थोड़ा जटिल है कि हम माता-पिता के साथ देव निर्भरता साझा कर रहे हैं।

स्लाइडर को "अगला" संस्करण में माइग्रेट करने के बारे में कोई अपडेट? हम वास्तव में सभी नियंत्रणों और प्रतीक्षारत स्लाइडर के लिए सामग्री का उपयोग करना पसंद करते हैं :)

@eigood यह वह मार्गदर्शिका/उदाहरण है जिसका मैं अपने ES6 पुस्तकालयों में अनुसरण कर रहा हूं: https://github.com/kriasoft/babel-starter-kit
यह आपकी भी मदद कर सकता है।

इस पर कोई अपडेट? :)

यहां कई स्लाइडर या यहां तक ​​​​कि एक एकल स्लाइडर के रूप में ईवेंट हैंडलर पास करने का समाधान है
हम बस रेंज प्रकार के HTML इनपुट का उपयोग कर सकते हैं
आरसी-स्लाइडर और प्रतिक्रिया-इनपुट-रेंज ने ईवेंट हैंडलर onChange या onAfterChange नहीं भेजे, वे स्लाइडर के मान को स्पष्ट रूप से भेजते हैं, इसलिए हम स्लाइडर के रूप को संभाल नहीं सकते हैं या उन्हें फ्लाई पर नहीं बना सकते हैं .

jsfiddle स्निपेट

अधिक जानकारी के लिए हम CSS-Tricks द्वारा प्रदान की गई HTML इनपुट रेंज और CSS की जांच कर सकते हैं

यह समाधान मेरे साथ पूरी तरह से काम कर रहा है;)

कोडसैंडबॉक्स का उपयोग करना

क्या इस घटक पर कोई ईटीए है?

नहीं, लेकिन आप लैब पैकेज के तहत इसका इस्तेमाल शुरू कर सकते हैं। जब तक इसे मूल में नहीं ले जाया जाता है, तब तक आप ब्रेकिंग परिवर्तनों की अपेक्षा कर सकते हैं।

इस घटक पर कोई अद्यतन?

@forthrightstl स्लाइडर देखें। आप इसे पहले से ही @material-ui/lab से उपयोग कर सकते हैं।

क्या कई मूल्यों का समर्थन करने की योजना है?

@ जोसेफ-एलन वर्तमान में नहीं।

आप में से उन लोगों के लिए जो उपयोग करने के लिए एक अच्छे स्लाइडर की तलाश कर रहे हैं (स्थायी रूप से या बीच में) हमने पाया कि यह पुस्तकालय वास्तव में अद्भुत और काम करने में आसान है। https://github.com/sghall/react-compound-slider