UNPKG

@quanxi/ui

Version:

全悉组件库

110 lines (98 loc) • 3.91 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
# 全悉前端公共组件库 quanxi-ui https://git.in.chaitin.net/answer/quanxi-ui - npm run dev 本地启动 demo - npm run build 打包组件库 - npm run build:html 打包组件库 demo 访问链接：https://answer.chaitin.page/quanxi-ui/#/docs/index ## 目录结构 <details> <summary>点击显示目录结构详情</summary> <pre> ├── README.md // readme ├── build // build:html 执行 │   └── build.ts ├── index.html ├── package-lock.json ├── package.json ├── packages // 公共组件源码 │   ├── Button │   │   ├── button.tsx │   │   ├── index.ts │   │   └── style.scss │   ├── Card │   │   ├── card.tsx │   │   ├── index.ts │   │   └── style.scss │   ├── Confirm │   │   ├── Confirm.tsx │   │   ├── index.tsx │   │   └── style.scss │   └── index.ts ├── public │   └── vite.svg ├── react-app-env.d.ts ├── src // 展示页面目录 │   ├── assets │   │   └── react.svg │   ├── components // 公用组件 │   │   ├── codeView.tsx │   │   ├── instanceView.tsx │   │   ├── menu.tsx │   │   ├── subtitle.tsx │   │   └── title.tsx │   ├── demo // 展示demo页面 及 展示demo │   │   ├── button.tsx // 展示页面 │   │   └── dedicate // demo │   │   └── index.tsx │   ├── index.css │   ├── main.tsx │   ├── pages // 公共页面 │   │   ├── 404.tsx │   │   ├── dedicate.tsx // 贡献指南 │   │   ├── homePage // 访问gitlab展示首页 │   │   │   ├── images │   │   │   │   ├── adorn.svg │   │   │   │   ├── css.svg │   │   │   │   ├── ct-logo.svg │   │   │   │   ├── ctin.svg │   │   │   │   ├── gear.svg │   │   │   │   ├── github-blue.svg │   │   │   │   ├── github.svg │   │   │   │   ├── html.svg │   │   │   │   ├── img.svg │   │   │   │   ├── logo.svg │   │   │   │   └── mascot.svg │   │   │   └── index.tsx │   │   ├── index.tsx // 顶部menu，左侧menu，二级路由页面 │   │   └── layout.tsx │   ├── router // 路由 │   │   ├── index.tsx // 一级路由 │   │   ├── packages.tsx │   │   └── page.tsx // 路由配置 │   ├── styles │   │   ├── app.scss │   │   ├── custom.scss │   │   ├── global.scss │   │   ├── iconfont.scss │   │   ├── iconfont.ttf │   │   ├── reset.scss │   │   └── theme.scss │   ├── utils.tsx │   └── vite-env.d.ts ├── tsconfig.json ├── tsconfig.node.json ├── vite.config.ts └── yarn.lock </pre></details> ## 本地调试组件库 npm 包 1. 全局安装 yalc `npm install -g yalc` 2. 修改组件库文件后，执行 `npm run build:push` 3. 添加本地包，quanxi-platform-frontend 项目中执行 `yalc add @quanxi/ui` 此时，重启 quanxi-platform-frontend 项目之后，项目中的引用的就是本地组件库。 4. 更新本地包时，先执行 2，然后在 quanxi-platform-frontend 项目中执行 `yalc update` 5. 删除本地包，quanxi-platform-frontend 项目中执行 `yalc remove --all`