@wil-works/evoke-ui 0.1.0
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 +56 -0
- package/dist/evoke-ui.css +3946 -0
- package/dist/index.mjs +5948 -0
- package/dist/showcase-icons.mjs +8317 -0
- package/package.json +54 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 willove
|
|
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
ADDED
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
# @wil-works/evoke-ui
|
|
2
|
+
|
|
3
|
+
Evoke UI — 纯 JS Vue3 **官网/纯前端站点**组件库,Clean Navy 设计语言(细字重展示排版 · 呼吸感 · 精致微交互),明暗双主题与运行时主题定制开箱即用。
|
|
4
|
+
|
|
5
|
+
## 特性
|
|
6
|
+
|
|
7
|
+
- **Clean Navy 设计语言**:藏青墨色 × 淡雾底 × Launch Blue,细字重展示标题与呼吸感排版,明暗双主题(`html.dark` 令牌重映射)
|
|
8
|
+
- **运行时主题定制**:主色(淡色阶自动生成)/ 圆角 / 间距 / 容器宽四维配置,`EwConfigProvider` 或 `useThemeConfig` 即时生效
|
|
9
|
+
- **签名组件**:`EwSearchBox` 大搜索栏 + `EwIconGrid` 可搜索图标网格(内置 900+ 图标,点击复制图标名)
|
|
10
|
+
- **官网区块全家桶**:Hero / 导航页脚 / 定价对比 / FAQ / 文章与个人名片 / 音视频与留言表单,企业站与个人站要素齐备
|
|
11
|
+
- **零运行时依赖**:仅 peer vue;图标为生成期静态快照,展示集独立 chunk 按需加载
|
|
12
|
+
- **轻量动效**:spring 弹性微交互 + `v-reveal` 滚动浮现指令
|
|
13
|
+
|
|
14
|
+
> 图标:核心集 39 个语义名内置;展示集 922 个原生名按需加载。组件 class 前缀 `ew-`、令牌前缀 `--ew-*` 为本库独立命名空间(构建期 `lint:tokens` 强制校验)。
|
|
15
|
+
|
|
16
|
+
## 安装
|
|
17
|
+
|
|
18
|
+
```bash
|
|
19
|
+
pnpm add @wil-works/evoke-ui
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
```js
|
|
23
|
+
import { createApp } from 'vue'
|
|
24
|
+
import EvokeUI from '@wil-works/evoke-ui'
|
|
25
|
+
import '@wil-works/evoke-ui/styles'
|
|
26
|
+
|
|
27
|
+
const app = createApp(App)
|
|
28
|
+
app.use(EvokeUI) // 全量注册 Ew* 组件 + v-reveal 指令 + 主题初始化
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
## 组件一览
|
|
32
|
+
|
|
33
|
+
| 分类 | 组件 |
|
|
34
|
+
| --- | --- |
|
|
35
|
+
| 基础 | `EwIcon` `EwButton` `EwIconButton` `EwTag` `EwBadge` `EwKeycap` `EwTabs` `EwSwitch` `EwAvatar` `EwAvatarGroup` |
|
|
36
|
+
| 表单 | `EwInput` `EwTextarea` `EwSelect` `EwField` |
|
|
37
|
+
| 布局 | `EwSection` `EwCard` `EwHero` `EwNavbar` `EwFooter` `EwContainer` `EwConfigProvider` |
|
|
38
|
+
| 区块 | `EwSearchBox` `EwIconGrid` `EwFeatureGrid` `EwPricingCard` `EwFaq` `EwQuote` `EwStatistic` `EwAlert` `EwTimeline` `EwComparisonTable` `EwCta` `EwNewsletter` `EwLogoCloud` `EwArticleCard` `EwProfileCard` |
|
|
39
|
+
| 媒体与交互 | `EwVideo` `EwAudio` `EwCarousel` `EwContactForm` |
|
|
40
|
+
| 反馈与主题 | `EwCodeBlock` `EwThemeToggle` |
|
|
41
|
+
|
|
42
|
+
组合式 API:`useTheme`(明暗切换)/ `useCopy`(剪贴板)/ `useThemeConfig`(主题四维定制 + `applyPreset` 风格方案);
|
|
43
|
+
预设:`EW_STYLE_PRESETS`(企业官网/个人站/设计工作室等一键方案)与颜色/圆角/间距/容器四组单项预设;
|
|
44
|
+
指令:`v-reveal`(滚动浮现,五种变体);图标注册表:`registerIcons` / `getIconByName` / `loadShowcaseIcons`。
|
|
45
|
+
|
|
46
|
+
## 脚本
|
|
47
|
+
|
|
48
|
+
```bash
|
|
49
|
+
pnpm build # 令牌铁律检查 + vite lib 构建
|
|
50
|
+
pnpm gen:icons # 重新生成图标数据(核心集 + 展示集)
|
|
51
|
+
pnpm lint:tokens # 单独跑 --ew-* 命名空间铁律检查
|
|
52
|
+
```
|
|
53
|
+
|
|
54
|
+
## License
|
|
55
|
+
|
|
56
|
+
MIT(图标形状源自 Remix Icon,Remix Icon License v1.0,免费商用)
|