Ant-design: [email protected]

рдХреЛ рдирд┐рд░реНрдорд┐рдд 30 рдорд╛рд░реНрдЪ 2017  ┬╖  65рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: ant-design/ant-design

рдПрдХ рдЬрдЧрд╣ рдкрд░ рдЪрд░реНрдЪрд╛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд┐ рд╣рдо рдХреНрдпрд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ / [email protected] :

рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ @ 16 рд░рд┐рд╢реНрддреЗрджрд╛рд░

  • [x] рд░рд┐рдПрдХреНрдЯ рдЫрд╛рддрд╛ рд╕рдорд░реНрдерди # релрей] Um
  • [x] рд╕рднреА ref: string рд╕реЗ ref: function

...

atd рдХрд╛ рдЕрдкрдирд╛

  • [x] рдЗрд╕ рддрд░рд╣ es2015 рдореЙрдбреНрдпреВрд▓ рдкреНрд░рд╛рд░реВрдк рдкреНрд░рджрд╛рди рдХрд░рддреЗ рд╣реИрдВ
  • [x] рд╕рднреА рдЕрд╡рд┐рдХрд╕рд┐рдд рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХреЛ рд╣рдЯрд╛ рджреЗрдВ

    1. [x] рдФрд░ рдЙрдирдХреА рдЪреЗрддрд╛рд╡рдиреА

    2. [x] рдФрд░ рдлрд┐рд░ рдЕрдкрдЧреНрд░реЗрдб рдпреБрдХреНрддрд┐рдпреЛрдВ рдХреА рдирдИ рдЪреЗрддрд╛рд╡рдиреА рдЬреЛрдбрд╝реЗрдВ

  • [x] рдирдП рдШрдЯрдХ
  • рдХреЗ [x] рдбрд┐рдлрд╝реЙрд▓реНрдЯ рднрд╛рд╖рд╛ LocaleProvider рдХреЛ рдмрджрд▓рд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдП en
  • [x] рдХрдо рдЖрдХреНрд░рд╛рдордХ рд╡реИрд╢реНрд╡рд┐рдХ рд╢реИрд▓реА: https://github.com/ant-design/ant-design/issues/4331
  • [x] рдмреЗрд╣рддрд░ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рдЯрд╛рдЗрдкреЛрдЧреНрд░рд╛рдлреА: https://github.com/ant-design/ant-design/issues/6162
  • [] рдХрдВрдкреЛрдиреЗрдВрдЯ рдХреЛ HOC рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП: https://github.com/ant-design/ant-design/issues/43403~~
  • [x] рд╡реАрдХрдкрд┐рдХрд░ https://github.com/ant-design/ant-design/issues/3825
  • [x] рдлрд┐рд░ рд╕реЗ рдХрджрдо https://github.com/react-component/steps/pull/39
  • [x] рдХреЙрдиреНрдЯреЗрдХреНрд╕реНрдЯрдореЗрдиреВ рдбреНрд░реЙрдкрдбрд╛рдЙрди https://github.com/ant-design/ant-design/issues/7232
  • [x] рдмрд╛рд╣рд░реА рдлрд╝рд╛рдЗрд▓ рдХрд╛ рдирд┐рд░реНрдорд╛рдг рдХрд░рддреЗ рд╕рдордп рдмрд╛рд╣рд░реА рдХреНрд╖рдг
    jsx // We need to link moment before antd's dist file after [email protected] <script src="moment.js"></script> <script src="antd.js"></script>
  • [x] рджреЗрд░реА рдФрд░ рдСрдЯреЛ рдЕрддрд┐рдкреНрд░рд╡рд╛рд╣ рдХреЗ рд▓рд┐рдП рд░рд┐рдлрд▓реЗрдХреНрдЯрд░ рдореЗрдиреВ: https://github.com/ant-design/ant-design/issues/2830
  • [x] рдореЗрдВрд╢рди рдкреНрд▓реЗрд╕рдореЗрдВрдЯ: https://github.com/ant-design/ant-design/issues/6663
  • [x] рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝: https://github.com/ant-design/ant-design/pull/6193
  • [] рдкреНрд░реАрдЯреИрдХреНрдЯ рд╕рдкреЛрд░реНрдЯ https://github.com/ant-design/ant-design/issues/5048
    ...

рдЙрдкрдХрд░рдг

  • [x] реи рд╕реЗ рей рддрдХ рдХреЗ рдЕрдкрдЧреНрд░реЗрдб рдХреЗ рд▓рд┐рдП рдЙрдкрдХрд░рдг https://github.com/ant-design/ant-design/issues/3759#issuecomment -272353773
  • [x] рд╡реЗрдмрдкреИрдХ реи @ cc @sorrycc рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реИ

    • [x] рд░реЛрдбрд╣реЛрдЧ

    • [x] рдПрдЯреБрд▓-рдмрд┐рд▓реНрдб

    • [x] рджреНрд╡реИ-рдХреНрд▓реА

...

рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛ рд░рд┐рд╢реНрддреЗрджрд╛рд░

  • [x] рд╣рдорд╛рд░реЗ рдбрд┐рдЬрд╛рдЗрдирд░ рдХреА рдпреЛрдЬрдирд╛ рдХрд╛ рдЕрдиреБрд╕рд░рдг рдХрд░рддреЗ рд╣реБрдП рдмрдбрд╝рд╛ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рдлрд╝реЙрдиреНрдЯ рдЖрдХрд╛рд░ред

...

рд╕рд╛рдЗрдЯ ant.design

  • [] рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ # 5390 рдореЗрдВ рдкреБрди: рд▓рд┐рдЦреЗрдВ рдбреЗрдореЛ
  • [x] рдбреЗрдореЛ рдХреЛрдб рд╕рдВрдкрд╛рджрди рдпреЛрдЧреНрдп рдпрд╛ рдПрдХ рдЦреЗрд▓ рдХрд╛ рдореИрджрд╛рди # релрезрекреж

...

ЁЯЧг Discussion

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

@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 рд▓рд┐рдЦрддреЗ рд╣реИрдВ (рдЬреИрд╕рд╛ рдХрд┐ рдЖрдк рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдЬрд╛рдирддреЗ рд╣реЛрдВрдЧреЗ), рдФрд░ рдПрдХрдорд╛рддреНрд░ рдкрд░рд┐рд╡рд░реНрдзрди ampersands рдФрд░ рдиреЗрд╕реНрдЯреЗрдбрдиреЗрд╕ рд╣реИрдВ
  • рдХреЛрдИ рд╕реНрдЯрд╛рдЗрд▓ + рдХрдВрдкреЛрдиреЗрдВрдЯ рдореИрдкрд┐рдВрдЧ рдирд╣реАрдВ рд╣реИ
  • рд╕рдм рдХреБрдЫ рдПрдХ рдШрдЯрдХ рд╣реИ
  • рдЖрдк рд╣рдорд╛рд░реЗ css рд╕рд╣рд╛рдпрдХ рдХреЗ рд╕рд╛рде рдорд┐рдХреНрд╕рд┐рдВрд╕ / рд╢реЗрдпрд░реНрдб рд╕реНрдЯрд╛рдЗрд▓ рд▓рд┐рдЦ рд╕рдХрддреЗ рд╣реИрдВ

рдЕрдЧрд░ рдЖрдкрдХреЛ рдФрд░ рдорджрдж рдЪрд╛рд╣рд┐рдП рддреЛ рдореИрдВ рдпрд╣рд╛рдВ рд╣реВрдВред рдпрджрд┐ рдЖрдкрдХреЛ рдХреБрдЫ рдФрд░ рдЬрд╛рдирдХрд╛рд░реА рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ, рддреЛ рд╣рдорд╛рд░реА рдирдИ рд╡реЗрдмрд╕рд╛рдЗрдЯ рджреЗрдЦреЗрдВ: 100: https://styled-compords.com

рд╕рднреА 65 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ред

рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ред

https://github.com/ant-design/ant-design/issues/5140 рдПрдХ рд╕рдВрдкрд╛рджрди рдпреЛрдЧреНрдп рдЦреЗрд▓ рдХрд╛ рдореИрджрд╛рди рд╣реЛ рд╕рдХрддрд╛ рд╣реИред

рд╢рд╛рдпрдж рд╣рдорд╛рд░реЗ рдбрд┐рдЬрд╛рдЗрдирд░ рдХреА рдпреЛрдЬрдирд╛ рдХреЗ рдмрд╛рдж, рдПрдХ рдмрдбрд╝рд╛ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рдлрд╝реЙрдиреНрдЯ рдЖрдХрд╛рд░ред

Refactor cloneElement рд╕реЗ context ?

  1. рдореЗрдиреНрдпреВ
  2. рдЯреИрдм

рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓рдирд╛ # 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 рдХреЗ рд╕рд╛рде рдХрдо рдмрджрд▓рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕

рд╕реНрдЯрд╛рдЗрд▓-рдШрдЯрдХреЛрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ, рдореБрдЭреЗ рдмрд╣реБрдд рд╕рдорд╕реНрдпрд╛рдПрдБ рд╣реИрдВ:

  • autoprefixer рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдмрд╣реБрдд рд╡рд┐рд╢реНрд╡рд╕рдиреАрдп рдирд╣реАрдВ рд╣реЛ рд╕рдХрддреА рд╣реИ, рдЬрд╣рд╛рдБ рдкреЛрд╕реНрдЯрдЧреЗрдиреНрд╕ рдХреА рддреБрд▓рдирд╛ https://github.com/styled-compenders/styled-compenders/blob/master/src/utils/autoprefix.js#L6 рд╕реЗ рдХреА рдЬрд╛ рд╕рдХрддреА рд╣реИред рдпрд╛ рд╣рдо рдХрд╣ рд╕рдХрддреЗ рд╣реИрдВ, рдПрдХ рдмрд╛рд░ рд╕реАрдПрд╕рдПрд╕-рдЗрди-рдЬреЗрдПрд╕ рд▓реЗрдиреЗ рдХреЗ рдмрд╛рдж, рд╣рдо рдкреЛрд╕реНрдЯ-рд╕реАрдПрд╕рдПрд╕ рдкреНрд▓рдЧрдЗрди рд╕рд┐рд╕реНрдЯрдо рдХреА рд╕реБрд╡рд┐рдзрд╛ рдЦреЛ рджреЗрдВрдЧреЗ, рдЬреИрд╕реЗ рдХрд┐ рдкреАрдПрдХреНрд╕-рдЯреВ-рд░реЗрдо?
  • рд╣рдореЗрдВ рдХрдореНрдкреИрдЯрд┐рдмрд┐рд▓рд┐рдЯреА рдХреЗ рд▓рд┐рдП рдкреВрд░реЗ рдХрд░рдВрдЯ css рдХреНрд▓рд╛рд╕рдирд╛рдореЗ рдмрдиреЗ рд░рд╣рдирд╛ рд╣реИ, рдЬрдмрдХрд┐ рд╕реНрдЯрд╛рдЗрд▓-рдХрд▓рдкреБрд░реНрдЬреЗ рдЙрддреНрдкрдиреНрди рдХрд░реЗрдВрдЧреЗ рдпрд╣ рд╕реНрдЯрд╛рдЗрд▓ рдХреЗ рд▓рд┐рдП рдЕрдкрдирд╛ рдЦреБрдж рдХрд╛ рдХреНрд▓рд╛рд╕рдирд╛рдо рд╣реИ, рдпрд╣ рдЕрддрд┐рд░реЗрдХ рдФрд░ рд░рдЦрд░рдЦрд╛рд╡ рдХреЗ рд▓рд┐рдП рдХрдард┐рди рд╣реЛрдЧрд╛?

рдпрд╣реА рдХрд╛рд░рдг рд╣реИ рдХрд┐ 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 рд▓рд┐рдЦрддреЗ рд╣реИрдВ (рдЬреИрд╕рд╛ рдХрд┐ рдЖрдк рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдЬрд╛рдирддреЗ рд╣реЛрдВрдЧреЗ), рдФрд░ рдПрдХрдорд╛рддреНрд░ рдкрд░рд┐рд╡рд░реНрдзрди ampersands рдФрд░ рдиреЗрд╕реНрдЯреЗрдбрдиреЗрд╕ рд╣реИрдВ
  • рдХреЛрдИ рд╕реНрдЯрд╛рдЗрд▓ + рдХрдВрдкреЛрдиреЗрдВрдЯ рдореИрдкрд┐рдВрдЧ рдирд╣реАрдВ рд╣реИ
  • рд╕рдм рдХреБрдЫ рдПрдХ рдШрдЯрдХ рд╣реИ
  • рдЖрдк рд╣рдорд╛рд░реЗ 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 рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рд╣рд▓ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рд╕рд┐рд░реНрдл рдЗрд╕рд▓рд┐рдП рдХрд┐ рд╣рдо рдХрд╛рдо рдХрдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рд╣реА рд╕рдордп рдореЗрдВ рдРрд╕рд╛ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред

рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛:

image

рдЗрд╕ рддрд░рд╣ рд╕реЗ рдореИрдВ рд╡рд░реНрддрдорд╛рди рдореЗрдВ рдПрдХ рдЕрднрд┐рдХрд░реНрдордХ рдкрд░рд┐рдпреЛрдЬрдирд╛ рдореЗрдВ рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди рд╕реНрдЯрд╛рдЗрд▓ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рдпрд╣ рд╕рдмрд╕реЗ рдмрдбрд╝рд╛ рдирд╣реАрдВ рд╣реИ, рдХреНрдпреЛрдВрдХрд┐ рд╣рдореЗрдВ _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ред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

ryannealmes picture ryannealmes  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

Orbyt picture Orbyt  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

longhuasishen picture longhuasishen  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

tianyacsdn picture tianyacsdn  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

yangbin1994 picture yangbin1994  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ