首頁>建站資源>其他資源
下載

Proeditor

最終的編輯UI框架和組件



英語·簡體中文·Changelog。報告錯誤·請求功能

目錄

TOC

  • ？安裝
    • 使用Next.js編譯
  • ？用法
  • 特徵
    • 授權的功能
    • 框架架構
  • ？展示櫃
  • ？瀏覽器兼容性
  • ⌨️地方發展
  • ？貢獻
  • ？ ️生態系統

？安裝

重要的

此軟件包僅是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' ) ;
    } }
  />
) ;

特徵

筆記

前端組件庫已徹底改變了開發，通過數量級和提高用戶體驗提高效率。然而，儘管像螞蟻設計（ANTD）和procomponents這樣的圖書館很成熟，也許會想知道是否還有任何創新空間。


授權的功能

筆記

我們設想將Propedit作為編輯組件的基礎庫，類似於ANTD，使開發人員能夠輕鬆地創建具有固有優質用戶體驗的複雜交互式組件。這是證明ProEditor背後的理由。

我們的主張原則：

  • ？ 直觀編輯：支持自然用戶互動，例如多選，取消選擇和鍵盤快捷鍵，以確保平滑的編輯體驗。
  • 默認情況下精製：增強螞蟻設計組件，以更多的拋光和精緻提供出色的用戶體驗。
  • ？開放靈活性：提供原子級功能，提供各種組件，鉤子和實用程序功能，以實現廣泛的自定義和靈活性。

編輯器字段中的UI框架和前端組件解決方案：

提示

Proeditor專注於擴大可行的限制，並增加開發人員可用的工具，以構建複雜，交互式和以用戶為中心的Web應用程序。例如：

  • ？ DraggablePanel ：允許可重大的可移動面板，從而增強用戶界面的交互性。
  • 列清單：提供一個用戶友好的可排序列表，可通過列定義可管理，從而簡化了複雜的列表交互。
  • ？ Freecanvas ：提供類似於Sketch或Figma的應用程序的可重大畫布，為用戶提供了巨大的創意設計空間。
  • ？ ICONPICKER ：與IconFont兼容的圖標選擇工具，使將廣泛的圖標集成到設計中變得更加容易。
  • 在線協作：使用YJS和Zustand商店等技術結合了多用戶功能，從而實現了實時協作編輯和互動。

框架架構

主張的結構是有效地促進這些原則。


？展示櫃

讓我們展示一些證明者的簽名組件：

DraggablePanel列清單
對於可解析和可移動的面板基於列定義的用戶友好型排序列表
Freecanvas Iconpicker
類似於草圖或無花果的無限縮放畫布與ICONFONT兼容的圖標選擇工具
在線協作
YJS和Zustand商店包裹的多用戶功能。

？瀏覽器兼容性

筆記

  • 現代瀏覽器和Internet Explorer 11（帶有多填充）
  • 電子

或克隆到本地發展： 

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

？貢獻

重要的

加入我們的協作生態系統。您的貢獻是我們項目的心跳。這就是您可以成為我們充滿活力社區不可或缺的一部分的方式：

  • 集成和創新：將Ant Design Pro，Umi和Proeditor納入您的項目。您的真實用法和反饋對我們來說是無價的。
  • 表達您的見解：遇到故障？有查詢嗎？您的觀點很重要。通過提交問題並幫助我們增強用戶體驗來分享它們。
  • 塑造未來：有代碼增強或功能想法嗎？我們邀請您提出拉動請求，並直接為代碼庫的演變做出貢獻。

慶祝大小的每一個貢獻。加入我們的任務，以完善和提升開源企業UI組件的世界。 ？





？ ️生態系統

  • Procomponents-專為企業級應用程序而設計，使用ant設計，例如Pro！ 。
  • PROEDITOR-最終的編輯UI框架和組件。
  • Proflow- React -Flow上的流程編輯框架基礎。
  • ProChat-用於快速構建LLM聊天接口的組件庫。

執照

版權所有©2023 -AFX和ANT數字。
該項目已獲得MIT許可。

展開
附加信息
  • 版本 v1.3.0
  • 類型 其他資源
  • 更新時間 2025-08-08
  • 大小 547.41KB
  • 來自於 Github
相關應用
爲您推薦
相關資訊 全部