@macroui/macroui 1.0.31 → 4.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +27 -193
- package/dist/base.js +1 -0
- package/dist/{macroui.css → full.css} +0 -9014
- package/dist/index.d.ts +122 -0
- package/dist/index.js +149 -0
- package/dist/styled.css +5192 -0
- package/dist/styled.js +1 -0
- package/dist/themes.css +2118 -0
- package/dist/unstyled.css +1330 -0
- package/dist/unstyled.js +1 -0
- package/dist/utilities-styled.js +1 -0
- package/dist/utilities-unstyled.js +1 -0
- package/dist/utilities.js +1 -0
- package/package.json +30 -66
- package/src/base/properties.css +5 -0
- package/src/base/reset.css +130 -0
- package/src/base/rootcolor.css +9 -0
- package/src/base/rootscrollgutter.css +21 -0
- package/src/base/rootscrolllock.css +4 -0
- package/src/base/scrollbar.css +3 -0
- package/src/base/svg.css +3 -0
- package/src/components/alert.css +126 -0
- package/src/components/avatar.css +60 -0
- package/src/components/badge.css +151 -0
- package/src/components/breadcrumbs.css +40 -0
- package/src/components/button.css +362 -0
- package/src/components/calendar.css +549 -0
- package/src/components/card.css +203 -0
- package/src/components/carousel.css +59 -0
- package/src/components/chat.css +157 -0
- package/src/components/checkbox.css +174 -0
- package/src/components/collapse.css +302 -0
- package/src/components/countdown.css +56 -0
- package/src/components/diff.css +93 -0
- package/src/components/divider.css +148 -0
- package/src/components/dock.css +123 -0
- package/src/components/drawer.css +166 -0
- package/src/components/dropdown.css +247 -0
- package/src/components/fab.css +139 -0
- package/src/components/fieldset.css +23 -0
- package/src/components/fileinput.css +265 -0
- package/src/components/filter.css +42 -0
- package/src/components/footer.css +45 -0
- package/src/components/hero.css +21 -0
- package/src/components/hover3d.css +128 -0
- package/src/components/hovergallery.css +87 -0
- package/src/components/indicator.css +76 -0
- package/src/components/input.css +263 -0
- package/src/components/kbd.css +49 -0
- package/src/components/label.css +101 -0
- package/src/components/link.css +116 -0
- package/src/components/list.css +58 -0
- package/src/components/loading.css +76 -0
- package/src/components/mask.css +108 -0
- package/src/components/menu.css +298 -0
- package/src/components/mockup.css +150 -0
- package/src/components/modal.css +182 -0
- package/src/components/navbar.css +36 -0
- package/src/components/progress.css +108 -0
- package/src/components/radialprogress.css +39 -0
- package/src/components/radio.css +158 -0
- package/src/components/range.css +186 -0
- package/src/components/rating.css +114 -0
- package/src/components/select.css +284 -0
- package/src/components/skeleton.css +41 -0
- package/src/components/stack.css +80 -0
- package/src/components/stat.css +73 -0
- package/src/components/status.css +92 -0
- package/src/components/steps.css +168 -0
- package/src/components/swap.css +94 -0
- package/src/components/tab.css +557 -0
- package/src/components/table.css +126 -0
- package/src/components/textarea.css +179 -0
- package/src/components/textrotate.css +71 -0
- package/src/components/timeline.css +250 -0
- package/src/components/toast.css +68 -0
- package/src/components/toggle.css +239 -0
- package/src/components/tooltip.css +203 -0
- package/src/components/validator.css +47 -0
- package/src/themes/abyss.css +29 -0
- package/src/themes/acid.css +29 -0
- package/src/themes/aqua.css +29 -0
- package/src/themes/autumn.css +29 -0
- package/src/themes/black.css +29 -0
- package/src/themes/bumblebee.css +29 -0
- package/src/themes/business.css +29 -0
- package/src/themes/caramellatte.css +29 -0
- package/src/themes/cmyk.css +29 -0
- package/src/themes/coffee.css +29 -0
- package/src/themes/corporate.css +29 -0
- package/src/themes/cupcake.css +29 -0
- package/src/themes/cyberpunk.css +29 -0
- package/src/themes/dark.css +29 -0
- package/src/themes/dim.css +29 -0
- package/src/themes/dracula.css +29 -0
- package/src/themes/emerald.css +29 -0
- package/src/themes/fantasy.css +29 -0
- package/src/themes/forest.css +29 -0
- package/src/themes/garden.css +29 -0
- package/src/themes/halloween.css +29 -0
- package/src/themes/lemonade.css +29 -0
- package/src/themes/light.css +29 -0
- package/src/themes/lofi.css +29 -0
- package/src/themes/luxury.css +29 -0
- package/src/themes/night.css +29 -0
- package/src/themes/nord.css +29 -0
- package/src/themes/pastel.css +29 -0
- package/src/themes/retro.css +29 -0
- package/src/themes/silk.css +29 -0
- package/src/themes/sunset.css +29 -0
- package/src/themes/synthwave.css +29 -0
- package/src/themes/valentine.css +29 -0
- package/src/themes/winter.css +29 -0
- package/src/themes/wireframe.css +29 -0
- package/src/utilities/glass.css +20 -0
- package/src/utilities/join.css +207 -0
- package/src/utilities/radius.css +119 -0
- package/src/utilities/typography.css +31 -0
- package/dist/index.cjs.js +0 -19742
- package/dist/index.es.js +0 -19564
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2020 Pouya Saadeghi
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
CHANGED
|
@@ -1,203 +1,37 @@
|
|
|
1
|
-
|
|
1
|
+
<div align="center">
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
[![][logo-url]][docs-url]
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
**The most popular, free and open-source component library for Tailwind CSS**
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
7
|
+
[![][version]](https://www.npmjs.com/package/daisyui)
|
|
8
|
+
[![][commit]](https://github.com/saadeghi/daisyui)
|
|
9
|
+
[![][license]](https://github.com/saadeghi/daisyui/blob/master/LICENSE)
|
|
10
|
+
[![][stars]](https://github.com/saadeghi/daisyui)
|
|
11
|
+
[![][installs]](https://www.npmjs.com/package/daisyui)
|
|
12
|
+
[![][jsdelivr]](https://cdn.jsdelivr.net/npm/daisyui@5)
|
|
13
|
+
[![][discord]](https://daisyui.com/discord/)
|
|
14
|
+
[![][opencollectivebadge]](https://opencollective.com/daisyui)
|
|
13
15
|
|
|
14
|
-
|
|
16
|
+
</div>
|
|
15
17
|
|
|
16
|
-
|
|
17
|
-
npm install @macroui/macroui
|
|
18
|
-
```
|
|
18
|
+
# daisyUI 5
|
|
19
19
|
|
|
20
|
-
|
|
20
|
+
### 🌼 [Official website →](https://daisyui.com/)
|
|
21
21
|
|
|
22
|
-
###
|
|
22
|
+
### 🌼 [See all components →](https://daisyui.com/components/)
|
|
23
23
|
|
|
24
|
-
|
|
25
|
-
import { createApp } from 'vue'
|
|
26
|
-
import App from './App.vue'
|
|
27
|
-
import 'daisyui/dist/full.css'
|
|
28
|
-
import Macroui from '@macroui/macroui'
|
|
24
|
+
### 🌼 [How to use →](https://daisyui.com/docs/install/)
|
|
29
25
|
|
|
30
|
-
|
|
31
|
-
app.use(Macroui)
|
|
32
|
-
app.mount('#app')
|
|
33
|
-
```
|
|
26
|
+
---
|
|
34
27
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
## 🌍 多语言
|
|
47
|
-
|
|
48
|
-
### 全局配置
|
|
49
|
-
|
|
50
|
-
```javascript
|
|
51
|
-
import { ElConfigProvider } from '@macroui/macroui'
|
|
52
|
-
import { zhCn, en } from '@macroui/macroui/locale'
|
|
53
|
-
|
|
54
|
-
app.use(ElConfigProvider, { locale: zhCn })
|
|
55
|
-
```
|
|
56
|
-
|
|
57
|
-
### 组件内使用
|
|
58
|
-
|
|
59
|
-
```javascript
|
|
60
|
-
import { useLocale } from '@macroui/macroui'
|
|
61
|
-
|
|
62
|
-
const { t } = useLocale()
|
|
63
|
-
|
|
64
|
-
// 使用翻译键
|
|
65
|
-
t('pagination.total', { total: 100 }) // 输出:共 100 条
|
|
66
|
-
t('select.placeholder') // 输出:请选择
|
|
67
|
-
```
|
|
68
|
-
|
|
69
|
-
### 支持的语言
|
|
70
|
-
|
|
71
|
-
| 语言 | 代码 | 状态 |
|
|
72
|
-
|------|------|------|
|
|
73
|
-
| 简体中文 | zh-cn | ✅ 已完成 |
|
|
74
|
-
| English | en | ✅ 已完成 |
|
|
75
|
-
|
|
76
|
-
## 主题
|
|
77
|
-
|
|
78
|
-
支持 daisyUI 全部 25 个主题:
|
|
79
|
-
|
|
80
|
-
```javascript
|
|
81
|
-
// 切换主题
|
|
82
|
-
document.documentElement.setAttribute('data-theme', 'dark')
|
|
83
|
-
```
|
|
84
|
-
|
|
85
|
-
主题列表:
|
|
86
|
-
|
|
87
|
-
- light, dark, corporate, business, cmyk, acid, aqua, autumn
|
|
88
|
-
- black, coffee, cupcake, cyberpunk, dracula, emeral, fantasy
|
|
89
|
-
- forest, garden, halloween, jungle, lofi, luxury, night
|
|
90
|
-
- pastel, retro, synthwave, valentine, wireframe, zenith
|
|
91
|
-
|
|
92
|
-
## 组件列表
|
|
93
|
-
|
|
94
|
-
### 表单组件
|
|
95
|
-
|
|
96
|
-
| 组件 | 说明 | DaisyUI |
|
|
97
|
-
|------|------|--------|
|
|
98
|
-
| ElButton | 按钮 | button |
|
|
99
|
-
| ElInput | 输入框 | input |
|
|
100
|
-
| ElSelect | 选择器 | select |
|
|
101
|
-
| ElCheckbox | 多选框 | checkbox |
|
|
102
|
-
| ElRadio | 单选框 | radio |
|
|
103
|
-
| ElSwitch | 开关 | toggle |
|
|
104
|
-
| ElTag | 标签 | badge |
|
|
105
|
-
| ElForm | 表单 | form |
|
|
106
|
-
| ElInputNumber | 数字输入 | - |
|
|
107
|
-
| ElSlider | 滑块 | - |
|
|
108
|
-
| ElRate | 评分 | - |
|
|
109
|
-
|
|
110
|
-
### 数据展示
|
|
111
|
-
|
|
112
|
-
| 组件 | 说明 | DaisyUI |
|
|
113
|
-
|------|------|--------|
|
|
114
|
-
| ElBadge | 徽章 | badge |
|
|
115
|
-
| ElProgress | 进度条 | progress |
|
|
116
|
-
| ElAvatar | 头像 | avatar |
|
|
117
|
-
| ElSkeleton | 骨架屏 | skeleton |
|
|
118
|
-
| ElTable | 表格 | table |
|
|
119
|
-
| ElEmpty | 空状态 | - |
|
|
120
|
-
| ElResult | 结果页 | - |
|
|
121
|
-
|
|
122
|
-
### 反馈组件
|
|
123
|
-
|
|
124
|
-
| 组件 | 说明 | DaisyUI |
|
|
125
|
-
|------|------|--------|
|
|
126
|
-
| ElAlert | 警告提示 | alert |
|
|
127
|
-
| ElLoading | 加载状态 | loading |
|
|
128
|
-
| ElMessage | 消息提示 | toast |
|
|
129
|
-
| ElNotification | 通知 | toast |
|
|
130
|
-
|
|
131
|
-
### 容器组件
|
|
132
|
-
|
|
133
|
-
| 组件 | 说明 | DaisyUI |
|
|
134
|
-
|------|------|--------|
|
|
135
|
-
| ElCard | 卡片 | card |
|
|
136
|
-
| ElCollapse | 折叠面板 | collapse |
|
|
137
|
-
| ElDialog | 对话框 | modal |
|
|
138
|
-
| ElDrawer | 抽屉 | - |
|
|
139
|
-
|
|
140
|
-
### 导航组件
|
|
141
|
-
|
|
142
|
-
| 组件 | 说明 | DaisyUI |
|
|
143
|
-
|------|------|--------|
|
|
144
|
-
| ElBreadcrumb | 面包屑 | breadcrumb |
|
|
145
|
-
| ElPagination | 分页 | pagination |
|
|
146
|
-
| ElSteps | 步骤条 | steps |
|
|
147
|
-
| ElDropdown | 下拉菜单 | dropdown |
|
|
148
|
-
| ElMenu | 菜单 | menu |
|
|
149
|
-
| ElTabs | 标签页 | tabs |
|
|
150
|
-
| ElPageHeader | 页头 | - |
|
|
151
|
-
|
|
152
|
-
### 布局组件
|
|
153
|
-
|
|
154
|
-
| 组件 | 说明 | DaisyUI |
|
|
155
|
-
|------|------|--------|
|
|
156
|
-
| ElDivider | 分割线 | divider |
|
|
157
|
-
| ElTooltip | 文字提示 | tooltip |
|
|
158
|
-
| ElContainer | 容器 | - |
|
|
159
|
-
| ElSpace | 间距 | - |
|
|
160
|
-
|
|
161
|
-
## 开发
|
|
162
|
-
|
|
163
|
-
```bash
|
|
164
|
-
# 安装依赖
|
|
165
|
-
npm install
|
|
166
|
-
|
|
167
|
-
# 启动示例页面(推荐)
|
|
168
|
-
npm run dev:examples
|
|
169
|
-
|
|
170
|
-
# 构建库
|
|
171
|
-
npm run build:lib
|
|
172
|
-
|
|
173
|
-
# 运行测试
|
|
174
|
-
npm run test
|
|
175
|
-
|
|
176
|
-
# 代码检查
|
|
177
|
-
npm run lint
|
|
178
|
-
|
|
179
|
-
# TypeScript 检查
|
|
180
|
-
npm run typecheck
|
|
181
|
-
```
|
|
182
|
-
|
|
183
|
-
### 示例页面
|
|
184
|
-
|
|
185
|
-
启动示例页面后,访问 http://localhost:3000/ 可以查看所有组件的示例演示。
|
|
186
|
-
|
|
187
|
-
启动命令:`npm run dev:examples`
|
|
188
|
-
|
|
189
|
-
> 注意:示例页面使用 3000 端口,如果端口被占用,Vite 会自动选择其他端口。
|
|
190
|
-
|
|
191
|
-
## NPM 发布
|
|
192
|
-
|
|
193
|
-
```bash
|
|
194
|
-
# 设置认证 Token(2FA 账户必须)
|
|
195
|
-
npm config set //registry.npmjs.org/:_authToken=YOUR_GRANULAR_TOKEN
|
|
196
|
-
|
|
197
|
-
# 发布包
|
|
198
|
-
npm publish --access public
|
|
199
|
-
```
|
|
200
|
-
|
|
201
|
-
## 许可证
|
|
202
|
-
|
|
203
|
-
MIT License
|
|
28
|
+
[version]: https://badgen.net/github/tag/saadeghi/daisyui?label=Version&color=1AD1A5
|
|
29
|
+
[commit]: https://badgen.net/github/last-commit/saadeghi/daisyui?label=Last%20commit&color=1AD1A5
|
|
30
|
+
[license]: https://badgen.net/github/license/saadeghi/daisyui?label=License&color=1AD1A5
|
|
31
|
+
[stars]: https://badgen.net/github/stars/saadeghi/daisyui?label=GitHub%20stars&color=1AD1A5
|
|
32
|
+
[installs]: https://badgen.net/npm/dt/daisyui?label=NPM%20installs&color=1AD1A5
|
|
33
|
+
[jsdelivr]: https://badgen.net/jsdelivr/hits/npm/daisyui?color=1AD1A5
|
|
34
|
+
[discord]: https://badgen.net/discord/members/S6TZxycVHs?label=Discord&color=1AD1A5
|
|
35
|
+
[opencollectivebadge]: https://badgen.net/opencollective/backers/daisyui?label=Open%20Collective&color=1AD1A5
|
|
36
|
+
[docs-url]: https://daisyui.com/
|
|
37
|
+
[logo-url]: https://img.daisyui.com/images/daisyui/daisyui-logo-192.png
|
package/dist/base.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
module.exports = {":root,\n[data-theme]":{"backgroundColor":"var(--fallback-b1,oklch(var(--b1)/1))","color":"var(--fallback-bc,oklch(var(--bc)/1))"},"@supports not (color: oklch(0% 0 0))":{":root":{"colorScheme":"light","-FallbackP":"#491eff","-FallbackPc":"#d4dbff","-FallbackS":"#ff41c7","-FallbackSc":"#fff9fc","-FallbackA":"#00cfbd","-FallbackAc":"#00100d","-FallbackN":"#2b3440","-FallbackNc":"#d7dde4","-FallbackB1":"#ffffff","-FallbackB2":"#e5e6e6","-FallbackB3":"#e5e6e6","-FallbackBc":"#1f2937","-FallbackIn":"#00b3f0","-FallbackInc":"#000000","-FallbackSu":"#00ca92","-FallbackSuc":"#000000","-FallbackWa":"#ffc22d","-FallbackWac":"#000000","-FallbackEr":"#ff6f70","-FallbackErc":"#000000"},"@media (prefers-color-scheme: dark)":{":root":{"colorScheme":"dark","-FallbackP":"#7582ff","-FallbackPc":"#050617","-FallbackS":"#ff71cf","-FallbackSc":"#190211","-FallbackA":"#00c7b5","-FallbackAc":"#000e0c","-FallbackN":"#2a323c","-FallbackNc":"#a6adbb","-FallbackB1":"#1d232a","-FallbackB2":"#191e24","-FallbackB3":"#15191e","-FallbackBc":"#a6adbb","-FallbackIn":"#00b3f0","-FallbackInc":"#000000","-FallbackSu":"#00ca92","-FallbackSuc":"#000000","-FallbackWa":"#ffc22d","-FallbackWac":"#000000","-FallbackEr":"#ff6f70","-FallbackErc":"#000000"}}},"html":{"WebkitTapHighlightColor":"transparent"},"*":{"scrollbarColor":"color-mix(in oklch, currentColor 35%, transparent) transparent"},"*:hover":{"scrollbarColor":"color-mix(in oklch, currentColor 60%, transparent) transparent"}};
|