²úÆ·¼ò½é ººµÃ¿ªÔ´×é¼þ¿âChoerodon UI£¨Ëõд C7N UI£©£¬ÓµÓпªÏä¼´ÓõĸßÖÊÁ¿ React ×é¼þ£¬ ÊÊÓÃÓÚ React ¿ò¼ÜÏîÄ¿£¬ÇкϵʹúÂëÀíÄרΪÖкǫ́ÆóÒµÏîÄ¿Ìá¸ß¿ª·¢Ð§ÂʶøÉú¡£ 2021Äê07ÔÂ21ÈÕ£¬78mÍþ¾Å¹ú¼Ê¿ªÔ´×é¼þ¿â Choerodon UI Ðû²¼ 1.4.2£¬±¾´Î¸üÐÂÖ÷ÒªÓÅ»¯¶¯Ì¬É¸Ñ¡ÌõÑùʽ½»»¥£¬¶à×é¼þÐÔÄÜÓÅ»¯µÈ£»DataSetµÈ×é¼þÒ²¶¼½øÐÐÁ˲î±ðˮƽµÄÐÂÔö¡¢Ð޸ĺÍÓÅ»¯£¬½Ó´ýÁÐλ¸üÐÂÌåÑé¡£ ¡¤ Ðû²¼°æ±¾£º1.4.2 ¡¤ Ðû²¼Ê±¼ä£º2021Äê07ÔÂ21ÈÕ ¡¤ ¸üйæÄ££ºDataSet¡¢Table¡¢Tooltip¡¢Form¡¢PerformanceTable¡¢Lov µÈ Pro ×é¼þ¡£ Choerodon UI×é¼þ¿â 1.4.2 °æ±¾ ÌØÐÔ½éÉÜ 2021Äê7ÔÂ28ÈÕ£¬Choerodon UI×é¼þ¿âÐû²¼ÁË 1.4.2 °æ±¾£¬Ö÷ÒªÌØÐÔÓÐÒÔÏÂÄÚÈÝ ¡öÓÅ»¯¶¯Ì¬É¸Ñ¡ÌõÑùʽ½»»¥£¬¶à×é¼þÐÔÄÜÓÅ»¯£¬Pro Table ÐÔÄÜÏÔÖøÌáÉý; ¡ö DataSet ÐÂÔö combineSort ÊôÐÔÖ§³Ö×éºÏÁÐÅÅÐò´«²Î£» ÐÂÔö selectionStrategy ÊôÐÔºÍÏà¹ØÒªÁìÖ§³ÖÊ÷ÐÎÑ¡Ôñ¼Í¼¹æÔò£» À©Õ¹ dataToJSON ÊôÐÔ£¬Field ÐÂÔö json ÀàÐÍ; ÓÅ»¯ addField ÒªÁ콫×Ô¶¯´´Á¢ÒÑÓÐ Record ¶ÔÓ¦µÄ Field£» dataToJSON ÊôÐ﵀ all Öµ½«Ð£ÑéËùÓмͼ¡£ ¡öTooltip ÐÂÔöµ¥Àýģʽ ¡öPerformanceTable ÐÞ¸´×ª¶¯Ìõ¼°µã»÷ʼþÎÊÌ⣻ ÐÂÔöÅÌÎÊÌõ queryBar£¬¹¤¾ßÀ¸ toolbar¡£ ¡öForm ÐÞ¸´Ç¶Ì×±íµ¥µÄ dataSet ÊôÐÔ²»Æð×÷ÓõÄÎÊÌâ ÐÂÔö configure:ÐÂÔötableVirtualCell, formatter, timeZone ÊôÐÔ¡£ <pro>DataSet:ÐÂÔöselectionStrategy ÊôÐÔ, selectionStrategy,treeSelectedÖµ,treeSelect, treeUnSelect ÒªÁì¡£ <pro>Lov: ÐÂÔö showCheckedStrategy ÊôÐÔ¡£ <pro>DatePicker: ÐÂÔö timeZone ÊôÐÔ¡£ <pro>Tooltip: ÐÂÔöµ¥Àýģʽ, Ìí¼Ó show ºÍ hide ¾²Ì¬ÒªÁì¡£ <pro>DataSet: dataToJSON ÐÂÔö dirty-field, dirty-field-self ÀàÐÍ¡£ <pro>DataSet.Field: ÐÂÔö json ÀàÐÍ¡£ <pro>DataSet: ÐÂÔö combineSort ÊôÐÔÖ§³Ö×éºÏÁÐÅÅÐò´«²Î¡£ <pro>Select: selectAllButton ÐÂÔö¹³×ÓÀàÐÍÓÃÓÚÖ§³Ö×Ô½ç˵°´Å¥¡£ <pro>PerformanceTable: ÐÂÔö queryBar, toolbar ÊôÐÔ£¬ÓÃÓÚÖ§³ÖÅÌÎÊÌõ¼°¹¤¾ßÀ¸¡£ <pro>Table: ÐÂÔö showHeader ÊôÐÔ¡£ ÓÅ»¯ <pro>Modal: Ö§³Ö´©Ô½Í¬Óò iframe¡£ <pro>DataSet: dataToJSON ÊôÐ﵀ all Öµ½«Ð£ÑéËùÓмͼ¡£ <pro>DataSet: ÓÅ»¯ addField ÒªÁ콫×Ô¶¯´´Á¢ÒÑÓÐ Record ¶ÔÓ¦µÄ Field¡£ <pro>Radio£ºÓÅ»¯ label ÄÚÈÝÒç³öÌáʾ¡£ <pro>Table£ºÓÅ»¯ÐÔÄÜ¡£ <pro>Table£ºÓÅ»¯¶¯Ì¬ËÑË÷ÌõÑùʽ½»»¥¡£ <pro>NumberField£ºstep ¼æÈÝÒƶ¯¶Ëʼþ¡£ Progress£ºÓÅ»¯¶¯»ÐÔÄÜ¡£ <pro>Table.Column£ºÓÅ»¯Ç®±ÒÀàÐ͵ÄÁÐĬÈÏ¿¿ÓÒ¶ÔÆë¡£ <pro>Output£ºÓÅ»¯Êý×ÖÇ®±ÒÏÔʾ, ÓÅ»¯¿ÕÖµÏÔʾ¡£ <pro>DataSet.Record: ÔÚûÓÐ field µÄÇé¿öÏ£¬ addField ÒªÁì»á¶Ô¸Ã field ÒÑÓÐÖµ½øÐд¦Àí¡£ <pro>NumberField: ÒƳý suffix£¬prefix ÊôÐÔÖ§³Ö¡£ ÐÞ¸´ <pro>Table: ÐÞÕý maxHeight ºÍ minHeight µÄÅÌËãÂß¼¡£ <pro>Pagination: ÐÞ¸´×î´ó·ÖҳûÓÐÉèÖÃʱ£¬·ÖҳѡÏîÓÐÁè¼ÝĬÈÏ×î´ó100·ÖÒ³ÎÞ·¨Ñ¡ÔñµÄÎÊÌâ¡£ <pro>IconPicker: ÐÞ¸´µ±µã»÷·ÖÒ³°´Å¥²¢°´Å¥³É½ûÓÃ״̬ʱ£¬µ¯´°ÎÞ·¨¹Ø±ÕµÄÎÊÌâ¡£ <pro>Table: ÐÞ¸´ÔÚ¿×ȸÀ¶Ö÷ÌâÏ£¬µ±ColumnµÄeditorΪfunctionµÄʱºò£¬½øÈë±à¼Ì¬µã»÷Í˳öºó»áµ¼ÖÂÏ´νøÈë±à¼Ì¬×é¼þ¿í¶È²»ÕýÈ·µÄÎÊÌâ <pro>Table: ÐÞ¸´ÐÐÄÚ±à¼Ê±ÎÞ·¨È¡Ïû±à¼µÄÎÊÌâ¡£ <pro>PerformanceTable: ÐÞ¸´×ª¶¯Ìõʼþ¡£ <pro>PerformanceTable: ÐÞ¸´±í¸ñÄÚµã»÷ÎÞЧÎÊÌâ¡£ <pro>Form: ÐÞ¸´Ç¶Ì×±íµ¥µÄ dataSet ÊôÐÔ²»Æð×÷ÓõÄÎÊÌâ¡£ <pro>Select: ÐÞ¸´×Ô½ç˵µ¯´°¿ÉÄÜÎÞ·¨¹Ø±ÕµÄÎÊÌâ¡£ <pro>TextField: ÐÞ¸´½ûÓÃ״̬ÏÂÎÞ·¨ÏÔʾäÖȾÆ÷äÖȾµÄÖµ¡£ <pro>Table: ÐÞ¸´Ë«»÷µ÷½âÁпíÃû×ÖÖдøÓÐ.µÄÁпíʱ±¨´í¡£ Á˽â¸ü¶à ¸÷ÈË¿ÉÒÔͨ¹ýÒÔÏÂÉçÇø;¾¶Á˽âC7N UIµÄ×îж¯Ì¬¡¢²úÆ·ÌØÐÔ£¬ÒÔ¼°¼ÓÈëÉçÇøТ¾´£º ¡¾ÂÛ̳¡¿ https://openforum.hand-china.com/ ¡¾Choerodon UI×é¼þ¿â¹ÙÍø¡¿ https://open-hand.github.io/choerodon-ui ¡¾GitHub¡¿ https://github.com/open-hand/choerodon-ui ¡¾Gitee¡¿ https://gitee.com/open-hand/choerodon-ui ÈôÓÐÐèÇóʹÓÃÖ÷Ìâ°ü£¬¿ÉÁªÏµ78mÍþ¾Å¹ú¼ÊÇ°¶Ë»ù´¡Ñз¢ÍŶӣºwen.dai@hand-china.com¡£ ¡¾C7N UIÒýµ¼½Ì³Ì¡¿ https://open-hand.gitee.io/choerodon-ui/zh/tutorials/introduction ¡¾C7N UI¹Ù·½Ö÷Ìâ½éÉÜ¡¿ https://open-hand.gitee.io/choerodon-ui/zh/docs/other/ued-theme £¨Ç븴ÖÆÖÁä¯ÀÀÆ÷Öз¿ª£© ½Ó´ý¼ÓÈëChoerodonÖí³ÝÓãÉçÇø£¬ÅäºÏΪÆóÒµÊý×Ö»¯Ð§ÀÍ´òÔìÒ»¸ö¿ª·ÅµÄÉú̬ƽ̨¡£ ÍƼöÔĶÁ
½«78mÍþ¾Å¹ú¼Ê20¶àÄêµÄÖÆÔìҵЧÀ;Ñé³ÁµíΪרҵ¼Æ»®ºÍϵͳ×é¼þ£¬³¹µ×¸Ä±äͨ¹ý×ÊÔ´¶ÑÆöʵÏÖϵͳ½¨ÉèµÄ¹Å°åģʽ£¬ÈÃϵͳ½¨Éè²»ÔÙ³ÉΪÖÆÔìÆóÒµ¸ïÐÂÓëÉú³¤µÄ³¸Öâ¡£
78mÍþ¾Å¹ú¼ÊÄ¿Ç°ÒÑ»ýÀÛÒ»´óÅúÓÅÐãµÄ×ÔÖ÷Ñз¢²úÆ·£¬²¢Îª¿Í»§È¡µÃÁËÁ¼ºÃµÄÓ¦ÓÃЧ¹û£¬78mÍþ¾Å¹ú¼Ê½«Á¬ÐøΪÆóÒµÌṩ¸üÍêÉƵĽâ¾ö¼Æ»®£¬ÍƽøÏÖÓвúÆ·Ñз¢£¬´òÔìÓÅÖʵIJúÆ·ÓëÁ¢Òìƽ̨