78mÍþ¾Å¹ú¼Ê

Choerodon UI Ðû²¼1.4.1£ºÎȶ¨Ö§³ÖÆóÒµ¼¶²úÆ·

ͼƬ


Åä¾°½éÉÜ

Choerodon UI ¿ªÔ´×é¼þ¿â£¨Ëõд C7N UI£© £¬ÓµÓпªÏä¼´ÓõĸßÖÊÁ¿ React ×é¼þ £¬×ÊÖúÆóÒµ¼¶Öкǫ́²úÆ·ÌáÉý¿ª·¢Ð§ÂÊ¡£2021Äê2ÔÂ4ÈÕ £¬ÒÑÕýʽÍƳö Choerodon UI×é¼þ¿â 1.0 °æ±¾ £¬ ÊÊÓÃÓÚ React ¿ò¼ÜÏîÄ¿ £¬»ù±¾ÎÞÏÞÖÆ £¬½áºÏ¿ªÔ´È«¼ÛÖµÁ´¶àÔÆÃô½ÝЭ×÷ƽ̨ChoerodonÖí³ÝÓã¼°ÆóÒµ¼¶PaaSƽ̨HZEROʹÓøü±ã½Ý¡£


Choerodon UI ¿ªÔ´×é¼þ¿â·ÖΪ Basic ºÍ Pro £¬ÏÖÓÐ 63 ¸ö Basic×é¼þ¡¢ 47 ¸ö Pro×é¼þ £¬Âú×ãÆóÒµ¼¶²úÆ·´ó²¿·Ö³¡¾°ÐèÇó¡£


Basic ÊÇÒ»×é»ùÓÚ Ant Design Components 3.x ʵÏÖÇкϹȸè Material Design Éè¼ÆÌåϵµÄ»ù´¡×é¼þ £¬Âú×ãÏ°¹ß antd ¿ª·¢Ä£Ê½µÄÈËÔ±¡£


Pro ÊÇÒ»×é½ÓÄÉ×ÔÑÐ DataSet Êý¾ÝÔ´ £¬»ùÓÚ DataSet ½áºÏ×é¼þʵÏÖÊý¾ÝÇý¶¯ £¬ÇкϵʹúÂëÀíÄîµÄ¸ßЧÂÊ×é¼þ¡£


ÃæÏòÈËȺ

ͼƬ

1.ÆÕͨ¿ª·¢Õß

Ç°ºó¶ËÖƶ¨Ïà¹Ø¿ª·¢¹æ·¶ £¬Ìṩ¸»ºñµÄ×é¼þÀàÐÍ £¬²¢¿¼Âǵ½Öкǫ́ÆóÒµÐèÇó £¬×ÊÖú¿ª·¢Õß¼«´óÌáÉý¿ª·¢Ð§ÂÊ¡£

2.²úÆ·&¼¼ÊõÂôÁ¦ÈË

ͼƬ

ͨ¹ýÌåÑé×é¼þDemoÓë¼ì²ìÍêÉƵÄÎĵµ £¬×ÊÖúÏîÄ¿³õÆÚ¿ìËÙÑ¡ÐÍ¡¢Ñ°ÕÒ×î¼Ñʵ¼ù¡£

ͼƬ

3.Éè¼Æʦ

ͨ¹ý²Î¿¼UI×é¼þ¿â £¬×ÊÖúÍŶÓͳһÊÓ¾õ×÷·çÓëUI¹æ·¶¡£


»ù±¾ÌØÐÔ

¡¤ ¿ªÏä¼´Óà £¬ÊÊÓÃÓÚ React ¿ò¼ÜÏîÄ¿

¡¤ Ö§³Ö¹ú¼Ê»¯ £¬ÇкÏÖÐ̨ÏîÄ¿³¡¾°

¡¤ ÌáÁ¶ÆóÒµ¼¶Öкǫ́²úÆ·µÄ½»»¥ÓïÑÔºÍÊÓ¾õ×÷·ç

¡¤ Ê¹Óà TypeScript ¹¹½¨ £¬ÌṩÍêÕûµÄÀàÐͽç˵Îļþ

¡¤ Ö§³ÖÏÖ´úä¯ÀÀÆ÷ºÍ IE9 ¼°ÒÔÉÏ£¨ÐèÒª polyfills£©µÄÇé¿ö


ͼƬ


Choerodon UI×é¼þ¿â 1.4.x ÌØÐÔ½éÉÜ

Choerodon UI 1.4.0 °æ±¾

2021Äê6ÔÂ11ÈÕ £¬ Choerodon UI×é¼þ¿âÐû²¼ÁË1.4.0 °æ±¾ £¬Ö÷ÒªÌØÐÔÓÐÒÔÏÂÄÚÈÝ£º


ÏòÉÏ»¬¶¯ÔÄÀÀ


¡ö  Form

  • ÐÂÔö Item ×é¼þ £¬Ö§³ÖÕ¤¸ñ½á¹¹

  • ÐÂÔö highlightRenderer £¬Ö§³Ö±íµ¥×é¼þ¸ßÁÁЧ¹û

  • ·ÅÆú excludeUseColonTagList ÊôÐÔ

¡ö  Form Select TableµÈ×Ó×é¼þÖ§³Ö ReactFragment ǶÌ×

¡ö  Table

  • ÐÔÄÜÓÅ»¯

  • Ö§³Ö maxHeight ºÍ minHeight ÑùʽÊôÐÔ

  • Table ÐÂÔö¿çҳȫѡµÄ¹¦Ð§£¨Ðèºó¶Ë½Ó¿ÚÖ§³Ö£©

  • ÐÞ¸´±à¼­Æ÷ÔÚ DataSet Ä¿½ñ¼Í¼±¬·¢±ä¸ïʱµÄ¶¨Î»ÎÊÌâ

  • ÐÞ¸´Ê÷ÐηÖÒ³Êý¾ÝÖÐ idField Ϊ¿Õµ¼ÖÂËÀÑ­»·µÄÎÊÌâ

  • ÐÞ¸´ queryBar ¶àÓïÑÔÀàÐÍ×Ö¶ÎäÖȾÎÊÌâ

  • ÐÞ¸´Êó±êÅúÁ¿Ñ¡Ôñ¼Í¼½û¾øÈ·µÄÎÊÌâ

  • ÐÞ¸´ parityRow Õ¹¿ªÐÐäÖȾÎÊÌâ

¡ö  button £¬selectOption £¬Form label µÈ×é¼þÐÂÔö¶ÔÓ¦ Tooltip ÊôÐÔ £¬ÔöÇ¿Ìáʾ½»»¥

¡ö  ÌáʾÀà×é¼þ title ºÍ overlay µÈÊôÐÔÖ§³Ö¹³×Óº¯Êý £¬ÓÅ»¯ÐÔÄÜ

¡ö  Tree ÓÅ»¯À©Õ¹ showLine ÊôÐÔ

¡ö  NumberField ÓÅ»¯ÔÚûÓÐÖµµÄÇé¿öϵã»÷²½¾àÆ÷µÄ´¦Àí

¡ö  TextField ÓÅ»¯ clearButton äÖȾ½»»¥

¡ö  DatePicker ÐÞ¸´µã»÷Çå³ý°´Å¥ÊÇÈÕÀú»áµ¯³öÇÐÎÞ·¨¹Ø±ÕµÄÎÊÌâ

¡ö  DataSet

  • ÐÂÔösetAllPageSelection £¬getQueryParameter £¬getValidationErrors ÒªÁì

  • ÐÂÔöisAllPageSelection £¬unSelected £¬currentUnSelectedÖµ

  • ÓÅ»¯ appendData ÒªÁì²»ÊÜ·ÖÒ³Ó°Ïì

  • ÐÞ¸´Çå³ýobjectÀàÐÍ×ֶεÄֵʱ £¬Æä°ó¶¨×ֶβ»»áÌá½»nullÖµµÄÎÊÌâ

  • DataSet.Field: ÐÂÔö computedProps £¬highlight ÊôÐÔ £¬·ÅÆú dynamicProps ÊôÐÔ

  • DataSet.Record£ºÐÂÔö getValidationErrors ÒªÁì


Choerodon UI 1.4.1 °æ±¾

2021Äê6ÔÂ28ÈÕ £¬ Choerodon UI×é¼þ¿âÐû²¼ÁË 1.4.1 °æ±¾ £¬Ö÷ÒªÌØÐÔÓÐÒÔÏÂÄÚÈÝ£º


ÏòÉÏ»¬¶¯ÔÄÀÀ


¡ö  configure

  • ÐÂÔö performanceEnabled, onPerformance Ö§³ÖÐÔÄܼà¿Ø £¬ÐÔÄܼà¿ØÂñµãº¯Êý

  • ÐÂÔö tooltipTheme, validationTooltipTheme ÊôÐÔ

¡ö  Table

  • ÐÂÔö queryBarProps Ö§³Ö×Ô½ç˵ÅÌÎÊÌõÊôÐÔͨ±¨

  • ÐÂÔö showSelectionCachedButton ÊôÐÔ £¬ÓÃÓÚ¿ØÖÆÊÇ·ñÏÔʾ»º´æÊý¾Ý°´Å¥

  • Table.Column

        ? header ºÍ renderer ¹³×ÓÐÂÔö aggregation ²ÎÊý

        ? ÓÅ»¯¾ÛºÏÁÐµÄ command °´Å¥×ÝÏòÅÅÁÐ

        ? ÐÞ¸´ dynamicProps.label ¹ØÓÚÁÐÍ·ÎÞЧµÄÎÊÌâ

  • ÐÞ¸´¶³½áÁÐ hover ´©Í¸ÎÊÌâ

  • ÐÞ¸´µ¼³öÎÊÌâ £¬ÓÅ»¯ÍâµØµ¼³ö

¡ö  Button ÐÂÔö block ÊôÐÔ, funcType ÐÂÔö link ÀàÐÍ

¡ö  Tooltip ÐÂÔö theme ÊôÐÔ £¬Ö§³ÖÖ÷ÌâÇл»

¡ö  TreeSelect ÐÂÔö showCheckedStrategy ÊôÐÔ, ÅäÖà treeCheckable ʱ £¬½ç˵ѡÖÐÏî»ØÌîµÄ·½·¨

¡ö  Select popupContent ¹³×ÓÐÂÔö content dataSet textField valueField setValue ºÍ setPopup ²ÎÊý

¡ö  TriggerField: ÐÂÔö tabIntoPopupContent ÊôÐÔ, popupContent ¹³×ÓÐÂÔö setValue ºÍ setPopup ²ÎÊý

¡ö  PerformanceTable

  • ÐÂÔöµã»÷ÐиßÁÁÊôÐÔ highlightRow

  • ÐÞ¸´ÐéÄâת¶¯ÏÂäÖȾÒì²½µ¼ÖµÄת¶¯ÌõÒì³£

  • ÐÞ¸´Òƶ¯¶Ëת¶¯¿¨¶ÙµÄÎÊÌâ

¡ö  DataSet

  • ÐÞ¸´objectÀàÐÍ×Ö¶ÎʹÓÃtransformRequestת³É×Ö·û´®ÖµÊ±°ó¶¨µÄ×Ö¶ÎΪ¿ÕÖµµÄÎÊÌâ

  • DataSet.Record

        ? get ÒªÁìÖ§³Ö×Ö¶ÎÃûÊý×é²ÎÊý

        ? ÐÞ¸´ init ºÍ getPristineValue ÖÐÁ´Ê½°ó¶¨µÄÎÊÌâ

  • DataSet.Field:

        ? intlÀàÐ͵Ä×ֶδ´Á¢µÄÖÖÖÖÓïÑÔ×Ö¶ÎÖ§³Ö transformResponse ºÍ transformRequest ÊôÐÔ

        ? ÓÅ»¯±»°ó¶¨µÄ×Ö¶ÎÒ²»áÒò°ó¶¨×ֶεÄÖµ±ä»»¶ø´¥·¢Ð£Ñé

        ? ÐÞ¸´µÝ¹éŲÓà dynamicProps ʱµÄÎÊÌâ




Á˽â¸ü¶à

1¡¢ÈôÄú»¹ÏëÁ˽â Choerodon UI ×é¼þ¿â ¸üÏêϸµÄ¹¦Ð§½éÉܼ°Ê¹ÓÃÁ÷³Ì £¬Äú¿ÉÒÔ¼ì²ì¹ÙÍøÎĵµ¡£


2¡¢ÈôÔÚÌåÑé Choerodon UI×é¼þ¿â Àú³ÌÖÐÓöµ½ÁËÎÊÌâÐè·´Ïì £¬Äú¿ÉÒԵǼ¿ª·Åƽ̨ £¬Ñ¡Ôñ [¿ØÖÆ̨ - Ìá·´Ïì] £¬ÎÊÌâ·ÖÀàÑ¡Ôñ [Ç°¶Ë×é¼þ¿â - C7N-UI] ¡£


3¡¢ÈôÓÐÐèÇóʹÓÃÖ÷Ìâ°ü £¬¿ÉÁªÏµ78mÍþ¾Å¹ú¼ÊÇ°¶Ë»ù´¡Ñз¢ÍŶӣºwen.dai@hand-china.com


ÖÂл

Choerodon UI ×é¼þ¿â´Ó 0.6.0 °æ±¾¿ªÊ¼ºÏ²¢½ÓÈëPro ×é¼þ¿â £¬ÀۼƵü´ú°æ±¾ 100 +  £¬ÔÚGitHubÉÏÌá½»ÁËÔ¼ 1,150 ´Î¡£Í¨¹ý²»¾øÍêÉÆ×é¼þ¿â £¬Choerodon UI ×é¼þ¿â Pro ÒÑÄÜÎȶ¨Ö§³ÖÆóÒµ¼¶Öкǫ́ÏîÄ¿¿ª·¢¡£Ð»Ð»ÔÚ´ËÆÚ¼äÿһλÌṩ·´Ïì¡¢½¨ÒéÒÔ¼°Ð¢¾´µÄͬ°é¡£


¸÷ÈË¿ÉÒÔͨ¹ýÒÔÏÂ;¾¶Á˽âChoerodon UI×é¼þ¿âµÄÎĵµºÍ×îж¯Ì¬£º

 

¡¾Choerodon UI×é¼þ¿â¹ÙÍø¡¿

https://open-hand.github.io/choerodon-ui/

 

¡¾Choerodon UI×é¼þ¿â¹ÙÍø-º£ÄÚ¾µÏñµØµã¡¿

https://open-hand.gitee.io/choerodon-ui

 

¡¾GItHub¡¿

https://github.com/open-hand/choerodon-ui

 

¡¾Òýµ¼½Ì³Ì¡¿

https://open-hand.gitee.io/choerodon-ui/zh/tutorials/introduction

 

¡¾¸üÐÂÈÕÖ¾¡¿

https://open-hand.gitee.io/choerodon-ui/zh/docs/other/CHANGELOG

 

¡¾¹Ù·½Ö÷Ìâ½éÉÜ¡¿

https://open-hand.gitee.io/choerodon-ui/zh/docs/other/ued-theme

£¨Ç븴ÖÆÖÁä¯ÀÀÆ÷Öз­¿ª£©


ͼƬ
ͼƬ
ͼƬ

ÍƼöÔĶÁ

ͼƬ
ͼƬ
ͼƬ


Èȵã

¡¸78mÍþ¾Å¹ú¼ÊAIÊÃ÷ÈÕ½ÂäµØ³¡¾°·ÖÏí¡¹

202578mÍþ¾Å¹ú¼ÊÓû§´ó»áÊ¢´óÆôÄ» £¬Êý¡¸ÖÇ¡¹¸³ÄÜ £¬¡¸É¡¹Ò«Î´À´£¡

78mÍþ¾Å¹ú¼ÊH-ONEÈÚºÏÊý¾Ýƽ̨ȫÏß²úÆ· £¬Õýʽ½ÓÈëDeepSeek£¡

  • ÓÑÇéÁ´½Ó
  • »ãÁªÒ×
  • SRM
  • 1mÖþÔì
  • ÕçÒ»
  • ¶¦Ò½ÐÅÏ¢
  • ÕçÁãһŵ
? Copyright Hand China Co.,Ltd. All Rights Reserved 78mÍþ¾Å¹ú¼Ê
  • 78mÍþ¾Å¹ú¼Ê(¼¯ÍÅ)ÖйúÇøÓÐÏÞ¹«Ë¾-BinG°Ù¿Æ »¦ICP±¸14039535ºÅ-1
  • 78mÍþ¾Å¹ú¼Ê(¼¯ÍÅ)ÖйúÇøÓÐÏÞ¹«Ë¾-BinG°Ù¿Æ »¦¹«Íø°²±¸ 31011802002577ºÅ

ÒµÎñ×Éѯ

ÍêÉÆÐÅÏ¢ºóÎÒÃÇ»áµÚһʱ¼ä¸úÄúÁªÏµ

*
*
*
*
*ÇëÊäÈëÕýÈ·µÄÑéÖ¤Âë
captcha
·¢ËÍʧ°Ü
78mÍþ¾Å¹ú¼Ê(¼¯ÍÅ)ÖйúÇøÓÐÏÞ¹«Ë¾-BinG°Ù¿Æ 78mÍþ¾Å¹ú¼Ê(¼¯ÍÅ)ÖйúÇøÓÐÏÞ¹«Ë¾-BinG°Ù¿Æ 78mÍþ¾Å¹ú¼Ê(¼¯ÍÅ)ÖйúÇøÓÐÏÞ¹«Ë¾-BinG°Ù¿Æ
΢ÐÅɨÂë ÔÚÏß×Éѯ
ÁªÏµ78mÍþ¾Å¹ú¼Ê
400-168-4263
ÒµÎñ×Éѯ
ÍêÉÆÐÅÏ¢ºóÎÒÃÇ»áµÚһʱ¼ä¸úÄúÁªÏµ
ÍøÕ¾µØͼ