🌟 開發者朋友你好！我們誠摯邀請你加入 OpenTiny 開源社區，一起進行項目共建，一起成為 OpenTiny 開源項目的一份子~
近期，OpenTiny 社區收到很多開發者對於 TinyEngine 低代碼引擎二開教程的建議，項目工程師們根據社區開發者們的建議也緊鑼密鼓的推進項目的演進更新。與此同時，社區開發者們也提出了很多項目 issue，作為開源社區，OpenTiny 也希望邀請更多的開源共建者一起加入進來，進行社區共建，一起打造活躍、開放的開源氛圍。
OpenTiny 是什麼？
OpenTiny 是一套企業級 Web 前端開發解決方案，提供跨端、跨框架、跨版本的 TinyVue 組件庫，包含基於 Angular+TypeScript 的 TinyNG 組件庫，擁有靈活擴展的低代碼引擎 TinyEngine，具備主題配置系統TinyTheme / 中後台模板 TinyPro/ TinyCLI 命令行等豐富的效率提升工具，可幫助開發者高效開發 Web 應用。
核心亮點：
- 跨端跨框架：TinyVue 組件庫使用 Renderless 無渲染組件設計架構，實現了一套代碼同時支持 Vue2 / Vue3，PC / Mobile 端，並支持函數級別的邏輯定製和全模板替換，靈活性好、二次開發能力強。
- 組件豐富：PC 端有100+組件，移動端有30+組件，包含高頻組件 Table、Tree、Select 等，內置虛擬滾動，保證大數據場景下的流暢體驗，除了業界常見組件之外，我們還提供了一些獨有的特色組件，如：Split 面板分割器、IpAddress IP 地址輸入框、Calendar 日曆、Crop 圖片裁切等。
- 低代碼引擎：低代碼引擎使能開發者定製低代碼平台。它是低代碼平台的底座，提供可視化搭建頁面等基礎能力，既可以通過線上搭配組合，也可以通過創建cli工程進行二次開發，實時定製出自己的低代碼平台。適用於多場景的低代碼平台開發，如：資源編排、服務端渲染、模型驅動、移動端、大屏端、頁面編排等。
- 配置式組件： 組件支持模板式和配置式兩種使用方式，適合低代碼平台，目前團隊已經將 OpenTiny 集成到內部的低代碼平台，針對低碼平台做了大量優化。
- 周邊生態齊全： 提供了基於 Angular + TypeScript 的 TinyNG 組件庫，提供包含 10+ 實用功能、20+ 典型頁面的 TinyPro 中後台模板，提供覆蓋前端開發全流程的 TinyCLI 工程化工具，提供強大的在線主題配置平台 TinyTheme。
你能參與什麼？
1、項目開發與優化
- 開發新特性：幫助開發社區開發者需要的新特性新功能
- 修復缺陷：解決現有組件或低代碼的缺陷問題
- 跨框架適配：基於 Renderless 架構，為 React、Solid 等框架擴展組件庫
2、文檔與生態建設
- 完善文檔：撰寫項目使用指南、配置示例等
- 低代碼插件開發：為 TinyEngine 設計通用功能插件或領域專屬設計器
- AI技術探索：結合 AI 能力優化低代碼引擎的智能提示等
3、社區支持與創新
- 解答用户問題：在社區中幫助解答 issue 問題或定位問題
- 參與開源活動：例如參與直播分享、線下交流、編程活動等
你能獲得什麼？
直接價值：
- 技術成長：掌握 Renderless 架構、跨框架開發、低代碼引擎等前沿技術
- 職業背書：OpenTiny 官網露出，貢獻記錄可寫入簡歷，擁有開源項目貢獻者證書
- 豐厚獎勵：編程賽事獎金、定製禮品、榮譽證書等
長遠價值：
- 個人影響力：優秀貢獻者可成為社區 PMC 或 Committer，參與項目戰略規劃
- 社區資源：受邀參加華為全聯接大會等技術峯會，與行業大牛深度交流
- 開源影響力：你的代碼將被數個企業應用使用，推動前端技術革新
如何參與？
🚀 熟悉項目
- 訪問 OpenTiny 官網 和 GitHub 倉庫，閲讀貢獻指南
- 通過官網文檔啓動本地開發環境，進行項目開發體驗
🔥 選擇任務（僅列舉部分）
| 項目 | 難度 | 任務 |
|---|---|---|
| TinyVue | 新手友好（簡單） | tree-select綁定的v-model值發生改變時 組件不更新 · Issue #3167 · opentiny/tiny-vue (github.com) |
| TinyVue | 新手友好（簡單） | Steps 橫線未對齊 · Issue #3106 · opentiny/tiny-vue (github.com) |
| TinyVue | 新手友好（簡單） | Pager align 屬性不是響應式 · Issue #3083 · opentiny/tiny-vue (github.com) |
| TinyVue | 新手友好（簡單） | Pager 文檔 size 屬性應當為枚舉 · Issue #3082 · opentiny/tiny-vue (github.com) |
| TinyVue | 新手友好（簡單） | Popeditor 文檔 popseletor 屬性應當為枚舉 · Issue #3081 · opentiny/tiny-vue (github.com) |
| TinyEditor | 新手友好（簡單） | 公式顯示錯誤 · Issue #133 · opentiny/tiny-editor (github.com) |
| TinyEditor | 新手友好（簡單） | better-table 表格先刪除然後使用ctrl + Z 回退後，表格恢復，但是表格的着色消失 · Issue #107 · opentiny/tiny-editor (github.com) |
| TinyEditor | 新手友好（簡單） | document.execCommand() is deprecated, need to look for alternative solutions · Issue #97 · opentiny/tiny-editor (github.com) |
| TinyEditor | 新手友好（簡單） | macOS 粘貼 word 文檔內容變成了圖片 · Issue #72 · opentiny/tiny-editor (github.com) |
| TinyEditor | 新手友好（簡單） | 希望完善 Playwright E2E 測試用例 · Issue #40 · opentiny/tiny-editor (github.com) |
| TinyEngine | 進階挑戰（中等） | 使用 code configurator，language 為 json，在 snippets 中配置屬性值，json 值未回顯在 code configurator 中 · Issue #1206 · opentiny/tiny-engine (github.com) |
| TinyEngine | 進階挑戰（中等） | Tooltip 集成後 content 插槽無法渲染 · Issue #1203 · opentiny/tiny-engine (github.com) |
| TinyEngine | 進階挑戰（中等） | SelectConfigurator multi 模式，文本不展示 · Issue #1188 · opentiny/tiny-engine (github.com) |
| TinyEngine | 進階挑戰（中等） | 集成彈窗類組件時，如果組件slot在彈窗內部時，slot無法進行配置 · Issue #1161 · opentiny/tiny-engine (github.com) |
| TinyEngine | 進階挑戰（中等） | 往頁面放置物料的時候，部分時候位置不收控制啊 · Issue #1160 · opentiny/tiny-engine (github.com) |
| TinyEngine | 進階挑戰（中等） | Tabs選項卡組件是否可以支持綁定變量！！！ · Issue #1106 · opentiny/tiny-engine (github.com) |
| TinyVue | 進階挑戰（中等） | 運行 npm run build:runtime 報錯 · Issue #3134 · opentiny/tiny-vue (github.com) |
| TinyVue | 進階挑戰（中等） | PopConfirm組件建議增加message插槽，目前message只能傳字符串，不夠靈活 · Issue #3129 · opentiny/tiny-vue (github.com) |
| TinyVue | 進階挑戰（中等） | NavMenu 支持配置展示菜單展開圖標 · Issue #3105 · opentiny/tiny-vue (github.com) |
| TinyVue | 進階挑戰（中等） | navmenu 支持配置菜單圖標 · Issue #3104 · opentiny/tiny-vue (github.com) |
| TinyVue | 進階挑戰（中等） | config-provider 主題配置支持多層級嵌套，自動合併 · Issue #3086 · opentiny/tiny-vue (github.com) |
| TinyEditor | 進階挑戰（中等） | 圖片支持放大預覽 · Issue #136 · opentiny/tiny-editor (github.com) |
| TinyEditor | 進階挑戰（中等） | 圖片可以設置居中 居左 居右 剪裁 · Issue #123 · opentiny/tiny-editor (github.com) |
| TinyEditor | 進階挑戰（中等） | 希望基於 Fluent Editor 封裝不同框架版本的組件 · Issue #115 · opentiny/tiny-editor (github.com) |
| TinyEditor | 進階挑戰（中等） | bubble 主題支持 · Issue #66 · opentiny/tiny-editor (github.com) |
| ...... | ...... | ...... |
在 OpenTiny github 倉庫中，good first issue 代表簡單共建任務，pr welcome 代表進階共建任務，開發者朋友們也可以直接進入 github 倉庫，選擇自己感興趣的任務進行共建開發。
當然，還有 question 等其他標籤，大家可以根據標籤含義，通過解答問題，參與討論等形式，一起加入OpenTiny項目共建~
同時，大家在選擇issue任務後，可以直接在想要參與共建的issue下面評論“認領此任務”。
🎁 提交貢獻
- Fork OpenTiny github 代碼倉庫，遵循貢獻指南規範進行提交
- 提交 PR 後，根據社區 Maintainer 建議，進行優化和完善代碼
以往貢獻者事蹟
（僅列舉部分）
| 名稱 | 貢獻事蹟 |
|---|---|
| GaoNeng-wWw | 重構ColorPicker組件補充E2E測試用例，修復多個組件問題；擔任開源之夏導師，指導學生完成TinyPro細粒度權限管理、頁籤模式、多級菜單、NestJS後端支持、Webpack/Rspack/Fram多種構建工具支持等特性；參與CCF開源大賽，貢獻ProcessDesign流程設計器組件；參與OpenTiny貢獻者直播，分享ts-morph通過註釋生成類型文檔等 |
| zzxming | TinyEditor核心貢獻者，貢獻格式刷、截屏、國際化、全屏、mention支持鏈接等多個新特性，重構了表格、上傳等多個模塊，優化構建產物和減少包體積，提升了用户體驗，修復ESLint代碼問題等 |
| Janson1012 | 貢獻格式刷、截屏、國際化、全屏、mention支持鏈接等多個新特性，優化構建產物和減少包體積，修復ESLint代碼問題等 |
| kiss-keray | 貢獻 mathlive 可編輯公式模塊等 |
| gweesin | 給grid組件中增加resizable功能，補充input組件單元測試，修復多個組件問題等 |
| AcWrong02 | 補充多個組件單元測試，修復多個組件問題等 |
| jxhhdx | 補充多個組件單元測試，修復多個組件問題等 |
| Floyd-bit | 補充多個組件的單元測試和TS類型聲明等 |
| mengqiuleo | 增加PR Preview功能，修復多個問題等 |
| MNZhu | 優化多個移動端組件UI樣式等 |
| fanbingbing16 | 增加FloatButton組件，修復多個組件問題等 |
| ...... | ...... |
貢獻者成長路徑
📌立即行動：
添加 OpenTiny 小助手微信（opentiny-official） ，加入技術交流羣，獲取最新任務清單與活動資訊。
關於OpenTiny
歡迎加入 OpenTiny 開源社區。添加微信小助手：opentiny-official 一起參與交流前端技術～
OpenTiny 官網：https://opentiny.design
OpenTiny 代碼倉庫：https://github.com/opentiny
TinyVue 源碼：https://github.com/opentiny/tiny-vue
TinyEngine 源碼： https://github.com/opentiny/tiny-engine
歡迎進入代碼倉庫 Star🌟TinyEngine、TinyVue、TinyNG、TinyCLI~ 如果你也想要共建，可以進入代碼倉庫，找到 good first issue標籤，一起參與開源貢獻~
