Ant-design: [๊ธฐ๋Šฅ ์š”์ฒญ] ๋ณต์‚ฌ ๊ฐ€๋Šฅํ•œ ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ ๊ฐœ์„ 

์— ๋งŒ๋“  2020๋…„ 06์›” 24์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: ant-design/ant-design

์ด์ œ ์›๋ณธ ํ…์ŠคํŠธ๊ฐ€์žˆ๋Š” ๋ณต์‚ฌ ๋ฒ„ํŠผ์„ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค. https://codesandbox.io/s/interesting-river-vtoqf?file=/index.js

<Paragraph copyable={{ text: 'Hello, Ant Design!' }} />

ํ•ด๊ฒฐํ•ด์•ผ ํ•  ์„ธ ๊ฐ€์ง€ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

  1. ๋ณต์‚ฌ ์•„์ด์ฝ˜์„ ์‚ฌ์šฉ์ž ์ •์˜ ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.
  2. ๋ณต์‚ฌ ์•„์ด์ฝ˜์—๋Š” ์ถ”๊ฐ€ margin-left ์žˆ์Šต๋‹ˆ๋‹ค.
  3. ๋„๊ตฌ ์„ค๋ช…์—์„œ ๊ธฐ๋ณธ Copy ๋ฐ Copied ๋ฅผ ๋ณ€๊ฒฝํ•˜๋Š” ์ข‹์€ ๋ฐฉ๋ฒ•์€ ์—†์Šต๋‹ˆ๋‹ค.

image

์šฐ๋ฆฌ๊ฐ€ ์ฐพ๊ณ ์žˆ๋Š” ์ƒˆ API๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์•„์•ผํ•ฉ๋‹ˆ๋‹ค.

<Paragraph
  copyable={{
    text: 'Hello, Ant Design!',
    onCopy: () => {},
+   icon: <Icon />,
+   tooltips: ['Copy', 'Copied'],
  }} 
/>
help wanted ๐Ÿ’ก Feature Request

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๊ฐ ๋ณต์‚ฌ ๋ฒ„ํŠผ์— ๋Œ€ํ•œ ํˆดํŒ์„ ์‚ฌ์šฉ์ž ์ •์˜ํ•˜๋Š” ๊ฒƒ์ด ์ผ๋ฐ˜์ ์ž…๋‹ˆ๋‹ค.

๋ชจ๋“  3 ๋Œ“๊ธ€

์•ˆ๋…•ํ•˜์„ธ์š” @ afc163. ์šฐ๋ฆฌ๋Š” ์™„์ „ํžˆ ๊ท€ํ•˜์˜ ์ œ์•ˆ / ์˜๊ฒฌ์„ ๊ฐ™์ด ์˜ค์‹  ๊ฒƒ์„ ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค ์šฐ๋ฆฌ์—๊ฒŒ ๋Œ์–ด ์˜ค๊ธฐ ์š”์ฒญ์„ ๋ณด๋‚ด ๊ทธ๊ฒƒ์„ ์œ„ํ•ด. ์ ์ ˆํ•œ ์ง€์  (์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ๊ธฐ๋Šฅ ์ง€์ , ๋ฒ„๊ทธ ์ˆ˜์ • ๋ฐ ๊ธฐํƒ€ ๋ณ€๊ฒฝ์— ๋Œ€ํ•œ ๋งˆ์Šคํ„ฐ)๋กœ ๋Œ์–ด ์˜ค๊ธฐ ์š”์ฒญ์„ ๋ณด๋‚ด ์ฃผ์‹œ๊ธฐ ๋ฐ”๋ž๋‹ˆ๋‹ค ์ฑ„์šฐ๊ธฐ ํ’€ ์š”์ฒญ ์—ฌ๊ธฐ์—

์•ˆ๋…•ํ•˜์„ธ์š” @ afc163, ์šฐ๋ฆฌ๋Š” ๊ท€ํ•˜์˜ ์ œ์•ˆ / ํ”ผ๋“œ๋ฐฑ์— ์ „์ ์œผ๋กœ ๋™์˜ํ•ฉ๋‹ˆ๋‹ค.์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด Pull Request ๋ฅผ ์‹ญ์‹œ์˜ค . Pull Request๋ฅผ ์˜ฌ๋ฐ”๋ฅธ ๋ธŒ๋žœ์น˜ (๊ธฐ๋Šฅ ๋ธŒ๋žœ์น˜์˜ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ, ๋‹ค๋ฅธ ๊ธฐ๋Šฅ์€ ๋งˆ์Šคํ„ฐ ๋ธŒ๋žœ์น˜)๋กœ ์ „์†กํ•˜๊ณ , Pull Request ์— ๋ฏธ๋ฆฌ ์„ค์ •๋œ ํ…œํ”Œ๋ฆฟ ์„ ์ฑ„์šฐ๊ณ  ํ•ด๋‹น ๋ณ€๊ฒฝ ๋กœ๊ทธ, TypeScript ์ •์˜, ํ…Œ์ŠคํŠธ ์ผ€์ด์Šค, ๋ฌธ์„œ๋ฅผ ์ œ๊ณตํ•˜์‹ญ์‹œ์˜ค. , ๋“ฑ ๋ณ€๊ฒฝ์— ํ•„์š”ํ•œ ์‚ฌํ•ญ, ๊ทธ๋ฆฌ๊ณ  CI ํ†ต๊ณผ๋ฅผ ํ™•์ธํ•˜๊ธฐ ์œ„ํ•ด ์ตœ๋Œ€ํ•œ ๋นจ๋ฆฌ ๊ฒ€ํ† ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ๋ฏธ๋ฆฌ ๊ฐ์‚ฌ ๋“œ๋ฆฌ๋ฉฐ ์—ฌ๋Ÿฌ๋ถ„์˜ ๊ณตํ—Œ์„ ๊ธฐ๋Œ€ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค!

giphy

tooltips ๋Š” ํ•„์š”ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ConfigProvider locale ์˜ํ•ด ์ œ์–ด๋ฉ๋‹ˆ๋‹ค. icon ์ง€์› ๋งž์ถค ์„ค์ •์œผ๋กœ ์ถฉ๋ถ„ํ•ฉ๋‹ˆ๋‹ค.

๊ฐ ๋ณต์‚ฌ ๋ฒ„ํŠผ์— ๋Œ€ํ•œ ํˆดํŒ์„ ์‚ฌ์šฉ์ž ์ •์˜ํ•˜๋Š” ๊ฒƒ์ด ์ผ๋ฐ˜์ ์ž…๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰