@ant-design / 博客 RSS 訂閱

Sep 24 2023

一顆冰淇淋 - antd/fusion表格增加圈選複製功能

背景介紹 我們存在着大量在PC頁面通過表格看數據業務場景，表格又分為兩種，一種是 antd / fusion 這種基於 dom 元素的表格，另一種是通過 canvas 繪製的類似 excel 的表格。 基於 dom 的表格功能豐富較為美觀，能實現多表頭、合併單元格和各種自定義渲染（如表格中渲染圖形 / 按鈕 / 進度條 / 單選框 / 輸入框），以展示為主，不提供圈選、整列複製等功能。 canv

react , ant-design , table , 前端 , Javascript

收藏 評論

Aug 26 2020

飄香豆腐 - Electron 踩坑記錄（一）

場景描述 構建 pc 客户端，採用 electron-vue 腳手架進行快速搭建環境。 功能點在 web 端全部正常，移植代碼到 electron 時出現問題的功能點有： 1. rtmp 流媒體的播放 2. ant-design-vue UI 框架部分組件失效 🔥 播放器使用的是 vue-video-player，播放 rtmp 流需要使用 flash 技術。 electron 引用

Flash , ant-design , electron , rtmp

收藏 評論

Dec 29 2025

beckyyyy - ant design vue Table根據數據合併單元格

之前在外包做項目的時候，甲方提出一個想要合併單元格的需求，表格裏展示的內容是領導們的一週行程，因為不想出現重複內容的單元格，實際場景中領導可能連續幾天參加某個會議或者某個其他行程，本來 系統中對會議時間衝突是做了限制，也就是不能創建時間衝突的會議，那麼對重複行程的單元格直接進行合併是沒有問題的；但是後來又放開了限制、又允許存在會議時間衝突的情況了，因為實際中可能存在連續幾天的大會行程中，又安排了幾

ant-design , ant-design-vue , 前端 , Javascript

收藏 評論

Nov 14 2025

beckyyyy - antd 上傳文件組件在表單回顯時不顯示下載按鈕

之前需求方提出説想要給表單上傳的文件增加預覽功能，原來點擊展示列表中的文件時，docx文件會啓動下載，而pdf會啓動新的tab頁進入預覽，所以最好是統一處理。 因為我對Upload組件用的不多，對它不夠了解，所以一開始我想着從fileList下手，不用Upload默認的展示列表，經過多番嘗試發現有點麻煩，於是打開官網文檔研究，才發現原來文檔裏已經提供了相關的功能，原來點擊文件的展示列表默認的動作是

upload , 上傳文件 , ant-design , antd , 前端

收藏 評論

Dec 12 2022

天天修改 - antd form的配置化封裝，讓表單聯動更簡單

前言 ErgateForm 是配置化的 antd form(react) 組件。通過配置化生成表單。實現了表單聯動、動態表等單功能，表單屬性仍沿用 antd form 各個組件的屬性。 我自己在做ToB類項目時，比較頭疼大量的表單業務。會將表單等組件重新封裝一下，使用JSON來配置化自動生成表單。即方便CV，也方便各種抽離，對於模塊化也比較友好，下圖是我做的DEMO，可以很方便的組合成各種表單

表單 , form , ant-design , antd

收藏 評論

Nov 06 2025

viewweiwu - Ant Design 二次封裝 Amiya 發佈啦～🎉🎉🎉

什麼是 amiya amiya 是一個組件庫，是對Ant Design的二次封裝，提供頁面級別的組件。 文檔地址 它有什麼特點？ 表單只讀模式 默認的 antd 只對少數組件支持 readonly 模式，而 disabled 模式會把 placeholder 顯示出來，且有可能展示不完整。 所以 amiya 為每一種表單類型，提供 readonly 模式，去除默認的圖標符號，變更背景顏色於文字顏色

react , ant-design , component , 前端

收藏 評論

Nov 06 2025

viewweiwu - 100 左右實現查詢表格？真的假的？一起來體驗一下 Amiya 的魅力。

“老哥，聽説你寫的頁面挺多的，我這兒有一個頁面，你覺得你需要多少代碼？” “我看看，也還行吧，不就是個查詢表格嘛，現在大家都用 ProComponent 了，用那個寫一下很快的。我想想，差不多 200 行左右就可以了吧。” “那個呀，我知道，官方的二次封裝組件庫，200 行就可以了嗎？嗯，可以。等等，你説的代碼是否包含了操作按鈕？” “操作按鈕？是指你圖上的 【新增】【詳情】這些按鈕嗎？” “是

react , 二次開發 , ant-design , component , 前端

收藏 評論

Nov 03 2025

linong - 使用 Cursor 修復 Ant Design Pro Components 的 issues

Issue: 🐛 ModalFrom在同時設置了formRef、request和destroyOnClose時，加載過程中關閉ModalForm會報錯 #8858 PR: https://github.com/ant-design/pro-components/pull/9272 最近有個小夥伴在做穩定性建設，整理了一下現有的線上報錯，其中有一個 form.resetFields is n

react , ant-design , typescript , 前端 , Javascript

收藏 評論