cd-design

基于 TDesign Vue Next 的轻量二次封装组件库，独立于 web_report 项目维护。

当前组件

• cd-dialog
• cd-card
• cd-filter-bar
• cd-category-tree
• cd-card-grid
• cd-category-dialog
• cd-quick-add-form
• cd-loading
• cd-layout-header
• cd-menu
• cd-mobile-nav
• cd-favorite-card

React Flow 抽离

• createCdFlowNode
• cdFlowNodePalette
• cdFlowQuickAddCategoryDefinitions
• getCdFlowNodeTheme
• getCdFlowNodeSubtitle
• getCdFlowNodeConfigLabel
• getCdFlowNodeConfigTooltip

开发

cd cd-design
npm install
npm run build

Vue 组件接入

import { createApp } from 'vue'
import TDesign from 'tdesign-vue-next'
import CdDesign from 'cd-design'
import 'cd-design/style.css'

const app = createApp(App)
app.use(TDesign)
app.use(CdDesign)

React Flow 节点接入

import {
  createCdFlowNode,
  cdFlowNodePalette,
  cdFlowQuickAddCategoryDefinitions,
} from 'cd-design'

const CustomNode = createCdFlowNode({
  openQuickAddMenu,
  closeQuickAddMenu,
  insertNodeAt,
})

const nodeTypes = {
  custom: CustomNode,
}

暂不纳入当前包的组件

• GlobalShareDialog

原因：该组件直接依赖业务项目内的 store、api、环境变量和分享数据结构，不适合进入独立 npm 包。