Yoshino

요시노

React에 구축 된 유연한 경량 PC UI 구성 요소!

누구나 모든 종류의 테마를 쉽게 생성 할 수 있습니다!

영어 | ?? 简体中文

? 문서

문서

?용법

 import * as React from 'react';
import { Button } from 'yoshino';

export default function () {
  return (
    <div>
      <Button type="primary">Primary</Button>
      <Button>Default</Button>
      <Button type="dashed">Dashed</Button>
      <Button type="danger">Danger</Button>
    </div>
  )
}

가져 오기를 통해 CSS 사용 :

 import 'yoshino/lib/index.css'

?설치하다

NPM 사용 :

 npm install yoshino --save

? 주제

요시노는 테마 사이트를 제공하며 개발자는 요시노 테마를 다른 사람들과 공유 할 수 있습니다! 테마를 공유하는 방법? 아래 단계를 따르십시오.

• Yoshino-Cli를 사용하여 테마 테마 템플릿을 사용하고 원하는 것을 수행하십시오.
• GitHub에 테마를 업로드하십시오
• 이 담당자를 포크하고 docs/pages/themes/index.tsx 편집하여 테마 msg를 추가하십시오.
• 그런 다음 요청을 당깁니다
• 병합 및 테마를 테마를 검색 할 수 있습니다

개발은 이러한 테마를 사용하고 싶습니까? Yoshino-Cli를 클릭하십시오

? 디자인 방법?

Yoshino는 Hexo와 유사합니다. Yoshino의 다양한 스타일 구성 요소는 Hexo 다양한 테마와 같습니다. Hexo 공무원은 일련의 도구와 기본 테마 만 제공합니다. 요시노도 그런 것입니다.

개발자는 HEXO 테마 구성과 마찬가지로 필요한 스타일의 구성 요소를 출력 할 수 있습니다. CLI를 사용하여 동일한 프로젝트에서 여러 가지 다양한 구성 요소를 출력 할 수도 있습니다.

오픈 소스 커뮤니티에서 요시노의 다른 테마를 완료해야하며, 공무원은 Hexojs/사이트와 유사한 다른 테마를 보여주기 위해 유사한 요시노 테마 사이트를 제공 할 것입니다.

현재 Yoshino-Cli 도구는 사용자 정의 경보 구성 요소 작성과 같은 구성 요소 생성 출력 만 지원합니다.

 yoshino new Alert

나중에 Yoshino-Cli는 재료 -UI 사양의 경보 구성 요소를 출력하는 것과 같은 다음과 유사한 지침을 통해 해당 사양 구성 요소를 출력 할 수 있습니다.

 yoshino new Alert --theme material-ui

전체 테마를 직접 출력하는 구성 요소 라이브러리조차도.

 yoshino new all --theme material-ui

특징

• TypeScript 와 함께 개발하고 d.ts 파일을 제공하여 개발자가 개발 속도를 높이는 데 도움이됩니다.
• 요시노 클리 (Yoshino-Cli)의 프로젝트 개발 전에 OFA(one for all) 와 AFO(all for one) 의 개념을 옹호하십시오. Project UI에 따르면 구성 요소의 출력을 표준화하십시오.
• 간단하고 일반적인 ui 구성 요소 외에도 yoshino
  • 도우미
  • 리플
  • 전환
• Archer-SVG를 기반으로 한 Icon 구성 요소, 주문형으로로드,로드 .svg 만 사용합니다.

? 기여

? 개발 과정

 npm run dev // 启动开发环境
npm run new ComponentName // 新建组件

? 생태계 링크

• 요시노 클리
• 요시노-닥스

? Yoshino는 다음과 같이 영감을 얻거나 구동됩니다.

• 아처 SVG
• 개미 디자인
• Muse-UI
• Iview
• 이오니콘