究極のエディターUIフレームワークとコンポーネント
英語・简体中文・changelog。報告バグ・リクエスト機能
重要
このパッケージはESMのみです。
@ant-design/pro-editorをインストールするには、次のコマンドを実行します。
$ pnpm install @ant-design/pro-editor注記
next.js ssrで正しい作業により、 transpilePackages: ['@ant-design/pro-editor'] next.config.jsに追加します。例えば:
const nextConfig = {
transpilePackages : [ '@ant-design/pro-editor' , 'leva' , 'zustand' ] ,
} ; import { SmileOutlined } from '@ant-design/icons' ;
import { ActionIcon } from '@ant-design/pro-editor' ;
export default ( ) => (
< ActionIcon
title = { 'Function button description' }
icon = { < SmileOutlined /> }
onClick = { ( ) => {
alert ( 'Trigger action' ) ;
} }
/>
) ; 注記
フロントエンドのコンポーネントライブラリは、開発に革命をもたらし、効率を数桁向上させ、ユーザーエクスペリエンスを高めています。しかし、Ant Design(ANTD)やProcomponentsのようなライブラリと同じように成熟しているのと同じように、イノベーションのための部屋が残っているのではないかと思うかもしれません。
注記
ProEditorは、ANTDに似たコンポーネントを編集するための基礎ライブラリとして想定しており、開発者が本質的に優れたユーザーエクスペリエンスを持つ複雑なインタラクティブコンポーネントを簡単に作成できるようにします。これは、 ProEditor背後にある理論的根拠です。
Proeditorの原則:
エディターフィールドのUIフレームワークとフロントエンドコンポーネントソリューション:
ヒント
Proeditorは、実行可能なものの限界を拡大し、開発者が利用できるツールの配列を、洗練された、インタラクティブ、ユーザー中心のWebアプリケーションを構築するために利用できるツールの配列を増強することに集中しています。例えば:
Proeditorは、これらの原則を効果的に促進するように構成されています。
Proeditorの署名コンポーネントのいくつかを紹介しましょう。
| DraggablePanel | 列リスト |
|---|---|
| 再配置可能で可動パネル用 | 列の定義に基づくユーザーフレンドリーなソート可能なリスト |
| Freecanvas | iconpicker |
| スケッチやフィグマに似た無限のズーム可能なキャンバス | IconFontと互換性のあるアイコン選択ツール |
| オンラインコラボレーション | |
| YJSおよびZustandストアでラップされたマルチユーザー機能。 | |
注記
または、ローカル開発のためにそれをクローンします: $ git clone https://github.com/ant-design/pro-editor.git
$ cd pro-editor
$ pnpm install
$ pnpm dev?貢献重要 コラボレーションエコシステムに参加してください。あなたの貢献は私たちのプロジェクトの鼓動です。これは、私たちの活気のあるコミュニティの不可欠な部分になる方法です。
大小を問わず、あらゆる貢献が祝われます。オープンソースエンタープライズUIコンポーネントの世界を改良および昇格させるという使命にご参加ください。 ? ?§エコシステム
ライセンスCopyright©2023-現在のAFXおよびANTデジタル。 拡大する
関連アプリ
おすすめ
関連情報
すべて
| |||||
|---|---|---|---|---|---|