pro editor
v1.3.0
最終的編輯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' ) ;
} }
/>
) ; 筆記
前端組件庫已徹底改變了開發,通過數量級和提高用戶體驗提高效率。然而,儘管像螞蟻設計(ANTD)和procomponents這樣的圖書館很成熟,也許會想知道是否還有任何創新空間。
筆記
我們設想將Propedit作為編輯組件的基礎庫,類似於ANTD,使開發人員能夠輕鬆地創建具有固有優質用戶體驗的複雜交互式組件。這是證明ProEditor背後的理由。
我們的主張原則:
編輯器字段中的UI框架和前端組件解決方案:
提示
Proeditor專注於擴大可行的限制,並增加開發人員可用的工具,以構建複雜,交互式和以用戶為中心的Web應用程序。例如:
主張的結構是有效地促進這些原則。
讓我們展示一些證明者的簽名組件:
| DraggablePanel | 列清單 |
|---|---|
| 對於可解析和可移動的面板 | 基於列定義的用戶友好型排序列表 |
| Freecanvas | Iconpicker |
| 類似於草圖或無花果的無限縮放畫布 | 與ICONFONT兼容的圖標選擇工具 |
| 在線協作 | |
| YJS和Zustand商店包裹的多用戶功能。 | |
筆記
或克隆到本地發展: $ git clone https://github.com/ant-design/pro-editor.git
$ cd pro-editor
$ pnpm install
$ pnpm dev?貢獻重要的 加入我們的協作生態系統。您的貢獻是我們項目的心跳。這就是您可以成為我們充滿活力社區不可或缺的一部分的方式:
慶祝大小的每一個貢獻。加入我們的任務,以完善和提升開源企業UI組件的世界。 ? ? ️生態系統
執照版權所有©2023 -AFX和ANT數字。 展開
相關應用
爲您推薦
相關資訊
全部
| |||||
|---|---|---|---|---|---|