Material-ui: तालिका में क्रमबद्ध कॉलम

यदि आपको तत्काल इसकी आवश्यकता है, तो आप शाखा v0.11 से तालिका के साथ काम करने का प्रयास कर सकते हैं और अपना स्वयं का कॉलम हेडर बना सकते हैं और तालिका पंक्तियों (आरोही/अवरोही) को कैसे क्रमबद्ध करना है, यह निर्धारित करने के लिए क्लिक/टैप ईवेंट का उपयोग कर सकते हैं। मैं थोड़ा फ्लक्स/रिफ्लक्स/रेडक्स किक पर हूं और एमयूआई के बाहर सॉर्टिंग लॉजिक देखना चाहता हूं। कॉलम हेडर सॉर्ट संकेतक प्रदान करना और उन घटनाओं के लिए कॉलबैक का खुलासा करना मुश्किल नहीं होना चाहिए। यदि आपके पास कुछ समय हो तो हमें एक पीआर (शाखा v0.11 के विरुद्ध) स्वीकार करने में खुशी होगी।

कोई इस पर काम कर रहा है? हमारी टीम (@VladimirPal) @jkruder के दृष्टिकोण का उपयोग करके इसे एक शॉट देना पसंद करेगी।

मुझे लगता है कि हमें केवल sortIndicator और onClick के लिए TableHeaderColumn की आवश्यकता है, sortIndicator जो भी घटक हो सकता है (आमतौर पर FontIcon ) उपयोगकर्ता पास करता है। छँटाई तर्क Table के बाहर संभाला जाएगा।

सॉर्टिंग लॉजिक जटिल हो सकता है, उदाहरण के लिए सिंगल कॉलम सॉर्टिंग, मल्टी-कॉलम सॉर्टिंग, और सॉर्टिंग चक्र का क्रम ( Asc->Desc->None या Desc->Asc ), और मल्टी-कॉलम सॉर्टिंग में कॉलम प्राथमिकता। हो सकता है कि एमयूआई के Table दुबला रखना और तर्क को बाहर निकालना बेहतर हो। आपका विचार? @jkruder @sjstebbins

@zachguo निश्चित रूप से तालिका के बाहर छँटाई तर्क रखने के साथ सहमत हैं। मैं ['asc', 'desc', 'none'] की एक डिफ़ॉल्ट सॉर्ट सरणी पर विचार करूंगा और कॉलम हेडर पर प्रत्येक क्लिक इंडेक्स को आगे बढ़ाएगा जो 0 पर वापस आ जाएगा और सीबी को सॉर्ट वैल्यू और कॉलम नाम/संख्या/पहचानकर्ता के साथ कॉल करेगा। इस सरणी को कस्टम मानों के लिए एक प्रोप के रूप में आपूर्ति की जा सकती है।

मल्टी कॉलम सॉर्टिंग को टेबल के उपभोक्ता द्वारा नियंत्रित किया जा सकता है। मैंने कॉलम क्लिक किए जाने के क्रम को प्राथमिकता दी है। उपभोक्ता द्वारा वस्तुओं की एक सरणी के रूप में बनाए रखा जा सकता है: [{columnId: 'asc'}, {otherColumnId: 'desc'}] । मैं एकाधिक कॉलम सॉर्टिंग को नियंत्रित करने के लिए एक बहु कॉलम सॉर्ट करने योग्य (नाम बदलने के लिए स्वतंत्र महसूस) फ़ील्ड जोड़ूंगा।

@jkruder TBH मुझे यकीन नहीं है कि सॉर्ट सरणी को Table में सहेजना एक अच्छा विचार है या नहीं। मैं indicator और onClick दोनों को छँटाई तर्क से अलग करके, एक निचले स्तर के दृष्टिकोण के बारे में सोच रहा हूँ, ताकि

• Table घटक का उपयोग विशुद्ध रूप से प्रतिपादन के लिए किया जाएगा (इसलिए तर्क करना आसान है),
• दोनों प्रॉप्स अन्य जरूरतों को पूरा कर सकते हैं जैसे कॉलम हेडर को बैज देना, या किसी कॉलम को उसके हेडर पर क्लिक करके हाइलाइट करना।

लेकिन विपक्ष यह है कि एपीआई आम उपयोगकर्ताओं के लिए बहुत उपयोगी नहीं होगा।

@zachguo संकेतक के बारे में अच्छी बात है; UI को decoupling के बारे में सब कुछ। जैसा कि आप सुझाव देते हैं हम कर सकते हैं और indicator और onClick के साथ तालिका का एक गैर-विचारणीय संस्करण बना सकते हैं और फिर एपीआई प्रदर्शित करने के लिए दस्तावेज़ों में एक क्रमबद्ध तालिका बना सकते हैं। सबसे खराब स्थिति में, हम एक SortableTable घटक प्रदान कर सकते हैं यदि हम पाते हैं कि उपयोगकर्ता एपीआई को सहज नहीं पा रहे हैं।

हाँ, SortableTable एक अच्छा विचार है।

हम एमडी के डेटाटेबल स्पेक्स में दिखाए गए अनुसार indicator $ के बजाय icon का उपयोग करेंगे:

@zachguo इसकी क्या स्थिति है?

@VladimirPal ने एक ऐसा विकसित किया है जो एमयूआई कोड की सिंगल लाइन को बदले बिना सॉर्टिंग और पेजिनेशन दोनों का समर्थन करता है। जब हम समझेंगे कि यह तैयार है तो हम इसका परीक्षण करेंगे और इसे यहां पोर्ट करेंगे।

मुझे यह देखना अच्छा लगेगा, टेबल के साथ खेलने के लिए बस 0.11 में अपग्रेड किया गया

अच्छा काम

@zachguo खुद एक क्रमबद्ध, पेजेबल टेबल बनाना शुरू करने जा रहा था, लेकिन देखें कि आपको कुछ काम मिल गया है। आपको कब लगता है कि जाना अच्छा रहेगा? इस बीच सामग्री-यूआई ट्रंक के बाहर कुछ उपयोग करने में खुशी हुई।

@zachguo @VladimirPal इस स्थिति पर कोई अपडेट?

@shaurya947 @daniel-sim @sjstebbins

हमने सर्वर-साइड और क्लाइंट-साइड दोनों पर सॉर्टिंग (सिंगल-कॉलम और मल्टी-कॉलम सॉर्टिंग दोनों) और पेजिनेशन किया, लेकिन एमयूआई में इन नई कार्यक्षमताओं को आसानी से उपयोग किए जाने वाले एपीआई के रूप में एमयूआई को खोए बिना पुन: सक्रिय करना मुश्किल हो गया। है।

कोई वास्तव में बहुत सारे कोड लिखे बिना एमयूआई के टेबल घटकों की रचना करके सॉर्टिंग और पेजिनेशन को कार्यान्वित कर सकता है। सामान्य विचार यह है कि वर्तमान डेटा/सॉर्ट/पेज का स्वयं ट्रैक रखें, और एमयूआई के टेबल घटकों को पूरी तरह से प्रस्तुत करने दें।

आईएमएचओ, उच्च स्तरीय एपीआई जैसे सॉर्टिंग और पेजिनेशन प्रदान करने के बजाय, वर्तमान निम्न-स्तरीय एपीआई रखने का रास्ता है। कम ओवरहेड, लिखने में आसान। हालांकि, रेंडरिंग सॉर्टिंग और पेजिनेशन को आसान बनाने के लिए, हम icon / indicator प्रोप और onClick ईवेंट को TableHeaderColumn में जोड़ सकते हैं, और यहां तक ​​कि एक नया प्री -स्टाइल TableFooter घटक।

अपने विचार?

cc: @oliviertassinari

@zachguo :

कोई वास्तव में बहुत सारे कोड लिखे बिना एमयूआई के टेबल घटकों की रचना करके सॉर्टिंग और पेजिनेशन को कार्यान्वित कर सकता है। सामान्य विचार यह है कि वर्तमान डेटा/सॉर्ट/पेज का स्वयं ट्रैक रखें, और एमयूआई के टेबल घटकों को पूरी तरह से प्रस्तुत करने दें।

हाँ, यह काफी साध्य है।

आपने जिन प्रॉप्स का उल्लेख किया है, वे सामान्य उद्देश्य हैं और छँटाई के अलावा अन्य परिदृश्यों में भी काम आ सकते हैं। तो उसके लिए एक पीआर लिखने के लिए स्वतंत्र महसूस करें ..

यह आदर्श नहीं हो सकता है, लेकिन मैं टेबलहेडर कॉलम के अंदर एक ऑनक्लिक के साथ एक div को शामिल करके सॉर्टिंग को कार्यान्वित करने में सक्षम था। TableHeaderColumn के लिए ऑनक्लिक व्यवहार को ठीक करना बहुत बढ़िया होगा, और IMO 99% मामलों के लिए पूरी तरह से पर्याप्त है।

@roieki हमने भी यही किया है

@ shaurya947 @jkruder वास्तव में $#$ TableHeaderColumn $#$ के लिए एक onClick प्रोप है लेकिन यह काम नहीं कर रहा है। संबंधित #2011

क्या कोई इसे उठाना चाहता है?

ऐसा कुछ

import { Table, TableBody, TableHeader, TableHeaderColumn, TableRow, TableRowColumn, TableFooter } from 'material-ui/Table';
import { SmartTableRow } from 'components';
import React, { PropTypes, Component } from 'react';
import styles from './SmartTable.scss';
import SortIcon from 'material-ui/svg-icons/action/swap-vert';
import IconButton from 'material-ui/IconButton';
import ChevronLeft from 'material-ui/svg-icons/navigation/chevron-left';
import ChevronRight from 'material-ui/svg-icons/navigation/chevron-right';
import getMuiTheme from 'material-ui/styles/getMuiTheme';

function sortFunc(a, b, key) {
  if (typeof(a[key]) === 'number') {
    return a[key] - b[key];
  }

  const ax = [];
  const bx = [];

  a[key].replace(/(\d+)|(\D+)/g, (_, $1, $2) => { ax.push([$1 || Infinity, $2 || '']); });
  b[key].replace(/(\d+)|(\D+)/g, (_, $1, $2) => { bx.push([$1 || Infinity, $2 || '']); });

  while (ax.length && bx.length) {
    const an = ax.shift();
    const bn = bx.shift();
    const nn = (an[0] - bn[0]) || an[1].localeCompare(bn[1]);
    if (nn) return nn;
  }

  return ax.length - bx.length;
}

class SmartTable extends Component {

  static childContextTypes = {
    muiTheme: React.PropTypes.object.isRequired
  }

  constructor(props, context) {
    super(props, context);
    this.state = { isAsc: false, sortHeader: null };
  }

  getChildContext() {
    return { muiTheme: getMuiTheme() };
  }

  sortByColumn(column, data) {
    const isAsc = this.state.sortHeader === column ? !this.state.isAsc : true;
    const sortedData = data.sort((a, b) => sortFunc(a, b, column));

    if (!isAsc) {
      sortedData.reverse();
    }

    this.setState({
      data: sortedData,
      sortHeader: column,
      isAsc
    });
  }

  render() {

    const { offset, limit, total, tableHeaders, data, onPageClick } = this.props;

    return (
      <Table className={ styles.table } selectable={false}>
        <TableHeader displaySelectAll ={false} adjustForCheckbox={false}>
          <TableRow>
            {!!tableHeaders && tableHeaders.map((header, index) => (
              <TableHeaderColumn key={index}>
                <div className={styles.rowAlign}>
                  {header.alias}
                  <SortIcon
                    id={header.dataAlias}
                    className={styles.sortIcon}
                    onMouseUp={(e) => this.sortByColumn(e.target.id, data) }
                  />
                </div>
              </TableHeaderColumn>
            ))}
          </TableRow>
        </TableHeader>
        <TableBody showRowHover stripedRows displayRowCheckbox={false}>
          {!!data && data.map((row, index) => (
            <SmartTableRow key={index} {...{ row, index, tableHeaders }} />
          ))}
        </TableBody>
        <TableFooter>
          <TableRow>
            <TableRowColumn>
                <div className={styles.footerControls}>
                  { `${Math.min((offset + 1), total)} - ${Math.min((offset + limit), total)} of ${total}` }
                  <IconButton disabled={offset === 0} onClick={onPageClick.bind(null, offset - limit)}>
                    <ChevronLeft/>
                  </IconButton>
                  <IconButton disabled={offset + limit >= total} onClick={onPageClick.bind(null, offset + limit)}>
                    <ChevronRight/>
                  </IconButton>
                </div>
              </TableRowColumn>
          </TableRow>
        </TableFooter>
      </Table>
    );
  }
}

SmartTable.propTypes = {
  tableHeaders: PropTypes.array,
  data: PropTypes.array,
  offset: PropTypes.number, // current offset
  total: PropTypes.number, // total number of rows
  limit: PropTypes.number, // num of rows in each page
  onPageClick: PropTypes.func // what to do after clicking page number
};

export default SmartTable;

.table {
  width: auto;
  padding-top: 30px;
}

.rowAlign {
  display: flex;
  align-items: center;
}

.footerControls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.sortIcon {
  cursor: pointer;
  path {
    fill: rgb(158, 158, 158) !important;
    pointer-events: none;
  }
}

@vorlov अच्छा उदाहरण, धन्यवाद। क्या आप अपना SmartTableRow घटक भी पोस्ट कर सकते हैं?

@chrisrittelmeyer निश्चित रूप से, उपरोक्त तालिका के लिए कोड भी अपडेट किया गया है

import { TableRow, TableRowColumn } from 'material-ui/Table';
import React, { PropTypes } from 'react';
import formatTableCell from './formatTableCell';

const SmartTableRow = ({ index, row, tableHeaders }) => (
  <TableRow key={index}>
    {tableHeaders.map((header, propIndex) => (
      <TableRowColumn key={propIndex}>{formatTableCell(row[header.dataAlias], header.format)}</TableRowColumn>
    ))}
  </TableRow>
);

SmartTableRow.propTypes = {
  index: PropTypes.number,
  row: PropTypes.object
};

export default SmartTableRow;

@vorlov क्या आपके पास यह कोड है और कहीं भी काम कर रहा है, शायद?

@chrisrittelmeyer stange सवाल) यकीन है कि मेरे पास है)

ओह! मुझे और अधिक विशिष्ट होना चाहिए था - क्या आपके पास ऐसा वातावरण है जिससे आप हमें जोड़ सकते हैं? उपरोक्त कोड में अभी भी कुछ निर्भरताएँ नहीं हैं, इसलिए यहाँ सभी भागों को चिपकाने के बजाय, मुझे केवल रेपो की ओर इंगित करना आसान हो सकता है।

@vorlov यह स्मार्ट टेबल का वास्तव में अच्छा कार्यान्वयन है, हालांकि मैं पेजिनेशन को काफी समझ नहीं पा रहा हूं। मुझे प्रस्तुत करने से पहले ऑफ़सेट, सीमा और कुल को संभालने के लिए कोई तर्क नहीं दिख रहा है?

@ जेके 82 यह आप पर निर्भर है, मैं अपने प्रोजेक्ट पर पेजिनेशन का उपयोग नहीं कर रहा हूं, इसे भविष्य के कार्यान्वयन के लिए जोड़ा गया है।
यह कंपोनेंटविल रिसीवप्रॉप्स या कंपोनेंटविलमाउंट में किया जा सकता है

@vorlov स्वीट, फिर से यह वास्तव में अच्छा काम है

@vorlov हम्म यह दृष्टिकोण संदर्भ द्वारा सीधे प्रोप (रेडक्स स्टोर) को प्रभावित करता है: \

@NeXTs आपका क्या मतलब है?

@vorlov
const sortedData = data.sort((a, b) => sortFunc(a, b, column));
data.sort - सॉर्ट म्यूटेटर है इसलिए यह data फ़ील्ड को संशोधित करता है जो this.props.data का सीधा संदर्भ है, है ना?

करने का कारण क्या था?

this.setState({
   data: sortedData
})

यदि render राज्य के डेटा का उपयोग नहीं करता है , तो यह केवल const { data } = this.props; का उपयोग करता है
शायद विचार था कि प्रॉप्स से data प्राप्त करें, इसे क्लोन करें, इसे राज्य में स्टोर करें और फिर राज्य में data को सॉर्ट/वापस करें?

इसमें सहायता के TableSortLabel को next में जोड़ा गया है। next शाखा पर एक डेमो भी है जिसमें कॉलम सॉर्ट किए गए हैं।

@NeXTs वास्तव में मुझे नहीं पता कि आपने वहां रेडक्स स्टोर कहां देखा। मैं नई वस्तु में डेटा पास करता हूं ताकि यह रेडक्स स्टोर को प्रभावित न करे।

प्रॉप्स आमतौर पर रेडक्स स्टोर से आता है, यही मेरी बात थी
ठीक है कोई बात नहीं, अब यह इतना महत्वपूर्ण नहीं है, वैसे भी धन्यवाद! :+1:

@NeXTs

https://t.gyazo.com/teams/nathanmarks/fe8c39995f9cace022168d5b0501a138.mp4

@NeXTs मैं ऑब्जेक्ट स्प्रेड का उपयोग करके टेबल पर प्रॉप्स पास करता हूं, इसलिए राज्य उत्परिवर्तित नहीं होता है।
<SmartTable { ...{ tableHeaders, data, limit: 20, total: !!data && data.length, offset: 0, onPageClick: this.handleLoad } } />

@vorlov समझ गया
@nathanmarks ओह कूल! यह मास्टर ब्रांच में कब उपलब्ध होगा?

उपरोक्त में एक निर्भरता गायब है
'./formatTableCell' से फॉर्मेटटेबलसेल आयात करें;

@jimgong92 @chrisrittelmeyer formatTableCell file

import numeral from 'numeral';
import React from 'react';
import { Link } from 'react-router';
import FlatButton from 'material-ui/FlatButton';

export default (cell, format, row) => {
  switch (format && format.type) {
    case 'link':
      return <Link to={ `${format.url}${row.id}` }>{ cell }</Link>;    
    case 'percentage':
      return `${cell}%`;    
    case 'money':
      return numeral(cell).format('0,0');
    default:
      return cell;
  }
};

अद्यतन के लिए धन्यवाद।

@vorlov आपका घटक बहुत अच्छा है, आपको इसे एक जिस्ट या रेपो उदाहरण के अंदर रखना चाहिए

@sibelius https://github.com/vorlov/material-ui-sortable-table

@nathanmarks TableSortLabel के लिए लिंक कहां है और next शाखा पर इसका डेमो कहां है?

हाँ, रेपो में TableSortLabel या किसी क्रमबद्धता का कोई निशान नहीं है। आश्चर्य है कि यह मुद्दा क्यों बंद किया गया। हालांकि, आपके महान काम के लिए धन्यवाद @vorlov ।

हाँ, रेपो में TableSortLabel या किसी क्रमबद्धता का कोई निशान नहीं है।

यह next शाखा पर है: डेमो/टेबल/एन्हांस्डटेबल ।

@oliviertassinari मैंने आपके उदाहरण की कोशिश की लेकिन मुझे यह त्रुटि मिली:

TypeError: Cannot read property 'render' of undefined
EnhancedTable.render
http://localhost:8004/app.a3611250a45594961d8c.js:122073:47
http://localhost:8004/app.a3611250a45594961d8c.js:11761:22
measureLifeCyclePerf
http://localhost:8004/app.a3611250a45594961d8c.js:11040:13
ReactCompositeComponentWrapper._renderValidatedComponentWithoutOwnerOrContext
http://localhost:8004/app.a3611250a45594961d8c.js:11760:26
ReactCompositeComponentWrapper._renderValidatedComponent
http://localhost:8004/app.a3611250a45594961d8c.js:11787:33
ReactCompositeComponentWrapper.performInitialMount
http://localhost:8004/app.a3611250a45594961d8c.js:11327:31
ReactCompositeComponentWrapper.mountComponent
http://localhost:8004/app.a3611250a45594961d8c.js:11223:22
Object.mountComponent
http://localhost:8004/app.a3611250a45594961d8c.js:3816:36
ReactDOMComponent.mountChildren
http://localhost:8004/app.a3611250a45594961d8c.js:10366:45
ReactDOMComponent._createInitialChildren
http://localhost:8004/app.a3611250a45594961d8c.js:7453:33

यह अगली शाखा पर है: डेमो/टेबल/एन्हांस्डटेबल।

@oliviertassinari परेशान करने के लिए क्षमा करें। ऐसा लगता है कि जब मैं पूर्व-रिलीज़ पैकेज को स्थापित करने के लिए npm install material-ui@next चलाता हूं जिसमें यह एन्हांस्डटेबल मौजूद है, तो टेबलसॉर्ट लेबल घटक परिणामी सामग्री-यूआई-बिल्ड फ़ोल्डर से गायब है। क्या मुझे यहां एक महत्वपूर्ण कदम याद आ रहा है? अग्रिम में धन्यवाद।

@GarrettVD ~ next शाखा अभी तक जारी नहीं हुई है, इसलिए आपको जीथब से एनपीएम इंस्टॉल करना होगा। ~

संपादित करें: हमने तब से प्रारंभिक अल्फा जारी किया है।

@mbrookes आह, गोचा। धन्यवाद।

बढ़िया काम, इस सुविधा में बहुत दिलचस्पी है। धन्यवाद

@oliviertassinari अगली शाखा पर भी क्रमबद्ध और अंकन है? वह शाखा कब सार्वजनिक होगी या वर्तमान शाखा में विलय होगी? वहां बहुत सारी रोचक चीजें रखी जाती हैं :)

@damianobarbati हमने एक प्रारंभिक अल्फा जारी किया है: npm install material-ui@next

इस पर अल्फा डॉक्स की तलाश में किसी और के लिए: https://material-ui-1dab0.firebaseapp.com/#/component -demos/tables

नमस्ते, नौसिखिया जाँच कर रहा है। तालिकाओं को छाँटना प्यारा होगा! इसे एमयूआई के स्थिर उत्पादन संस्करण में कब मर्ज किया जाएगा?

मेरी तालिका में डेटा सॉर्ट करने में सक्षम होने के लिए इस रिलीज़ की प्रतीक्षा की जा रही है। महान काम!

नमस्ते,

मुझे लगता है कि एक नई रिलीज है, लेकिन मुझे स्रोत कोड में सॉर्टिंग सुविधा नहीं मिल रही है। क्या मुझे कुछ याद नहीं आ रहा है?

@nshung आपको material-ui@next . का उपयोग करना होगा

https://material-ui-1dab0.firebaseapp.com/component-demos/tables

यह भी खूब रही। मैं अगले डेमो में गतिशील छँटाई देखता हूँ। क्या आपको लगता है कि यहां डायनेमिक फ़िल्टरिंग के लिए समर्थन जोड़ने का कोई मतलब होगा? क्या यह इस घटक के दायरे से बाहर है? क्या इसे एमयूआई के बाहर बेहतर तरीके से लागू किया जाएगा?

@lrettig डायनामिक सॉर्टिंग को यूजर स्पेस में लागू किया गया था, मुझे लगता है कि हमें डायनेमिक फ़िल्टरिंग के लिए भी ऐसा ही करना चाहिए। क्यों? क्योंकि इस तरह से 20% प्रयास के साथ 80% उपयोग मामलों को कवर करना बहुत आसान है। हमने मास्टर शाखा के साथ सीखा है कि लोगों के पास टेबल के साथ उपयोग के मामलों की एक विस्तृत विविधता है।

हाय @oliviertassinari प्रतिक्रिया के लिए धन्यवाद। मैं थोड़ा उलझन में हूँ, हालाँकि - यहाँ अगली शाखा में छँटाई नहीं जोड़ी गई थी? तो क्या यह भविष्य में मास्टर नहीं बन जाएगा? क्षमा करें अगर मुझे कुछ स्पष्ट याद आ रहा है।

@lrettig राइट, अगली शाखा अंततः मास्टर में विलय होने जा रही है।

इसके लाइव होने की प्रतीक्षा कर रहे हैं।

@oliviertassinari - धन्यवाद! लेकिन मैं अभी भी आपकी पिछली टिप्पणी के बारे में उलझन में हूं। आपने सुझाव दिया कि:

उपयोगकर्ता स्थान में गतिशील छँटाई लागू की गई थी, मुझे लगता है कि हमें गतिशील फ़िल्टरिंग के लिए भी ऐसा ही करना चाहिए

लेकिन अगर छँटाई यहाँ है, अगली शाखा में, और मास्टर के पास जाएगी, तो क्या इसका मतलब यह नहीं है कि यह उपयोगकर्ता स्थान में _not_ है? क्या मुझे कुछ याद नहीं आ रहा है?

एक बार फिर धन्यवाद।

@lrettig उपयोगकर्ता स्थान से, मेरा मतलब है कि इसे सामग्री-यूआई के बाहर लागू किया जा सकता है। कि अगले/v1-अल्फा शाखा डेमो पर क्या किया गया है।

मैं देखता हूं कि यह बंद है। क्या यह ऐसी रिलीज़ में उपलब्ध है जो material-ui@next नहीं है? यदि संभव हो तो मैं कुछ समय के लिए एक संस्करण को लॉक करना चाहूंगा।

@jspengeman @next एक उपनाम है, जैसा कि हम बोल रहे हैं कि यह v1.0.0-alpha.21 को लक्षित कर रहा है।

@oliviertassinari धन्यवाद! मैं उतना ही समझ गया, बस देखा कि यह 2015 में खोला गया था और सोच रहा था कि कार्यक्षमता ने इसे 0.X रिलीज में बना दिया है। मान लें कि उत्तर नहीं है?

इस कार्यक्षमता ने इसे सामग्री-यूआई के रिलीज में कैसे बनाया?

@oliviertassinari कैसा चल रहा है?

सुविधा ने इसे सामग्री-यूआई में नहीं बनाया है। हालांकि, हम प्रदर्शित करते हैं कि इसे v1 के दस्तावेज़ीकरण में कैसे कार्यान्वित किया जाए।

आपके त्वरित उत्तर के लिए @oliviertassinari thnx!