pro editorダウンロード-Pro pro editorソースコードのダウンロード

ProEditor

究極のエディターUIフレームワークとコンポーネント

英語・简体中文・changelog。報告バグ・リクエスト機能

目次

？インストール

重要

このパッケージはESMのみです。

@ant-design/pro-editorをインストールするには、次のコマンドを実行します。

$ pnpm install @ant-design/pro-editor

next.jsでコンパイルします

注記

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の力を強化する

注記

ProEditorは、ANTDに似たコンポーネントを編集するための基礎ライブラリとして想定しており、開発者が本質的に優れたユーザーエクスペリエンスを持つ複雑なインタラクティブコンポーネントを簡単に作成できるようにします。これは、 ProEditor背後にある理論的根拠です。

Proeditorの原則：

？ §ittuitive編集：マルチセレクション、選択解除、キーボードショートカットなどの自然なユーザーインタラクションをサポートし、スムーズな編集体験を確保します。
デフォルトで洗練されています：ANT設計コンポーネントを強化して、より多くのポリッシュと洗練を受けた優れたユーザーエクスペリエンスを提供します。
？オープンな柔軟性：原子レベルの機能を提供し、広範なカスタマイズと柔軟性のために幅広いコンポーネント、フック、ユーティリティ機能を提供します。

エディターフィールドのUIフレームワークとフロントエンドコンポーネントソリューション：

ヒント

Proeditorは、実行可能なものの限界を拡大し、開発者が利用できるツールの配列を、洗練された、インタラクティブ、ユーザー中心のWebアプリケーションを構築するために利用できるツールの配列を増強することに集中しています。例えば：

？ draggablePanel ：変更可能で可動パネルを可能にし、ユーザーインターフェイスの互換性を高めます。
columnList ：列の定義を介して管理できるユーザーフレンドリーなソート可能なリストを提供し、複雑なリストの相互作用を簡素化します。
？ Freecanvas ：SketchやFigmaなどのアプリケーションに似たズーム可能なキャンバスを提供しているため、ユーザーはクリエイティブデザインのための広大なスペースを提供します。
？ IconPicker ：IconFontと互換性のあるアイコン選択ツールを使用して、幅広いアイコンをデザインに簡単に統合できます。
オンラインコラボレーション：YJSやZustandストアなどのテクノロジーを使用してマルチユーザー機能を組み込み、リアルタイムのコラボレーション編集とインタラクションを可能にします。

フレームワークアーキテクチャ

Proeditorは、これらの原則を効果的に促進するように構成されています。

？ショーケース

Proeditorの署名コンポーネントのいくつかを紹介しましょう。

DraggablePanel	列リスト
再配置可能で可動パネル用	列の定義に基づくユーザーフレンドリーなソート可能なリスト

Freecanvas	iconpicker
スケッチやフィグマに似た無限のズーム可能なキャンバス	IconFontと互換性のあるアイコン選択ツール

オンラインコラボレーション
YJSおよびZustandストアでラップされたマルチユーザー機能。

？ブラウザの互換性

注記

最新のブラウザとインターネットエクスプローラー11（ポリフィル付き）
電子

または、ローカル開発のためにそれをクローンします：

$ git clone https://github.com/ant-design/pro-editor.git
$ cd pro-editor
$ pnpm install
$ pnpm dev

？貢献

重要

コラボレーションエコシステムに参加してください。あなたの貢献は私たちのプロジェクトの鼓動です。これは、私たちの活気のあるコミュニティの不可欠な部分になる方法です。

統合と革新：Ant Design Pro、UMI、およびProEditorをプロジェクトに組み込みます。あなたの実際の使用とフィードバックは私たちにとって非常に貴重です。
あなたの洞察を声に出してください：グリッチに遭遇しますか？クエリがありますか？あなたの視点は重要です。問題を提出して共有し、ユーザーエクスペリエンスの向上を支援します。
未来を形作る：コードの強化や機能のアイデアを持っていますか？プルリクエストを提案し、コードベースの進化に直接貢献することをお勧めします。

大小を問わず、あらゆる貢献が祝われます。オープンソースエンタープライズUIコンポーネントの世界を改良および昇格させるという使命にご参加ください。？