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はテーマサイトを提供し、開発者はYoshino-Themeを他の人と共有できます！テーマを共有する方法？以下の手順に従ってください。

• Yoshino-Cliを使用してテーマテンプレートを生成し、あなたが望むことをします
• Githubにテーマをアップロードします
• この担当者と編集docs/pages/themes/index.tsxテーマを追加するにはmsg
• 次に、リクエストをプルします
• マージすると、テーマをテーマサイトで検索できます

開発はこれらのテーマを使用したいですか？Yoshino-Cliをクリックしてください

？設計方法は？

ヨシノはヘクソに似ています。ヨシノのさまざまなスタイルのコンポーネントは、ヘクソのさまざまなテーマに等しくなります。ヘクソオフィシャルは、一連のツールと基本的なテーマのみを提供しています。ヨシノもそうです。

開発者は、Hexoテーマの構成と同様に、必要なスタイルのコンポーネントを出力できます。 CLIを使用して、同じプロジェクトに複数の異なるスタイルのコンポーネントを出力することもできます。

Yoshinoのさまざまなテーマはオープンソースコミュニティによって完了する必要があり、役人はHexojs/Siteに似た異なるテーマを示すために同様のヨシノテーマサイトを提供します

現在、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 、より使いやすい効果（機能）コンポーネントの一部を引き出します。
  • ヘルパー
  • 波紋
  • 遷移
• アーチャーSVGに基づくIconコンポーネント、オンデマンド、ロードのみ.svg

？寄稿者

？開発プロセス

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

？エコシステムリンク

• ヨシノ・クリ
• Yoshino-Docs

？ヨシノはインスピレーションまたはパワーを持っています：

• Archer-SVGS
• アリデザイン
• Muse-ui
• iview
• イオニコン