MCPcopy
hub / github.com/tusen-ai/naive-ui

github.com/tusen-ai/naive-ui @v2.44.1 sqlite

repository ↗ · DeepWiki ↗ · release v2.44.1 ↗
2,776 symbols 7,008 edges 1,507 files 3 documented · 0%
README

Naive UI

一个 Vue 3 组件库

比较完整,主题可调,使用 TypeScript,快

有点意思

npm pkg.pr.new

English | 中文

文档

www.naiveui.com

社区

  • Discord
  • 钉钉一群 33482509 (已满)
  • 钉钉二群 35886835 (已满)
  • 钉钉三群 32377370 (已满)
  • 钉钉四群 8165002788 (已满)
  • 钉钉五群 31205022250 (已满)
  • 钉钉六群 62720001971 (已满)
  • 钉钉七群 172000005810

  • Awesome Naive UI

钉钉群加入方法:在搜索框中搜索群号,点击下拉框中更多分组内的网络查找公开群组

特性

比较完整

有超过 90 个组件,希望能帮你少写点代码。

顺便一提,它们全都可以 treeshaking。

主题可调

我们提供了一个使用 TypeScript 构建的先进的类型安全主题系统。你只需要提供一个样式覆盖的对象,剩下的都交给我们。

顺便一提,不用 less、sass、css 变量,也不用 webpack 的 loaders。以及你可以试试右下角的主题编辑器。

使用 TypeScript

Naive UI 全量使用 TypeScript 编写,和你的 TypeScript 项目无缝衔接。

顺便一提,你不需要导入任何 CSS 就能让组件正常工作。

我尽力让它不要太慢。任何数据组件均可使用虚拟列表。

顺便一提,...,没有顺便了。祝你使用愉快。

安装

npm

使用 npm 安装。

npm i -D naive-ui

字体

npm i -D vfonts

图标

naive-ui 建议使用 xicons 作为图标库。

设计资源

Naive UI (Sketch)

贡献

请参考 CONTRIBUTING.zh-CN.md

许可

Naive UI 使用 MIT license 许可证书。

result 组件的图像资源来自于 Twemoji,遵守 CC-BY 4.0 许可。

Extension points exported contracts — how you extend this code

GlobalComponents (Interface)
(no doc)
volar.d.ts
ExtendedApi (Interface)
(no doc)
themes/tusimple/src/use-ts-dialog.ts
NUiInstance (Interface)
(no doc)
src/create.ts
SpinSlots (Interface)
(no doc)
src/spin/src/Spin.tsx
FloatButtonSlots (Interface)
(no doc)
src/float-button/src/FloatButton.tsx
ProgressGradient (Interface)
(no doc)
src/progress/src/public-types.ts
LayoutInst (Interface)
(no doc)
src/layout/src/interface.ts
NotificationProviderInjection (Interface)
(no doc)
src/notification/src/NotificationProvider.tsx

Core symbols most depended-on inside this repo

call
called by 236
src/_utils/vue/call.ts
createKey
called by 203
src/_utils/cssr/index.ts
useConfig
called by 130
src/_mixins/use-config.ts
useTheme
called by 102
src/_mixins/use-theme.ts
useThemeClass
called by 92
src/_mixins/use-css-vars-class.ts
resolveSlot
called by 69
src/_utils/vue/resolve-slot.ts
createPageItemsInfo
called by 67
src/pagination/src/utils.ts
warnOnce
called by 65
src/_utils/naive/warn.ts

Shape

Function 2,399
Interface 325
Method 42
Class 10

Languages

TypeScript100%

Modules by API surface

src/qr-code/src/qrcodegen.ts49 symbols
src/input/src/Input.tsx49 symbols
src/tree/src/Tree.tsx47 symbols
src/carousel/src/Carousel.tsx42 symbols
src/cascader/src/Cascader.tsx40 symbols
src/time-picker/src/TimePicker.tsx38 symbols
src/date-picker/src/panel/use-dual-calendar.ts38 symbols
src/_internal/selection/src/Selection.tsx37 symbols
src/select/src/Select.tsx36 symbols
src/date-picker/src/DatePicker.tsx35 symbols
src/_internal/scrollbar/src/Scrollbar.tsx33 symbols
src/tree-select/src/TreeSelect.tsx31 symbols

Dependencies from manifests, versioned

@antfu/eslint-config5.3.0 · 1×
@babel/core7.28.0 · 1×
@babel/generator7.28.0 · 1×
@babel/parser7.28.0 · 1×
@babel/preset-env7.28.0 · 1×
@babel/traverse7.28.0 · 1×
@css-render/plugin-bem0.15.14 · 1×
@css-render/vue3-ssr0.15.14 · 1×
@lylajs/web2.1.0 · 1×
@rollup/plugin-babel6.0.4 · 1×
@rollup/plugin-commonjs28.0.6 · 1×
@rollup/plugin-node-resolve16.0.1 · 1×

For agents

$ claude mcp add naive-ui \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact