рдПрдХ рдЬрдЧрд╣ рдкрд░ рдЪрд░реНрдЪрд╛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд┐ рд╣рдо рдХреНрдпрд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ / [email protected]
:
рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ @ 16 рд░рд┐рд╢реНрддреЗрджрд╛рд░
ref: string
рд╕реЗ ref: function
...
atd рдХрд╛ рдЕрдкрдирд╛
LocaleProvider
рдХреЛ рдмрджрд▓рд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдП en
jsx
// We need to link moment before antd's dist file after [email protected]
<script src="moment.js"></script>
<script src="antd.js"></script>
рдЙрдкрдХрд░рдг
...
рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛ рд░рд┐рд╢реНрддреЗрджрд╛рд░
...
рд╕рд╛рдЗрдЯ ant.design
...
рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ред
рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ред
https://github.com/ant-design/ant-design/issues/5140 рдПрдХ рд╕рдВрдкрд╛рджрди рдпреЛрдЧреНрдп рдЦреЗрд▓ рдХрд╛ рдореИрджрд╛рди рд╣реЛ рд╕рдХрддрд╛ рд╣реИред
рд╢рд╛рдпрдж рд╣рдорд╛рд░реЗ рдбрд┐рдЬрд╛рдЗрдирд░ рдХреА рдпреЛрдЬрдирд╛ рдХреЗ рдмрд╛рдж, рдПрдХ рдмрдбрд╝рд╛ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рдлрд╝реЙрдиреНрдЯ рдЖрдХрд╛рд░ред
Refactor cloneElement
рд╕реЗ context
?
рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓рдирд╛ # 1473?
рдореИрдВ рдЕрднреА рднреА рдЕрдзрд┐рдХ рдордЬрдмреВрдд рдЕрдВрддрд░реНрдирд┐рд╣рд┐рдд i18n рд╕рдорд░реНрдерди https://github.com/ant-design/ant-design/issues/5554#issuecomment -290372828 рдХреЗ рд▓рд┐рдП рдЖрд╢рд╛ рдХрд░рддрд╛ рд╣реВрдВ
рд╕реБрдзрд╛рд░ рдФрд░ рд╕рд╣реА рдШрдЯрдХ ts рдкрд░рд┐рднрд╛рд╖рд╛ рдХреА рдЯрд┐рдкреНрдкрдгреА?
2-> 3, рдпрд╛ 1-> 3 рдХреЗ рдЙрдкрдХрд░рдгреЛрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреНрдпрд╛?
@yesmeck рдЗрд╕ https://github.com/ant-design/ant-design/issues/5570#issuecomment -290622803 рдХрд╛ рдорддрд▓рдм рд╣реИ рдХрд┐ рд╣рдореЗрдВ Tabs.TabPane[key]
рдФрд░ Menu.Item[key]
...
рдореИрдВ рдЕрднреА рднреА рдЕрдзрд┐рдХ рдордЬрдмреВрдд рдЕрдВрддрд░реНрдирд┐рд╣рд┐рдд i18n рд╕рдорд░реНрдерди # 5554 (рдЯрд┐рдкреНрдкрдгреА) рдХреЗ рд▓рд┐рдП рдЖрд╢рд╛ рдХрд░рддрд╛ рд╣реВрдВ
@plandem рдореИрдВ рдореВрд▓реНрдпрд╛рдВрдХрди рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдЖрдЗрдП рдЙрд╕ рдореБрджреНрджреЗ рдкрд░ рдЪрд░реНрдЪрд╛ рдХрд░рддреЗ рд░рд╣реЗрдВред
рд╕реБрдзрд╛рд░ рдФрд░ рд╕рд╣реА рдШрдЯрдХ ts рдкрд░рд┐рднрд╛рд╖рд╛ рдХреА рдЯрд┐рдкреНрдкрдгреА?
@infeng рдпрд╣реА рдХрд╛рд░рдг рд╣реИ рдХрд┐ рдореИрдВ рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдореЗрдВ рдбреЗрдореЛ рдлрд┐рд░ рд╕реЗ рд▓рд┐рдЦрдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ, рддрд╛рдХрд┐ рд╣рдо рдкрд░рд┐рднрд╛рд╖рд╛ рдореЗрдВ рдореБрджреНрджреЛрдВ рдХреЛ рдиреЛрдЯрд┐рд╕ рдХрд░ рд╕рдХреЗрдВ https://github.com/ant-design/ant-design/issues/5390
2-> 3, рдпрд╛ 1-> 3 рдХреЗ рдЙрдкрдХрд░рдгреЛрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреНрдпрд╛?
рд╣рд╛рдВ, рд╣рдореЗрдВ рдЕрднреА рднреА https://github.com/ant-design/ant-design/issues/3759#issuecomment -272353773 рдЬреИрд╕реЗ рдЙрдкрдХрд░рдг рдкреНрд░рджрд╛рди рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ, рд╣рд╛рд▓рд╛рдВрдХрд┐ рдпрд╣ рдПрдХ рд╕рд╣реА рд╕рдорд╛рдзрд╛рди рдирд╣реАрдВ рд╣реИ
@sorrycc рдЖрдк webpack@2
рдмрд╛рд░реЗ рдореЗрдВ рдХреНрдпрд╛ рд╕реЛрдЪрддреЗ рд╣реИрдВ?
рд╕рдореГрджреНрдз рдкрд╛рда рд╕рдВрдкрд╛рджрдХ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреЛрдИ рдкреНрд░рдЧрддрд┐? # 1083
рд╕рдВрдкрд╛рджрдХ рдЕрднреА рдХреЗ рд▓рд┐рдП рд╣рдорд╛рд░реА рд╣рд╛рд▓ рдХреА рдпреЛрдЬрдирд╛ рдореЗрдВ рдирд╣реАрдВ рд╣реЛ рд╕рдХрддрд╛ рд╣реИред
ThemeProvider рдХреА рдЪрд░реНрдЪрд╛ https://github.com/ant-design/ant-design/issues/5656 рдореЗрдВ рдХреА рдЬрд╛рдиреА рдЪрд╛рд╣рд┐рдП
рд▓реЗрдХрд┐рди рдореБрдЭреЗ рдпрдХреАрди рдирд╣реАрдВ рд╣реИ рдХрд┐ рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рдЗрд╕реЗ [email protected]
рдореЗрдВ рдкреЗрд╢ рдХрд░рдиреЗ рдХрд╛ рд╕рдордп рд╣реИред
рдЪрд╛рд░реНрдЯ рдХреЗ рд▓рд┐рдП рдирдИ рд╕реБрд╡рд┐рдзрд╛ рдЬреЛрдбрд╝реЗрдВ
рдЬреИрд╕реЗ рдХрд┐ рдкрд╛рдИ, рдЙрдирдХрд╛ рдЪрд┐рддреНрд░ рдЖрджрд┐ред
рдЪрд╛рд░реНрдЯ рдХреЗ рд▓рд┐рдП рдирдИ рд╕реБрд╡рд┐рдзрд╛ рдЬреЛрдбрд╝реЗрдВ
рдореИрдВ рдЗрд╕рдХреЗ рдЦрд┐рд▓рд╛рдл рд╣реВрдВред рдпрд╣ рдШрдЯрдХреЛрдВ рдХрд╛ рдПрдХ рдЕрд▓рдЧ рд╡рд░реНрдЧ рд╣реИред
рдпрджрд┐ рдЖрдк рдПрдХ рд╣реА рдЯреАрдо рд╕реЗ рдЪрд╛рд░реНрдЯ рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рддреЛ рдЖрдк рдЗрд╕реЗ рдЖрдЬрд╝рдорд╛ рд╕рдХрддреЗ рд╣реИрдВ:
https://antv.alipay.com/index.html
рдПрдиреЛрдб рд╕реЗ рдЧрд╛рдпрдм рд╣реЛрдиреЗ рд╡рд╛рд▓рд╛ рдПрдХ рдШрдЯрдХ рдЬрд┐рд╕реЗ рдореИрдВ рдЦреБрдж рдХреЛ рдмрд╛рд░-рдмрд╛рд░ рд╕рднреА рдкрд░рд┐рдпреЛрдЬрдирд╛рдУрдВ рдореЗрдВ рд▓рд╛рдЧреВ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ, рд╡рд╣ рдСрдл-рд╕реНрдХреНрд░реАрди рд╕рд╛рдЗрдбрдмрд╛рд░ рд╣реИред
рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛-рд╕рд╛рдЗрдбрдмрд╛рд░ рдПрдХ рдЕрдЪреНрдЫрд╛ рдШрдЯрдХ рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рдкреЗрдЬ рдкрд░ рд╕реНрдХреНрд░реЙрд▓ рдХрд░рдиреЗ рдХреЗ рд╕рд╛рде рд╕рдм рдХреБрдЫ рддреЛрдбрд╝ рджреЗрддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдпрд╣ рдмрд╣реБрдд рдмреЗрдХрд╛рд░ рд╣реИред рд╕реНрдкрд░реНрд╢ рдЙрдкрдХрд░рдгреЛрдВ рдкрд░ рд╕реНрд╡рд╛рдЗрдк рд╕рдорд░реНрдерди рдХреЗ рд╕рд╛рде рдПрдХ рдПрдХреАрдХреГрдд рд╕рд╛рдЗрдбрдмрд╛рд░, 3.0 рдХреЗ рд▓рд┐рдП рдореЗрд░реА рд╕рдмрд╕реЗ рдмрдбрд╝реА рдЗрдЪреНрдЫрд╛ рд╣реЛрдЧреА!
@ рдЬреЗрд╕реНрдкрд░ рд╣рдореЗрдВ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЖрдкрдХреЛ рдХреНрдпрд╛ рдЪрд╛рд╣рд┐рдП рд▓реЗрдЖрдЙрдЯ.рд╕рд╛рдЗрдбрд░
@benjycui рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдореИрдВрдиреЗ рдХреБрдЫ рдорд╣реАрдиреЛрдВ рдХреЗ рд▓рд┐рдП рд╕рд╛рдЗрдбрд░ рдХреЛ рдирд╣реАрдВ рджреЗрдЦрд╛ рд╣реИ, рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ 2.6 рдХреЗ рдмрд╛рдж рд╕реЗ рдПрдХ рдХрд╕реНрдЯрдо рдЯреНрд░рд┐рдЧрд░ рд╣реИ, рдЬреЛ рдЗрд╕реЗ рдкрд╣рд▓реЗ рдХреА рддреБрд▓рдирд╛ рдореЗрдВ рдЕрдзрд┐рдХ рдЙрдкрдпреЛрдЧреА рдмрдирд╛рддрд╛ рд╣реИред рд╣рд╛рд▓рд╛рдБрдХрд┐ рдпрд╣ рдЕрднреА рднреА рд╕рд╛рдордЧреНрд░реА рдХреЙрд▓рдо рдХреЛ рд╕рдВрдХреБрдЪрд┐рдд рд╣реЛ рдЬрд╛рддрд╛ рд╣реИ рдЬрдм рдпрд╣ рджрд┐рдЦрд╛рдИ рджреЗрддрд╛ рд╣реИ, рддреЛ рдпрд╣ рдПрдХ рд╕рд╛рдЗрдбрдмрд╛рд░ рдХреЗ рд░реВрдк рдореЗрдВ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдпреЛрдЧреНрдп рдирд╣реАрдВ рд╣реИред
рд▓реЗрдХрд┐рди рдЗрд╕реЗ рдХреБрдЫ рдирдП рдкреНрд░реЙрдкреНрд╕ рдХреЗ рд╕рд╛рде рд╕рд╛рдЗрдбрдмрд╛рд░ рдХреА рддрд░рд╣ рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдмрдврд╝рд╛рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ:
cover: true
рдЗрд╕реЗ рдирд┐рдЪреЛрдбрд╝рдиреЗ рдХреЗ рдмрдЬрд╛рдп рдкреГрд╖реНрда рд╕рд╛рдордЧреНрд░реА рдХреЗ рд╢реАрд░реНрд╖ рдкрд░ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдПредmask: true
редmaskCloseable: true
рдЬрдм рдмрд╛рд╣рд░ рдХреНрд▓рд┐рдХ рдХрд┐рдпрд╛ рдЧрдпрд╛ рддреЛ рдЙрд╕реЗ рдврд╣рд╛рдиреЗ рдХреЗ рд▓рд┐рдПредрдФрд░ рдЕрдВрдд рдореЗрдВ рдПрдХ рд╕рдкрдиреЗ рдХреА рджреБрдирд┐рдпрд╛ рдореЗрдВ
swipeable: true
рдмреЗрд╣рддрд░ рдЯрдЪ рдбрд┐рд╡рд╛рдЗрд╕ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП (рд▓реЗрдХрд┐рди рдЪреВрдВрдХрд┐ рдЖрдк рд╢рд╛рдпрдж рдПрдХ рдбреЗрд╕реНрдХрдЯреЙрдк рдЪреАрдЬрд╝ рдХреЗ рд░реВрдк рдореЗрдВ atd рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╕реЛрдЪ рд░рд╣реЗ рд╣реИрдВ, рдпрд╣ atd рдХреЗ рдмрд╛рд╣рд░ рднреА рдкреНрд░рд╛рдкреНрдд рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ)ред@benjycui @JesperWe рд▓реЗрдЖрдЙрдЯ.рд╕рд╛рдЗрдбрд░ рдбреЗрдореЛ рдореЗрдВ, рдЬрдм рдореЛрдмрд╛рдЗрд▓ рдореЗрдВ рд╕рд╛рдЗрдбрд░ рдЦреБрд▓рддрд╛ рд╣реИ, рддреЛ рд╕рд╛рдордЧреНрд░реА рдирд┐рдЪреЛрдбрд╝ рд▓реА рдЬрд╛рддреА рд╣реИ (рдЬреЛ рдЦрд░рд╛рдм рд╣реИ)ред
рдХреНрдпрд╛ рд╕рд╛рдордЧреНрд░реА рдХреЛ рджрд╛рдИрдВ рдУрд░ рдзрдХреЗрд▓рдирд╛ рд╕рдВрднрд╡ рд╣реИ? рдпрд╛ рд╕рд╛рдордЧреНрд░реА рдХреЗ рд╢реАрд░реНрд╖ рдкрд░ рд╕рд╛рдЗрдбрд░ рд░рдЦрдирд╛?
рдлрд┐рд░ рднреА рдПрдХ рдФрд░ рдкрд░рд┐рд╡рд░реНрддрди рдЬреЛ рдореИрдВ рдЕрдЧрд▓реЗ рдкреНрд░рдореБрдЦ рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ, рдФрд░ рдЖрдкрдХреЛ рд╕рд▓рд╛рд╣ рджреЗрдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ: https://github.com/ant-design/ant-design/issues/6139
@JesperWe рддреЛ, рдХреНрдпрд╛ рдЖрдк рдХреА рдЬрд░реВрд░рдд рд╣реИ рдХреБрдЫ рджрд░рд╛рдЬ рдХреА рддрд░рд╣ рдмрд╛рдд рд╣реИред
рдФрд░ рд╣рдореЗрдВ рдпрд╣рд╛рдВ рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХреЗ рд╡рд┐рд╡рд░рдг рдкрд░ рдЪрд░реНрдЪрд╛ рдирд╣реАрдВ рдХрд░рдиреА рдЪрд╛рд╣рд┐рдП, рдмрд╕ рдЪрд░реНрдЪрд╛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдирдпрд╛ рдореБрджреНрджрд╛ рдЦреЛрд▓реЗрдВред
рддрд░рд╣: @benjycui рдареАрдХ рд╣реИ рдЗрд╕рд▓рд┐рдП рдореИрдВ рдЕрдкрдиреЗ 3.0 рд╕рдкрдирд╛ :-) рдЕрд▓рдЧ рддрд░реАрдХреЗ рд╕реЗ рд╡реНрдпрдХреНрдд рджрд░рд╛рдЬ antd рдореЗрдВ рдПрдХреАрдХреГрдд (antd-рдореЛрдмрд╛рдЗрд▓ рдЬреЛрдбрд╝рдиреЗ рдХреНрдпреЛрдВрдХрд┐ / рджрд░рд╛рдЬ рдмрдВрдбрд▓ рдмрд╣реБрдд рдмрдбрд╝рд╛ рдмрдирд╛ рджреЗрддрд╛ рд╣реИ рдФрд░ рдЕрд╡рд╛рдВрдЫрд┐рдд рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рджреЗрд╢реА рд╕рд╛рдорд╛рди рдХреЗ рдмрд╣реБрдд рд╕рд╛рд░реЗ рдХрд╣рддреЗ рд╣реИрдВ)
рдкрд░рд┐рдгрд╛рдореЛрдВ рдХреА рддреБрд▓рдирд╛ рдХрд░реЗрдВ рдФрд░ рд░реЛрд▓рдЕрдк рдХреЛ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдкреИрдХрд░ рдорд╛рдиреЗрдВред
рдпрд╣рд╛рдБ рдХреБрдЫ рд╡рд┐рдЪрд╛рд░ рд╣реИрдВ:
https://medium.com/webpack/webpack-and-rollup-the-same-but-different-a41ad427058c
рдкрд░рд┐рдгрд╛рдореЛрдВ рдХреА рддреБрд▓рдирд╛ рдХрд░реЗрдВ рдФрд░ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдкреИрдХрд░ рдХреЗ рд░реВрдк рдореЗрдВ рд░реЛрд▓рдЕрдк рдкрд░ рд╡рд┐рдЪрд╛рд░ рдХрд░реЗрдВред
рд╣рдо рдЗрд╕реЗ 2.x рдореЗрдВ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдХреНрдпреЛрдВрдХрд┐ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдХреЛрдИ рдмрджрд▓рд╛рд╡ рдорд╣рд╕реВрд╕ рдирд╣реАрдВ рдХрд░реЗрдВрдЧреЗред
рдФрд░ рдЖрдк рдЗрд╕ рд╡рд┐рдЪрд╛рд░ @plandem рдкрд░ рдЪрд░реНрдЪрд╛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдирдпрд╛ рдореБрджреНрджрд╛ рдЦреЛрд▓ рд╕рдХрддреЗ рд╣реИрдВ
Https://github.com/styled-compenders/styled-compords рдХреЗ рд╕рд╛рде рдХрдо рдмрджрд▓рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕
рд╕реНрдЯрд╛рдЗрд▓-рдШрдЯрдХреЛрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ, рдореБрдЭреЗ рдмрд╣реБрдд рд╕рдорд╕реНрдпрд╛рдПрдБ рд╣реИрдВ:
рдпрд╣реА рдХрд╛рд░рдг рд╣реИ рдХрд┐ try
рдЕрд╕реНрддрд┐рддреНрд╡ рдореЗрдВ рд╣реИ, рд╕рдВрдЧрддрддрд╛ рдПрдХ рдмрдбрд╝реА рд╕рдорд╕реНрдпрд╛ рд╣реИ рдЬрд┐рд╕ рдкрд░ рд╣рдореЗрдВ рд╡рд┐рдЪрд╛рд░ рдХрд░рдирд╛ рд╣реЛрдЧрд╛ред
рд╣рдореЗрдВ рдХрдореНрдкреИрдЯрд┐рдмрд┐рд▓рд┐рдЯреА рдХреЗ рд▓рд┐рдП рдкреВрд░реЗ рдХрд░рдВрдЯ css рдХреНрд▓рд╛рд╕рдирд╛рдореЗ рдмрдиреЗ рд░рд╣рдирд╛ рд╣реИ, рдЬрдмрдХрд┐ рд╕реНрдЯрд╛рдЗрд▓-рдХрд▓рдкреБрд░реНрдЬреЗ рдЙрддреНрдкрдиреНрди рдХрд░реЗрдВрдЧреЗ рдпрд╣ рд╕реНрдЯрд╛рдЗрд▓ рдХреЗ рд▓рд┐рдП рдЕрдкрдирд╛ рдЦреБрдж рдХрд╛ рдХреНрд▓рд╛рд╕рдирд╛рдо рд╣реИ, рдпрд╣ рдЕрддрд┐рд░реЗрдХ рдФрд░ рд░рдЦрд░рдЦрд╛рд╡ рдХреЗ рд▓рд┐рдП рдХрдард┐рди рд╣реЛрдЧрд╛?
рджрд░рдЕрд╕рд▓, рдпрд╣ рдХреЛрдИ рдореБрджреНрджрд╛ рдирд╣реАрдВ рд╣реИред рд╡рд░реНрддрдорд╛рди рд╕реАрдПрд╕рдПрд╕ рд╡рд░реНрдЧрдирд╛рдо рдХреЗрд╡рд▓ рд╕рдВрдЧрддрддрд╛ рдХреЗ рд▓рд┐рдП рдирд╣реАрдВ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдЪрдпрдирдХрд░реНрддрд╛ рдЬреЛ рд╣рдо рдкрд░реАрдХреНрд╖рдг рдореЗрдВ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ (рдЬреИрд╕реЗ рдПрдВрдЬрд╛рдЗрдо)ред рдЗрд╕рд▓рд┐рдП, рд╣рдореЗрдВ рдЙрдиреНрд╣реЗрдВ рд░рдЦрдирд╛ рдЪрд╛рд╣рд┐рдПред
@paranoidjk @ afc163 @benjycui
Hiya, рдореИрдВ рд╕реНрдЯрд╛рдЗрд▓-рдХрдВрдкреЛрдиреЗрдВрдЯреНрд╕ рдХреЛрд░-рдпреЛрдЧрджрд╛рдирдХрд░реНрддрд╛рдУрдВ рдореЗрдВ рд╕реЗ рдПрдХ рд╣реВрдВ рдФрд░ рдЗрд╕ рдзрд╛рдЧреЗ рдХреЛ рд╣рдорд╛рд░реЗ рд░реЗрдкреЛ (рдКрдкрд░ рджреЗрдЦреЗрдВ) рдкрд░ рдПрдХ рдЦреБрд▓реЗ рдореБрджреНрджреЗ рдХреЗ рдХрд╛рд░рдг рдорд┐рд▓рд╛, рдЬрд┐рд╕рдиреЗ рдореБрдЭреЗ рд╕реВрдЪрд┐рдд рдХрд┐рдпрд╛ рдХрд┐ рдпрд╣ рд▓рд┐рдмрд╛рд╕ SC рдХрд╛ рд╕рдорд░реНрдерди рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред рд╕рдВрдпреЛрдЧ рд╕реЗ рдореИрдВрдиреЗ рдлрд┐рд░ рдЗрд╕ рдмрд╛рддрдЪреАрдд рдХреЛ рдкрд╛рдпрд╛: рдкрд▓рдХ: - рдареАрдХ рд╣реИ, рд╕рдВрджрд░реНрдн рдЕрдм рдПрдХ рддрд░рдл
рдСрдЯреЛрдкреНрд░реЗрдХреНрд╕рд┐рдлрд╝рд░ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдкреЛрд╕реНрдЯрдХрд╛рд╕реНрдЯ рдХреА рддреБрд▓рдирд╛ рдореЗрдВ рдмрд╣реБрдд рд╡рд┐рд╢реНрд╡рд╕рдиреАрдп рдирд╣реАрдВ рд╣реЛ рд╕рдХрддреА рд╣реИ
рд╣рдордиреЗ рдзреНрдпрд╛рди рд╕реЗ stylis
рдФрд░ @thysultan рдХреЗ рд╕рд╛рде рдорд┐рд▓рдХрд░ рдХрд╛рдо рдХрд░ рд░рд╣реЗ рд╣реИрдВ, рдЬреЛ рдЗрд╕реЗ рд╡рд┐рдХрд╕рд┐рдд рдХрд░рддрд╛ рд╣реИред рд╣рдордиреЗ рдЗрд╕реЗ рдирд╣реАрдВ рдЪреБрдирд╛ рд╣реИ, рдЕрдЧрд░ рдпрд╣ рдкреЛрд╕реНрдЯрд╕реАрдПрд╕рдПрд╕ рдФрд░ рдХреБрдЫ рдореБрджреНрджреЛрдВ рдХреЗ рдпреЛрдЧреНрдп рдкреНрд░рддрд┐рд╕реНрдерд╛рдкрди рдирд╣реАрдВ рдерд╛ рдЬреЛ рдЗрд╕рдореЗрдВ рдереЗ (v3 рдореЗрдВ рд▓рд╛рдкрддрд╛ рдЙрдкрд╕рд░реНрдЧреЛрдВ рдХреЗ рдПрдХ рдЬреЛрдбрд╝реЗ), рдмрд╣реБрдд рдЬрд▓реНрджреА рд╣рд▓ рд╣реЛ рдЧрдП рдереЗред V2 рдЦреБрдж рдХреЛ рдХреБрдЫ рдорд╣реАрдиреЛрдВ рдХреЗ рд▓рд┐рдП btw рдмрдирд╛рдиреЗ рдореЗрдВ рд░рд╣рд╛ рд╣реИ, рдФрд░ рдЕрдм рдЕрдВрдд рдореЗрдВ рдмрд╛рд╣рд░ рд╣реИред рд╣рдо рдирд┐рд╢реНрдЪрд┐рдд рд░реВрдк рд╕реЗ рдЙрд╕ рд╣рд┐рд╕реНрд╕реЗ рдкрд░ рдкреНрд░рддрд┐рдЬреНрдЮрд╛ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рдпрджрд┐ рдЖрдк SC рдХреЗ рд╕рд╛рде рдЬрд╛рдПрдВрдЧреЗ рддреЛ рдЗрд╕ рдХреНрд░рд┐рдпрд╛рдиреНрд╡рдпрди рд╡рд┐рд╡рд░рдг рдХреЛ рд╣рдорд╛рд░реА рдЪрд┐рдВрддрд╛ рд╣реЛрдиреЗ рджреЗрдВ: рдореБрд╕реНрдХрд╛рди:
рдЬрд┐рд╕ рдлрд╝рд╛рдЗрд▓ рдХреЛ рдЖрдк рдЗрдВрдЧрд┐рдд рдХрд░ рд░рд╣реЗ рд╣реИрдВ рд╡рд╣ рдЙрдкрдпреЛрдЧ рдореЗрдВ рдирд╣реАрдВ рд╣реИ рдФрд░ рдЕрдм btw рдХреЛ рд╣рдЯрд╛ рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ, рдФрд░ рдЗрдирд▓рд╛рдЗрди-рд╢реИрд▓реА-рдЙрдкрд╕рд░реНрдЧ рдХреЗ рд╕рд╛рде рдкреБрд░рд╛рдиреЗ рдСрдЯреЛ-рдкреНрд░реАрдлрд╝рд┐рдХреНрд╕рд┐рдВрдЧ рдХрд╛ рд╣рд┐рд╕реНрд╕рд╛ рд╣реИред рд▓реЗрдХрд┐рди рдпрд╣ рднреА (рдФрд░ рд╣рдорд╛рд░реЗ рд▓рд┐рдП рдерд╛) @rofrischmann рджреНрд╡рд╛рд░рд╛ css-in-js рд╕рдореБрджрд╛рдп рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдПрдХ рдмрд╣реБрдд, рдмрд╣реБрдд, рдмрд╣реБрдд рд╡рд┐рд╢реНрд╡рд╕рдиреАрдп рд╕рдорд╛рдзрд╛рди рд╣реИред
рдпрд╛ рд╣рдо рдХрд╣ рд╕рдХрддреЗ рд╣реИрдВ, рдПрдХ рдмрд╛рд░ рд╕реАрдПрд╕рдПрд╕-рдЗрди-рдЬреЗрдПрд╕ рд▓реЗрдиреЗ рдХреЗ рдмрд╛рдж, рд╣рдо рдкреЛрд╕реНрдЯ-рд╕реАрдПрд╕рдПрд╕ рдкреНрд▓рдЧрдЗрди рд╕рд┐рд╕реНрдЯрдо рдХреА рд╕реБрд╡рд┐рдзрд╛ рдЦреЛ рджреЗрдВрдЧреЗ, рдЬреИрд╕реЗ рдХрд┐ рдкреАрдПрдХреНрд╕-рдЯреВ-рд░реЗрдо?
рдЪреВрдВрдХрд┐ рд╣рдорд╛рд░реЗ рдЯреИрдЧ рдХрд┐рдП рдЧрдП рдЯреЗрдореНрдкреНрд▓реЗрдЯ рд╢рд╛рдмреНрджрд┐рдХ рдореЗрдВ рдкреНрд░рдХреНрд╖реЗрдк рдореЗрдВ рдЖрдк рдХрд┐рд╕реА рднреА рдЬреЗрдПрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рд╕рд░рд▓ рдХрд╛рд░реНрдп рдЙрд╕ рд╕рднреА рд╕рд╛рдорд╛рди рдХреЛ рдмрджрд▓ рд╕рдХрддреЗ рд╣реИрдВред рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ "рдкреЙрд▓рд┐рд╢" рдирд╛рдордХ рдПрдХ рдЕрд▓рдЧ рдкрд░рд┐рдпреЛрдЬрдирд╛ рд╣реИ рдЬреЛ рд╕реАрдПрд╕рдПрд╕-рдЗрди-рдЬреЗрдПрд╕ рдХреЗ рд▓рд┐рдП рд▓реЙрд╢ рдХреА рддрд░рд╣ рд╣реИ рдФрд░ рд╕рднреА рдорд┐рдХреНрд╕рд┐рдВрд╕ (рдпрд╛рдиреА рд╕рд╣рд╛рдпрдХ рдХрд╛рд░реНрдпреЛрдВ) рдХреЗ рд╕рд╛рде рдЖрддреА рд╣реИ, рдЬрд┐рд╕реЗ рдЖрдк рдПрд╕рдПрдПрд╕рдПрд╕ / рд▓реЗрд╕ рдФрд░ рд▓рд╛рдЗрдХ: https: // рдкреЙрд▓рд┐рд╢ рд╕реЗ рдЙрдореНрдореАрдж рдХрд░реЗрдВрдЧреЗред js.org
(рд╣рдо рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рди рддреЛ рдКрдкрд░ рдмрддрд╛рдП рдЧрдП рдкреЛрд╕реНрдЯрд╕реАрдПрд╕рдПрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рди рд╣реА рд╣рдордиреЗ рдЗрд╕рдХреЗ рдкреНрд▓рдЧ рдЗрди рдХрд╛ рд╕рдорд░реНрдерди рдХрд┐рдпрд╛ рд╣реИ)
рд╣рдореЗрдВ рдХрдореНрдкреИрдЯрд┐рдмрд┐рд▓рд┐рдЯреА рдХреЗ рд▓рд┐рдП рдкреВрд░реЗ рдХрд░рдВрдЯ css рдХреНрд▓рд╛рд╕рдирд╛рдореЗ рдмрдиреЗ рд░рд╣рдирд╛ рд╣реИ, рдЬрдмрдХрд┐ рд╕реНрдЯрд╛рдЗрд▓-рдХрд▓рдкреБрд░реНрдЬреЗ рдЙрддреНрдкрдиреНрди рдХрд░реЗрдВрдЧреЗ рдпрд╣ рд╕реНрдЯрд╛рдЗрд▓ рдХреЗ рд▓рд┐рдП рдЕрдкрдирд╛ рдЦреБрдж рдХрд╛ рдХреНрд▓рд╛рд╕рдирд╛рдо рд╣реИ, рдпрд╣ рдЕрддрд┐рд░реЗрдХ рдФрд░ рд░рдЦрд░рдЦрд╛рд╡ рдХреЗ рд▓рд┐рдП рдХрдард┐рди рд╣реЛрдЧрд╛?
рдпрджрд┐ рдЖрдкрдХреЛ рдХрд╕реНрдЯрдо рдХреНрд▓рд╛рд╕рдиреЗрдо рд╕рдВрд▓рдЧреНрди рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ, рддреЛ рдЖрдк рдЖрд╕рд╛рдиреА рд╕реЗ рд╣рдорд╛рд░реЗ .attrs
рдкрджреНрдзрддрд┐ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЬреЛ рдЖрдкрдХреЛ рдПрдХ рдШрдЯрдХ рдХреЗ рд▓рд┐рдП рдЕрддрд┐рд░рд┐рдХреНрдд рдкреНрд░реЙрдк рд╕рдВрд▓рдЧреНрди рдХрд░рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрддрд╛ рд╣реИред рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП:
const ButtonLink = styled.a.attrs({
className: 'your-custom-extra-classname'
})`
... // css and stuff
`
рдХреБрдЫ рдФрд░ рдЕрдЪреНрдЫрд╛рдИ рдФрд░ рд╡рд┐рд╢реЗрд╖рддрд╛рдПрдВ:
css
рд╕рд╣рд╛рдпрдХ рдХреЗ рд╕рд╛рде рдорд┐рдХреНрд╕рд┐рдВрд╕ / рд╢реЗрдпрд░реНрдб рд╕реНрдЯрд╛рдЗрд▓ рд▓рд┐рдЦ рд╕рдХрддреЗ рд╣реИрдВрдЕрдЧрд░ рдЖрдкрдХреЛ рдФрд░ рдорджрдж рдЪрд╛рд╣рд┐рдП рддреЛ рдореИрдВ рдпрд╣рд╛рдВ рд╣реВрдВред рдпрджрд┐ рдЖрдкрдХреЛ рдХреБрдЫ рдФрд░ рдЬрд╛рдирдХрд╛рд░реА рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ, рддреЛ рд╣рдорд╛рд░реА рдирдИ рд╡реЗрдмрд╕рд╛рдЗрдЯ рджреЗрдЦреЗрдВ: 100: https://styled-compords.com
@philpl @benjycui
рд╡рд░реНрддрдорд╛рди рд╕реАрдПрд╕рдПрд╕ рд╡рд░реНрдЧрдирд╛рдо рдХреЗрд╡рд▓ рд╕рдВрдЧрддрддрд╛ рдХреЗ рд▓рд┐рдП рдирд╣реАрдВ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдЪрдпрдирдХрд░реНрддрд╛ рдЬреЛ рд╣рдо рдкрд░реАрдХреНрд╖рдг рдореЗрдВ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ (рдЬреИрд╕реЗ рдПрдВрдЬрд╛рдЗрдо)ред рдЗрд╕рд▓рд┐рдП, рд╣рдореЗрдВ рдЙрдиреНрд╣реЗрдВ рд░рдЦрдирд╛ рдЪрд╛рд╣рд┐рдПред
рдкрд░реАрдХреНрд╖рдгреЛрдВ рдореЗрдВ рдЕрдзрд┐рдХрд╛рдВрд╢ рд╡рд░реНрдЧ рдЪрдпрдирдХрд░реНрддрд╛ рдРрд╕реЗ рджрд┐рдЦрддреЗ рд╣реИрдВ рдЬреИрд╕реЗ рдЙрдиреНрд╣реЗрдВ рдмрджрд▓реЗ рдирд╛рдо рдЪрдпрдирдХрд░реНрддрд╛рдУрдВ рд╕реЗ рдмрджрд▓рд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рдпрд╣ рд╕рднреА рдкрд░реАрдХреНрд╖рдгреЛрдВ рдХреЗ рд▓рд┐рдП рд╕рд╣реА рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рд╣рдореЗрдВ рд╡рд╣рд╛рдВ рд╕рдмрд╕реЗ рдЬреНрдпрд╛рджрд╛ рдорд┐рд▓реЗрдЧрд╛ред рдореБрдЭреЗ рдЗрд╕ рдкрд░ рдХреЛрдИ рдРрддрд░рд╛рдЬ рдирд╣реАрдВ рд╣реЛрдЧрд╛ред
рдПрдХ рдЬрдЧрд╣ рд╕реНрдЯрд╛рдЗрд▓ рд╡рд╛рд▓реЗ рдШрдЯрдХ рдереАрдо рдХреЛ
рдореИрдВ рджреВрд╕рд░реА @philpl - рдХреГрдкрдпрд╛ рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди рдореЗрдВ рд╕реНрдЯрд╛рдЗрд▓ рдХреЛ рдмрд╣реБрдд рдЖрд╕рд╛рди рдмрдирд╛рддрд╛ рд╣реВрдВред рд╡рд░реНрддрдорд╛рди рдореЗрдВ рдпрд╣ рдПрдХ рд╡рд╛рд╕реНрддрд╡рд┐рдХ рджрд░реНрдж рд╣реИред styled-components
рдЕрджреНрднреБрдд рд╣реИред
рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд╣рдо рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдЙрд╕реА рд╕рдордп рд╣рд▓ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ https://github.com/ant-design/ant-design/issues/4998 , рдЕрдЧрд░ рд╣рдо styled-component
рд░рд┐рдлреНрд▓реЗрдХреНрдЯрд░ рдХрд░рддреЗ рд╣реИрдВред
PS рдЗрд╕рдХрд╛ рдорддрд▓рдм рдпрд╣ рдирд╣реАрдВ рд╣реИ рдХрд┐ styled-component
рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рд╣рд▓ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рд╕рд┐рд░реНрдл рдЗрд╕рд▓рд┐рдП рдХрд┐ рд╣рдо рдХрд╛рдо рдХрдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рд╣реА рд╕рдордп рдореЗрдВ рдРрд╕рд╛ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред
рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛:
рдЗрд╕ рддрд░рд╣ рд╕реЗ рдореИрдВ рд╡рд░реНрддрдорд╛рди рдореЗрдВ рдПрдХ рдЕрднрд┐рдХрд░реНрдордХ рдкрд░рд┐рдпреЛрдЬрдирд╛ рдореЗрдВ рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди рд╕реНрдЯрд╛рдЗрд▓ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рдпрд╣ рд╕рдмрд╕реЗ рдмрдбрд╝рд╛ рдирд╣реАрдВ рд╣реИ, рдХреНрдпреЛрдВрдХрд┐ рд╣рдореЗрдВ _entire_ Ant Design рд▓рд╛рдЗрдмреНрд░реЗрд░реА рд╕реЗ рдЧреБрдЬрд░рдирд╛ рдкрдбрд╝рддрд╛ рд╣реИ рдФрд░ рд╣рд░ рдЪреАрдЬ рдХреЛ рд╕реНрдЯрд╛рдЗрд▓ рдХрд░рдирд╛ рдкрдбрд╝рддрд╛ рд╣реИред рдореИрдВ create-react-app
рдореЗрдВ рдХрдо рдкреНрд░реАрдкреНрд░реЛрд╕реЗрд╕рд░ рдХреЗ рд╕рд╛рде рдкрд░реЗрд╢рд╛рдиреА рдирд╣реАрдВ рдЪрд╛рд╣рддрд╛, рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рдПрдХ рддрд░рд╣ рдХрд╛ рджрд░реНрдж рд╣реИред
// <strong i="7">@flow</strong>
import { injectGlobal } from 'styled-components';
import Color from 'color';
/*
* We'll start with just one theme for now. Define colors and other styles here.
* More themes can be easily added later. Look in ./App.js to see where this
* theme is actually used.
*/
const mainTheme = {
primaryColor: Color('#fd3d57'),
primaryTextColor: Color('#fff'),
};
const defaultTheme = mainTheme;
// Inject global styles - seems to be the only way to customize Ant Design
// PLEASE ADD STYLES IN ALPHABETICAL ORDER for everyone's sanity. Thanks.
injectGlobal`
.ant-btn {
&:hover {
border-color: ${defaultTheme.primaryColor
.lighten(0.2)
.toString()} !important;
color: ${defaultTheme.primaryColor.lighten(0.2).toString()} !important;
}
&:active {
border-color: ${defaultTheme.primaryColor
.darken(0.2)
.toString()} !important;
color: ${defaultTheme.primaryColor.darken(0.2).toString()} !important;
}
}
.ant-btn-primary {
background-color: ${defaultTheme.primaryColor.toString()} !important;
border-color: ${defaultTheme.primaryColor.toString()} !important;
color: ${defaultTheme.primaryTextColor.toString()} !important;
&:hover {
background-color: ${defaultTheme.primaryColor
.lighten(0.2)
.toString()} !important;
border-color: ${defaultTheme.primaryColor
.lighten(0.2)
.toString()} !important;
color: ${defaultTheme.primaryTextColor.toString()} !important;
}
&:active {
background-color: ${defaultTheme.primaryColor
.darken(0.2)
.toString()} !important;
border-color: ${defaultTheme.primaryColor
.darken(0.2)
.toString()} !important;
color: ${defaultTheme.primaryTextColor.toString()} !important;
}
}
.ant-btn-clicked:after {
border: 0 solid ${defaultTheme.primaryColor.toString()} !important;
}
.ant-switch-checked {
background-color: ${defaultTheme.primaryColor.toString()} !important;
border-color: ${defaultTheme.primaryColor.toString()} !important;
}
`;
export default defaultTheme;
рдЕрдЧрд░ рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди рдХреЛ styled-components
рдХреЗ рд╕рд╛рде рд╕рдВрдЧрдд рдмрдирд╛рдпрд╛ рдЧрдпрд╛ рдерд╛, рддреЛ рд╣рдо рдмрд╕ <ThemeProvider theme={primaryTheme}>
рд╕рд╛рде рдРрдк рдХреЛ рд▓рдкреЗрдЯ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдЗрд╕реЗ рддрджрдиреБрд╕рд╛рд░ рд╕реНрдЯрд╛рдЗрд▓ рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред
рдореИрдВ рд╕рд┐рд░реНрдл рд╕реНрдЯрд╛рдЗрд▓-рдШрдЯрдХреЛрдВ рдХреЗ рд╡рд┐рдХрд▓реНрдк рдХреЗ рд░реВрдк рдореЗрдВ @rofrischmann рджреНрд╡рд╛рд░рд╛ рдлреЗрд▓рд╛ рдлреЗрдВрдХрдирд╛ рдЪрд╛рд╣реВрдВрдЧрд╛ ред рдЗрд╕рдХреЗ рдЕрдзрд┐рдХ рдореЙрдбреНрдпреВрд▓рд░ рдФрд░ рддреЗрдЬред рдЗрд╕рдХреА рдмрд╣реБрдд рд╕реА рд╡рд┐рд╢реЗрд╖рддрд╛рдПрдВ рдФрд░ рдПрдХ рдЫреЛрдЯрд╛ рдкрджрдЪрд┐рд╣реНрди рдорд┐рд▓рд╛ ред рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рдХреНрд▓рд╛рдЙрдбрдлреНрд▓реЗрдпрд░ рдиреЗ рд╕реНрдЯрд╛рдЗрд▓ рд╡рд╛рд▓реЗ рдШрдЯрдХреЛрдВ рдХреЗ рдмрдЬрд╛рдп рдЗрд╕рдХреЗ рд╕рд╛рде рдЕрдкрдиреА рдпреВрдЖрдИ рдмрдирд╛рдиреЗ рдХрд╛ рдлреИрд╕рд▓рд╛ рдХрд┐рдпрд╛ред
рдЬреЛ рднреА рдЖрдк рд▓реЛрдЧ рддрдп рдХрд░рддреЗ рд╣реИрдВ, рдореИрдВ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдХрдо рдХреЗ рдмрдЬрд╛рдп рдХреБрдЫ рд╕реАрдПрд╕рдПрд╕-рдЗрди-рдЬреЗрдПрд╕ рд╕рдорд╛рдзрд╛рди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдЦреБрд╢ рд╣реВрдВред
styled-components
рдЖрдзреБрдирд┐рдХ, рдореЙрдбреНрдпреВрд▓рд░, рд╕реНрдХреЗрд▓реЗрдмрд▓ UI рдШрдЯрдХреЛрдВ рдХреЗ рдирд┐рд░реНрдорд╛рдг рдХреЗ рд▓рд┐рдП рдПрдХ рдмреЗрд╣рддрд░ рд╡рд┐рдХрд▓реНрдк рд╣реИред
рд╕рдмрд╕реЗ рдорд╣рддреНрд╡рдкреВрд░реНрдг, рдпрд╣ рдХрд┐рд╕реА рднреА рдмрд╛рд╣рд░реА рд╕реАрдПрд╕рдПрд╕ рдлрд╝рд╛рдЗрд▓ рдХреЗ рдмрд┐рдирд╛ рд╕реНрд╡рддрдВрддреНрд░ рд░реВрдк рд╕реЗ рдШрдЯрдХ рд░реЗрдВрдбрд░ рдХрд░ рд╕рдХрддрд╛ рд╣реИред
рдиреНрдпреВрдирддрдо рдЖрд╡рд╢реНрдпрдХ рд╢реИрд▓рд┐рдпреЛрдВ рдХреЗ рд╕рд╛рде рдЖрдВрд╢рд┐рдХ рдЖрдпрд╛рдд рдШрдЯрдХ рдмрдирд╛рдирд╛ рд╕рдВрднрд╡ рд╣реИред
рдЖрд╢рд╛ рд╣реИ рдХрд┐ [email protected] рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдЧрд╛ред
https://github.com/ant-design/ant-design/tree/antd-3.0
@benjycui @yesmeck @ ddcat1115 @RaoHai
cc @nikogu
# 4853 рдЬреЛрдбрд╝реЗрдВ?
# 4853 рдЬреЛрдбрд╝реЗрдВ?
рдпрд╣ рдореБрд╢реНрдХрд┐рд▓ рд╣реИ, рдХреБрдЫ рдШрдЯрдХреЛрдВ рдХреЗ рд▓рд┐рдП рдПрдкреАрдЖрдИ рдХреЗ рд╣рд┐рд╕реНрд╕реЗ рдХреЗ рд░реВрдк рдореЗрдВ key
рдХрд╛ рдЙрдкрдпреЛрдЧ рд╣реЛрддрд╛ рд╣реИ, рд╣рдо рдЗрд╕реЗ рддрдм рддрдХ рдареАрдХ рдирд╣реАрдВ рдХрд░ рд╕рдХрддреЗ рдЬрдм рддрдХ рд╣рдо рд╕рднреА рдПрдкреАрдЖрдИ рдХреЗ рдирд╛рдореЛрдВ рдХрд╛ рдирд╛рдо рдирд╣реАрдВ рд▓реЗрддреЗред рдЬреИрд╕реЗ
key => id
expandedKeys => expandedIds
selectedKeys => selectedIds
....
рдпрд╣ рдПрдХ рдмреНрд░реЗрдХрд┐рдВрдЧ рдЪреЗрдВрдЬ рд╣реЛрдЧрд╛, рд▓реЗрдХрд┐рди рдЗрд╕ рддрд░рд╣ рдХреЗ рдмреНрд░реЗрдХрд┐рдВрдЧ рдЪреЗрдВрдЬ рдХреЛ atd-codemod рджреНрд╡рд╛рд░рд╛ рд╣рд▓ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред
рд╣рдо # 4853 рдореЗрдВ рдЪрд░реНрдЪрд╛ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ
рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдореЗрдВ рдкреБрди: рд▓рд┐рдЦреЗрдВ рдбреЗрдореЛ
рдХреНрдпрд╛ рдбреЗрдореЛ рдХреЗрд╡рд▓ JS рдпрд╛ Typecript рджреЛрдиреЛрдВ рдкреНрд░рдХрд╛рд░ рдХрд╛ рд╣реЛрдЧрд╛? рдореИрдВ рджреЛрдиреЛрдВ рдХреЛ рдмрдирд╛рдП рд░рдЦрдиреЗ рдХреА рдЙрдореНрдореАрдж рдХрд░рддрд╛ рд╣реВрдВред
https://github.com/react-bootstrap/react-overlays/issues/188
рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░реЗрдВ рдХрд┐ рд░рд┐рдПрдХреНрдЯ 16 рдХреЗ рд╕рд╛рде rc-trigger
рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред
styled-components
рдпрд╛ рдЕрдиреБрд░рдХреНрд╖рдХреЛрдВ / рд╕рд╣рдпреЛрдЧрд┐рдпреЛрдВ рдХреА рдкрд╕рдВрдж рдХрд╛ рд╕реАрдПрд╕рдПрд╕-рдЗрди-рдЬреЗрдПрд╕ рд╕рдорд╛рдзрд╛рди рдЕрднреА рднреА рдПрдХ рд╡рд┐рдХрд▓реНрдк рд╣реИ?
рдореБрдЭреЗ рдЕрдЪреНрдЫрд╛ рд▓рдЧреЗрдЧрд╛ рдХрд┐ рдореИрдВ рд░рд┐рдлреНрд▓реЗрдХреНрдЯрд░рд┐рдВрдЧ рдореЗрдВ рдорджрдж рдХрд░рдирд╛ рдЪрд╛рд╣реВрдВрдЧрд╛ :)
рдмрд╣реБрдд рд╕реЗ рд▓реЛрдЧ рд╣рдорд╛рд░реА рдХрдо рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреЛ рд╕реНрдЯрд╛рдЗрд▓-рдШрдЯрдХреЛрдВ рдХреЛ рдорд╛рдЗрдЧреНрд░реЗрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд╛рдо рдХрд░рддреЗ рд╣реИрдВ, рдореБрдЭреЗ рдбрд░ рд╣реИ рдХрд┐ рд╣рдо antd 3 рдореЗрдВ рд╕реНрдЯрд╛рдЗрд▓-рдШрдЯрдХреЛрдВ рдХреЛ рдкреЗрд╢ рдирд╣реАрдВ рдХрд░реЗрдВрдЧреЗред рд▓реЗрдХрд┐рди, рдЪреВрдВрдХрд┐ рд╕реНрдЯрд╛рдЗрд▓-рдШрдЯрдХ antd рдХреЗ рдХреЛрдб рдХреЛ рдШреБрд╕рдкреИрда рдХрд┐рдП рдмрд┐рдирд╛ antd рдХреЗ рдШрдЯрдХ рдХреЗ рд▓рд┐рдП рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рд▓рд╛рдЧреВ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЗрд╕рд▓рд┐рдП рдпрджрд┐ рдХреЛрдИ рд░реБрдЪрд┐ рд░рдЦрддрд╛ рд╣реИ atd рдХреЗ рд╕рд╛рде рд╕реНрдЯрд╛рдЗрд▓-рдШрдЯрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдореЗрдВ, рдпрд╣рд╛рдБ рдПрдХ рдЙрджрд╛рд╣рд░рдг рд╣реИ https://github.com/yesmeck/styled-antd
@codepunkt @yesmeck рдЧреНрд▓реИрдорд░рд╕ рдХреЗ рд╕рд╛рде antd рдХреЗ рдЙрджрд╛рд╣рд░рдг рджреЗрдЦрдирд╛ рдкрд╕рдВрдж рдХрд░реЗрдВрдЧреЗ
@yesmeck @ afc163 рд╕реАрдПрд╕рдПрд╕-рдЗрди-рдЬреЗрдПрд╕ рдХреЗ рд▓рд┐рдП рдЬреЗрдПрд╕рдПрд╕ рдЬрд╛рдиреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреИрд╕реЗ?
рдХреНрдпрд╛ рдЖрдкрдХреЛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣рд╛рдВ рд╕реВрдЪреАрдмрджреНрдз рдлрд╛рдпрджреЗ рд╕реНрдЯрд╛рдЗрд▓ рдШрдЯрдХреЛрдВ рдХреА рддреБрд▓рдирд╛ рдореЗрдВ рдЗрд╕реЗ рдЕрдзрд┐рдХ рд╕рдВрднрд╡ рдмрдирд╛ рд╕рдХрддреЗ рд╣реИрдВ?
рд╢рд╛рдпрдж рдпрд╣ рдЯреВрд▓реАрдВрдЧ рдкрд╛рд░рд┐рд╕реНрдерд┐рддрд┐рдХреА рддрдВрддреНрд░ рд╕реЗ рдЕрдзрд┐рдХ рд╕рдВрдмрдВрдзрд┐рдд рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдЕрдЪреНрдЫрд╛ рд╡рд┐рдЪрд╛рд░ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ atd 3.0 рдмреЗрдмрд▓ 7 рдХреЗ рд╕рд╛рде рдареАрдХ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред
рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ рдмреЗрдмрд▓ рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЗ рд╕рд╛рде 7.0 рдореЗрдВ рдирд┐рд░реНрдорд┐рдд рдкреАрдврд╝реА рдХреА рдпреЛрдЬрдирд╛ рдмрдирд╛рдИ рдЧрдИ рд╣реИред
рдпрд╣ atd / рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЗ рдЙрдкрдпреЛрдЧ рдХреЛ рд╕рд░рд▓ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдмрдирд╛ рд╕рдХрддрд╛ рд╣реИ
IE6-8 рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдерди рдЫреЛрдбрд╝рдиреЗ рдкрд░ рд╡рд┐рдЪрд╛рд░ рдХрд░реЗрдВ, рд╢рд╛рдпрдж IE11 рдХреЗ рдиреАрдЪреЗ рд╕рднреА рд╕рдВрд╕реНрдХрд░рдгред
рдпрд╣ css рдлрд╝рд╛рдЗрд▓ рдХреЛ рд╕реНрд▓рд┐рдорд░ рдФрд░ рдбрд╛рдЙрдирд▓реЛрдб рдХрд░рдиреЗ рдореЗрдВ рддреЗрдЬрд╝ рдмрдирд╛ рджреЗрдЧрд╛ред рд░рд┐рдПрдХреНрдЯ рдиреЙрдЯ рднреА IE рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реИ рд╕рдВрд╕реНрдХрд░рдг 9 рдХреЗ рдиреАрдЪреЗ рддрд╛рдХрд┐ .clearfix, -ms-filter рдЖрджрд┐ рдХреЛ рд╕реБрд░рдХреНрд╖рд┐рдд рд░реВрдк рд╕реЗ рд╣рдЯрд╛рдпрд╛ рдЬрд╛ рд╕рдХреЗред
рдЪреАрдВрдЯреА рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдХреЗрд╡рд▓ рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рддреМрд░ рдкрд░ IE9 + рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддреА рд╣реИ
Thu рдкрд░, 12 рдЕрдХреНрдЯреВрдмрд░, 2017 рдХреЛ 7:58 рдмрдЬреЗ, рдПрдВрдбреНрд░рд┐рдпрд╛рд╕ рд╕реАрдбрд░рд╕реНрдЯреНрд░реЙрдо <
рд╕реВрдЪрдирд╛рдПрдВ@github.com> рдиреЗ рд▓рд┐рдЦрд╛:
IE6-8 рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдерди рдЫреЛрдбрд╝рдиреЗ рдкрд░ рд╡рд┐рдЪрд╛рд░ рдХрд░реЗрдВ, рд╢рд╛рдпрдж IE11 рдХреЗ рдиреАрдЪреЗ рд╕рднреА рд╕рдВрд╕реНрдХрд░рдгред
рдпрд╣ css рдлрд╝рд╛рдЗрд▓ рдХреЛ рд╕реНрд▓рд┐рдорд░ рдФрд░ рдбрд╛рдЙрдирд▓реЛрдб рдХрд░рдиреЗ рдореЗрдВ рддреЗрдЬрд╝ рдмрдирд╛ рджреЗрдЧрд╛ред рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдирд╣реАрдВ рдХрд░рддрд╛
рдпрд╣рд╛рдВ рддрдХ тАЛтАЛрдХрд┐ рд╕рдВрд╕реНрдХрд░рдг 9 рдХреЗ рдиреАрдЪреЗ IE рдХрд╛ рд╕рдорд░реНрдерди рдХрд░реЗрдВ рддрд╛рдХрд┐ .clearfix, -ms-filter рдЖрджрд┐ рд╕реБрд░рдХреНрд╖рд┐рдд рд░реВрдк рд╕реЗ рд╣реЛ рд╕рдХреЗрдВ
рд╣рдЯрд╛ рджрд┐рдпрд╛ред-
рдЖрдк рдЗрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░ рд░рд╣реЗ рд╣реИрдВ рдХреНрдпреЛрдВрдХрд┐ рдЖрдкрдХреЛ рдЗрд╕ рдзрд╛рдЧреЗ рдХреА рд╕рджрд╕реНрдпрддрд╛ рджреА рдЧрдИ рд╣реИред
рдЗрд╕ рдИрдореЗрд▓ рдХрд╛ рдЙрддреНрддрд░ рд╕реАрдзреЗ рджреЗрдВ, рдЗрд╕реЗ GitHub рдкрд░ рджреЗрдЦреЗрдВ
https://github.com/ant-design/ant-design/issues/5570#issuecomment-33622228 ,
рдпрд╛ рдзрд╛рдЧрд╛ рдореНрдпреВрдЯ рдХрд░реЗрдВ
https://github.com/notifications/unsubscribe-auth/ADUIEIQi6tXJB0336SQrtMrMCIHfvjNuks5srf7pgaJpZM4MuJYf
ред
рдареАрдХред Atd.css (https://cdnjs.cloudflare.com/ajax/libs/antd/2.13.6/antd.css) рдореЗрдВ рдХреБрдЫ IE6-8 рд╣реИрдХ рд╢рд╛рдорд┐рд▓ рд╣реИрдВ рдЬрд┐рдиреНрд╣реЗрдВ рддрдм рд╣рдЯрд╛рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред
рдЙрджрд╛рд╣рд░рдг:
/* IE6-IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
zoom: 1;
.clearfix {
zoom: 1;
}
@andriijas рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЗрд╕реЗ antd-3.0
рдореЗрдВ рд╣рдЯрд╛ рджрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛, рдЕрдЧрд░ рдЖрдкрдХреЛ рдЕрднреА рднреА рдХреЛрдИ рд╣реИрдХ рджрд┐рдЦрд╛рдИ рджреЗ, рддреЛ рдЗрд╕реЗ рд╣рдЯрд╛рдиреЗ рдХреЗ рд▓рд┐рдП PR, рдзрдиреНрдпрд╡рд╛рджред
рдореЗрд░реЗ рдкрд╛рд╕ рд╕реНрдЯрд╛рдЗрд▓-рдХрдВрдкреЛрдиреЗрдВрдЯреНрд╕ рдФрд░ рдПрдиреЙрдЯ рдлреЙрд░реНрдо рдХреЗ рд╕рд╛рде рдПрдХ рдмрдбрд╝рд╛ рдореБрджреНрджрд╛ рд╣реИред рдЬрдм рдореИрдВ рдлрд╛рд░реНрдо рдШрдЯрдХреЛрдВ рдХреЛ рд▓рдкреЗрдЯрддрд╛ рд╣реВрдВ рдЬреЛ рдХрд┐ рдПрдХ рд░реИрдкрд░ рдХреЗ рд▓рд┐рдП рдлрд╝реАрд▓реНрдбрдбреЗрдХреЛрд░реЗрдЯрд░ рд╕реЗ рд╕рдЬрд╛рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдЬрд┐рд╕реЗ рд╕реНрдЯрд╛рдЗрд▓-рдШрдЯрдХреЛрдВ рдХреЗ рд╕рд╛рде рд╕реНрдЯрд╛рдЗрд▓ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рддреЛ рдлреЙрд░реНрдо рдлрд╝реАрд▓реНрдб рдХрд╛рдо рдХрд░рдирд╛ рдмрдВрдж рдХрд░ рджреЗрддреЗ рд╣реИрдВред рдореИрдВ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдирд╣реАрдВ рд╕рдордЭрддрд╛ рд╣реВрдВ, рд▓реЗрдХрд┐рди рдореБрдЭреЗ рдЗрд╕реЗ рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЗрдирд▓рд╛рдЗрди рд╢реИрд▓рд┐рдпреЛрдВ рдХреЗ рд╕рд╛рде <div>
рд▓рдкреЗрдЯрдирд╛ рд╣реЛрдЧрд╛ред рдпрд╣ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рд╣реИ ...
рд╕рдкреНрддрд╛рд╣ рдЪрдпрдирдХрд░реНрддрд╛ !!!
@ malekjaroslav рдЬреЛ рдЧрд▓рдд рдЙрдкрдпреЛрдЧ рд╕реЗ рд╕рдВрдмрдВрдзрд┐рдд рд╣реЛ рд╕рдХрддрд╛ рд╣реИред рдХреНрдпрд╛ рдЖрдк рд╕реНрдЯрд╛рдЗрд▓-рдХрдВрдкреЛрдиреЗрдВрдЯреНрд╕ рд░реЗрдкреЛ рдкрд░ рдХреЛрдИ рдореБрджреНрджрд╛ рдЦреЛрд▓ рд╕рдХрддреЗ рд╣реИрдВ, рдЗрд╕рд▓рд┐рдП рдореИрдВ рдЖрдкрдХреА рдорджрдж рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ?
@benjycui antd3.0 рдореЗрдВ рдЙрддреНрддрд░рджрд╛рдпреА рд╕рд╣рд╛рдпрдХ рд╕реЗ рдЖрдк рдХреНрдпрд╛ рд╕рдордЭрддреЗ рд╣реИрдВ? рдХреБрдЫ рдЗрд╕ рддрд░рд╣ https://github.com/twbs/bootstrap/blob/v4-dev/scss/utilities/_display.scss рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдореЗрдВ
import { Utils } from "antd";
const { Display } = Utils;
const Foo = props => (
<h1>
My idiotic example header
<Display xs="block" sm="inline" print="inline-block">my subheader is fantastic</Display>
</h1>
);
const Zoo = props => (
<h1>
My idiotic example header
<Display xs={{display: "block", className: ..}} sm="inline" print="hidden">my subheader is fantastic</Display>
</h1>
);
рдореБрдЭреЗ рдкреНрд░рд╛рд░рдВрднрд┐рдХ рдХреЗ рд▓рд┐рдП рдкреАрдЖрд░ рдмрдирд╛ рд╕рдХрддреЗ рд╣реИрдВ рдпрджрд┐ рдЖрдкрдХреЛ рд╕рд╣рд╛рдпрддрд╛ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ рд▓реЗрдХрд┐рди рдЕрдиреБрд╡рд╛рдж рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдЖрджрд┐ рдХреЗ рд╕рд╛рде рдорджрдж рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрдЧреА
@andriijas рдмрд╕ https://github.com/contra/react-responsive рдХрд╛ рдЙрдкрдпреЛрдЧ
рд╣рд╛рдБ, рдореИрдВрдиреЗ рдЗрд╕реЗ рдПрдВрдЯреА-рдбрд┐рдЬрд╝рд╛рдЗрди-рдкреНрд░реЛ рд░рд┐рдкреЙрдЬрд┐рдЯрд░реА рдореЗрдВ рджреЗрдЦрд╛ред рдореИрдВ atd рд╕реЗ рдмреНрд░реЗрдХрдкреНрд╡рд╛рдЗрдВрдЯ рдХреЗ рд╕рд╛рде рдЖрд╡рд░рдг рдмрдирд╛рдКрдВрдЧрд╛ред
рдЗрд╕ рд░рд┐рд▓реАрдЬ рдХреЗ рд▓рд┐рдП рдЖрдЧреЗ рджреЗрдЦ рд░рд╣реЗ рд╣реИрдВ!
рд╕рднреА рдХреЛ рдирдорд╕реНрдХрд╛рд░, рдореИрдВрдиреЗ рдЕрднреА-рдЕрднреА @3.0.0-rc.1 рдЬрд╛рд░реА рдХрд┐рдпрд╛ рд╣реИ, https://github.com/ant-design/ant-design/issues/8233 рджреЗрдЦреЗрдВ
рдореИрдВ рдирдП рд╕рдВрд╕реНрдХрд░рдг рдХреА рд░рд┐рд▓реАрдЬрд╝ рдХреА рдкреНрд░рддреАрдХреНрд╖рд╛ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдХреНрдпреЛрдВрдХрд┐ рдореИрдВ рдХреЗрд╡рд▓ atd рдкреНрд░реЛ рдШрдЯрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рд╢реБрд░реВ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ рдЬрдм рдпрд╣ рд╕рд╛рдордиреЗ рдЖрддрд╛ рд╣реИред рдХреНрдпрд╛ рдЖрдк рдЕрднреА рднреА рдЗрд╕реЗ рдорд╣реАрдиреЗ рдХреЗ рдЕрдВрдд рдореЗрдВ рдЬрд╛рд░реА рдХрд░рдиреЗ рдХреА рдпреЛрдЬрдирд╛ рдмрдирд╛ рд░рд╣реЗ рд╣реИрдВ?
рдРрд╕реЗ рдЕрдЪреНрдЫреЗ рдлреНрд░рдВрдЯ-рдПрдВрдб рдХрдВрдкреЛрдиреЗрдВрдЯреНрд╕ рдкреНрд░рджрд╛рди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж, рдЖрдкрдиреЗ Google рдХреА рд╕рд╛рдордЧреНрд░реА рдХреЛ рдкреАрдЫреЗ рдЫреЛрдбрд╝ рджрд┐рдпрд╛ рд╣реИ
рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЗрд╕ рд░рд┐рд▓реАрдЬрд╝ рдХреЗ рд▓рд┐рдП рдЙрддреНрд╕рд╛рд╣рд┐рдд рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рдирдП atd рдкреНрд░реЛ рдШрдЯрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рд╢реБрд░реВ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрд╡рд░реЛрдзрдХ рд╣реИред рдХреНрдпрд╛ рдЕрдкреЗрдХреНрд╖рд┐рдд рд░рд┐рд▓реАрдЬрд╝ рд╕рдордп рд╕реАрдорд╛ рдЕрднреА рднреА рдирд╡рдВрдмрд░ рдХреЗ рдЕрдВрдд рдореЗрдВ рд╣реИ?
рдРрд╕реА рднрдпрд╛рдирдХ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдкреНрд░рджрд╛рди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред рдЖрдк рд▓реЛрдЧ Google рдХреА рд╕рд╛рдордЧреНрд░реА UI рдХреЛ рдзреВрд▓ рдЫреЛрдбрд╝ рд░рд╣реЗ рд╣реИрдВред
https://medium.com/ant-design/announcing-ant-design-3-0-70e3e65eca0c
рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди 3.0 рдЕрдм рдЬрд╛рд░реА! ЁЯОЙ ЁЯОЙ ЁЯОЙ
рдПрдХ рднрд╡рд┐рд╖реНрдп рдореЗрдВ рд░рд┐рд▓реАрдЬ рдореЗрдВ рд╕реНрдЯрд╛рдЗрд▓-рдШрдЯрдХреЛрдВ / рднрд╛рд╡рдирд╛ / рдлреЗрд▓рд╛ рд╕рдорд░реНрдерди рдХреЗ рд▓рд┐рдП +1ред
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
@paranoidjk @ afc163 @benjycui
Hiya, рдореИрдВ рд╕реНрдЯрд╛рдЗрд▓-рдХрдВрдкреЛрдиреЗрдВрдЯреНрд╕ рдХреЛрд░-рдпреЛрдЧрджрд╛рдирдХрд░реНрддрд╛рдУрдВ рдореЗрдВ рд╕реЗ рдПрдХ рд╣реВрдВ рдФрд░ рдЗрд╕ рдзрд╛рдЧреЗ рдХреЛ рд╣рдорд╛рд░реЗ рд░реЗрдкреЛ (рдКрдкрд░ рджреЗрдЦреЗрдВ) рдкрд░ рдПрдХ рдЦреБрд▓реЗ рдореБрджреНрджреЗ рдХреЗ рдХрд╛рд░рдг рдорд┐рд▓рд╛, рдЬрд┐рд╕рдиреЗ рдореБрдЭреЗ рд╕реВрдЪрд┐рдд рдХрд┐рдпрд╛ рдХрд┐ рдпрд╣ рд▓рд┐рдмрд╛рд╕ SC рдХрд╛ рд╕рдорд░реНрдерди рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред рд╕рдВрдпреЛрдЧ рд╕реЗ рдореИрдВрдиреЗ рдлрд┐рд░ рдЗрд╕ рдмрд╛рддрдЪреАрдд рдХреЛ рдкрд╛рдпрд╛: рдкрд▓рдХ: - рдареАрдХ рд╣реИ, рд╕рдВрджрд░реНрдн рдЕрдм рдПрдХ рддрд░рдл
рд╣рдордиреЗ рдзреНрдпрд╛рди рд╕реЗ
stylis
рдФрд░ @thysultan рдХреЗ рд╕рд╛рде рдорд┐рд▓рдХрд░ рдХрд╛рдо рдХрд░ рд░рд╣реЗ рд╣реИрдВ, рдЬреЛ рдЗрд╕реЗ рд╡рд┐рдХрд╕рд┐рдд рдХрд░рддрд╛ рд╣реИред рд╣рдордиреЗ рдЗрд╕реЗ рдирд╣реАрдВ рдЪреБрдирд╛ рд╣реИ, рдЕрдЧрд░ рдпрд╣ рдкреЛрд╕реНрдЯрд╕реАрдПрд╕рдПрд╕ рдФрд░ рдХреБрдЫ рдореБрджреНрджреЛрдВ рдХреЗ рдпреЛрдЧреНрдп рдкреНрд░рддрд┐рд╕реНрдерд╛рдкрди рдирд╣реАрдВ рдерд╛ рдЬреЛ рдЗрд╕рдореЗрдВ рдереЗ (v3 рдореЗрдВ рд▓рд╛рдкрддрд╛ рдЙрдкрд╕рд░реНрдЧреЛрдВ рдХреЗ рдПрдХ рдЬреЛрдбрд╝реЗ), рдмрд╣реБрдд рдЬрд▓реНрджреА рд╣рд▓ рд╣реЛ рдЧрдП рдереЗред V2 рдЦреБрдж рдХреЛ рдХреБрдЫ рдорд╣реАрдиреЛрдВ рдХреЗ рд▓рд┐рдП btw рдмрдирд╛рдиреЗ рдореЗрдВ рд░рд╣рд╛ рд╣реИ, рдФрд░ рдЕрдм рдЕрдВрдд рдореЗрдВ рдмрд╛рд╣рд░ рд╣реИред рд╣рдо рдирд┐рд╢реНрдЪрд┐рдд рд░реВрдк рд╕реЗ рдЙрд╕ рд╣рд┐рд╕реНрд╕реЗ рдкрд░ рдкреНрд░рддрд┐рдЬреНрдЮрд╛ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рдпрджрд┐ рдЖрдк SC рдХреЗ рд╕рд╛рде рдЬрд╛рдПрдВрдЧреЗ рддреЛ рдЗрд╕ рдХреНрд░рд┐рдпрд╛рдиреНрд╡рдпрди рд╡рд┐рд╡рд░рдг рдХреЛ рд╣рдорд╛рд░реА рдЪрд┐рдВрддрд╛ рд╣реЛрдиреЗ рджреЗрдВ: рдореБрд╕реНрдХрд╛рди:рдЬрд┐рд╕ рдлрд╝рд╛рдЗрд▓ рдХреЛ рдЖрдк рдЗрдВрдЧрд┐рдд рдХрд░ рд░рд╣реЗ рд╣реИрдВ рд╡рд╣ рдЙрдкрдпреЛрдЧ рдореЗрдВ рдирд╣реАрдВ рд╣реИ рдФрд░ рдЕрдм btw рдХреЛ рд╣рдЯрд╛ рджрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ, рдФрд░ рдЗрдирд▓рд╛рдЗрди-рд╢реИрд▓реА-рдЙрдкрд╕рд░реНрдЧ рдХреЗ рд╕рд╛рде рдкреБрд░рд╛рдиреЗ рдСрдЯреЛ-рдкреНрд░реАрдлрд╝рд┐рдХреНрд╕рд┐рдВрдЧ рдХрд╛ рд╣рд┐рд╕реНрд╕рд╛ рд╣реИред рд▓реЗрдХрд┐рди рдпрд╣ рднреА (рдФрд░ рд╣рдорд╛рд░реЗ рд▓рд┐рдП рдерд╛) @rofrischmann рджреНрд╡рд╛рд░рд╛ css-in-js рд╕рдореБрджрд╛рдп рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдПрдХ рдмрд╣реБрдд, рдмрд╣реБрдд, рдмрд╣реБрдд рд╡рд┐рд╢реНрд╡рд╕рдиреАрдп рд╕рдорд╛рдзрд╛рди рд╣реИред
рдЪреВрдВрдХрд┐ рд╣рдорд╛рд░реЗ рдЯреИрдЧ рдХрд┐рдП рдЧрдП рдЯреЗрдореНрдкреНрд▓реЗрдЯ рд╢рд╛рдмреНрджрд┐рдХ рдореЗрдВ рдкреНрд░рдХреНрд╖реЗрдк рдореЗрдВ рдЖрдк рдХрд┐рд╕реА рднреА рдЬреЗрдПрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рд╕рд░рд▓ рдХрд╛рд░реНрдп рдЙрд╕ рд╕рднреА рд╕рд╛рдорд╛рди рдХреЛ рдмрджрд▓ рд╕рдХрддреЗ рд╣реИрдВред рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ "рдкреЙрд▓рд┐рд╢" рдирд╛рдордХ рдПрдХ рдЕрд▓рдЧ рдкрд░рд┐рдпреЛрдЬрдирд╛ рд╣реИ рдЬреЛ рд╕реАрдПрд╕рдПрд╕-рдЗрди-рдЬреЗрдПрд╕ рдХреЗ рд▓рд┐рдП рд▓реЙрд╢ рдХреА рддрд░рд╣ рд╣реИ рдФрд░ рд╕рднреА рдорд┐рдХреНрд╕рд┐рдВрд╕ (рдпрд╛рдиреА рд╕рд╣рд╛рдпрдХ рдХрд╛рд░реНрдпреЛрдВ) рдХреЗ рд╕рд╛рде рдЖрддреА рд╣реИ, рдЬрд┐рд╕реЗ рдЖрдк рдПрд╕рдПрдПрд╕рдПрд╕ / рд▓реЗрд╕ рдФрд░ рд▓рд╛рдЗрдХ: https: // рдкреЙрд▓рд┐рд╢ рд╕реЗ рдЙрдореНрдореАрдж рдХрд░реЗрдВрдЧреЗред js.org
(рд╣рдо рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рди рддреЛ рдКрдкрд░ рдмрддрд╛рдП рдЧрдП рдкреЛрд╕реНрдЯрд╕реАрдПрд╕рдПрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рди рд╣реА рд╣рдордиреЗ рдЗрд╕рдХреЗ рдкреНрд▓рдЧ рдЗрди рдХрд╛ рд╕рдорд░реНрдерди рдХрд┐рдпрд╛ рд╣реИ)
рдпрджрд┐ рдЖрдкрдХреЛ рдХрд╕реНрдЯрдо рдХреНрд▓рд╛рд╕рдиреЗрдо рд╕рдВрд▓рдЧреНрди рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ, рддреЛ рдЖрдк рдЖрд╕рд╛рдиреА рд╕реЗ рд╣рдорд╛рд░реЗ
.attrs
рдкрджреНрдзрддрд┐ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЬреЛ рдЖрдкрдХреЛ рдПрдХ рдШрдЯрдХ рдХреЗ рд▓рд┐рдП рдЕрддрд┐рд░рд┐рдХреНрдд рдкреНрд░реЙрдк рд╕рдВрд▓рдЧреНрди рдХрд░рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрддрд╛ рд╣реИред рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП:рдХреБрдЫ рдФрд░ рдЕрдЪреНрдЫрд╛рдИ рдФрд░ рд╡рд┐рд╢реЗрд╖рддрд╛рдПрдВ:
css
рд╕рд╣рд╛рдпрдХ рдХреЗ рд╕рд╛рде рдорд┐рдХреНрд╕рд┐рдВрд╕ / рд╢реЗрдпрд░реНрдб рд╕реНрдЯрд╛рдЗрд▓ рд▓рд┐рдЦ рд╕рдХрддреЗ рд╣реИрдВрдЕрдЧрд░ рдЖрдкрдХреЛ рдФрд░ рдорджрдж рдЪрд╛рд╣рд┐рдП рддреЛ рдореИрдВ рдпрд╣рд╛рдВ рд╣реВрдВред рдпрджрд┐ рдЖрдкрдХреЛ рдХреБрдЫ рдФрд░ рдЬрд╛рдирдХрд╛рд░реА рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ, рддреЛ рд╣рдорд╛рд░реА рдирдИ рд╡реЗрдмрд╕рд╛рдЗрдЯ рджреЗрдЦреЗрдВ: 100: https://styled-compords.com