@wil-works/evoke-ui 0.1.0 → 0.2.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/README.md +9 -2
- package/dist/evoke-ui.css +930 -34
- package/dist/index.mjs +1392 -448
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,11 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
Evoke UI — 纯 JS Vue3 **官网/纯前端站点**组件库，Clean Navy 设计语言（细字重展示排版 · 呼吸感 · 精致微交互），明暗双主题与运行时主题定制开箱即用。
|
|
4
4
|
|
|
5
|
+
[](https://www.npmjs.com/package/@wil-works/evoke-ui) · **在线文档**：[evoke-ui.wil-works.com](https://evoke-ui.wil-works.com)
|
|
6
|
+
|
|
5
7
|
## 特性
|
|
6
8
|
|
|
7
9
|
- **Clean Navy 设计语言**：藏青墨色 × 淡雾底 × Launch Blue，细字重展示标题与呼吸感排版，明暗双主题（`html.dark` 令牌重映射）
|
|
8
10
|
- **运行时主题定制**：主色（淡色阶自动生成）/ 圆角 / 间距 / 容器宽四维配置，`EwConfigProvider` 或 `useThemeConfig` 即时生效
|
|
9
|
-
- **签名组件**：`EwSearchBox` 大搜索栏 + `EwIconGrid` 可搜索图标网格（内置
|
|
11
|
+
- **签名组件**：`EwSearchBox` 大搜索栏 + `EwIconGrid` 可搜索图标网格（内置 960+ 图标，点击复制图标名）
|
|
10
12
|
- **官网区块全家桶**：Hero / 导航页脚 / 定价对比 / FAQ / 文章与个人名片 / 音视频与留言表单，企业站与个人站要素齐备
|
|
11
13
|
- **零运行时依赖**：仅 peer vue；图标为生成期静态快照，展示集独立 chunk 按需加载
|
|
12
14
|
- **轻量动效**：spring 弹性微交互 + `v-reveal` 滚动浮现指令
|
|
@@ -35,9 +37,10 @@ app.use(EvokeUI) // 全量注册 Ew* 组件 + v-reveal 指令 + 主题初始化
|
|
|
35
37
|
| 基础 | `EwIcon` `EwButton` `EwIconButton` `EwTag` `EwBadge` `EwKeycap` `EwTabs` `EwSwitch` `EwAvatar` `EwAvatarGroup` |
|
|
36
38
|
| 表单 | `EwInput` `EwTextarea` `EwSelect` `EwField` |
|
|
37
39
|
| 布局 | `EwSection` `EwCard` `EwHero` `EwNavbar` `EwFooter` `EwContainer` `EwConfigProvider` |
|
|
38
|
-
| 区块 | `EwSearchBox` `EwIconGrid` `EwFeatureGrid` `EwPricingCard` `EwFaq` `EwQuote` `EwStatistic` `EwAlert` `EwTimeline` `EwComparisonTable` `EwCta` `EwNewsletter` `EwLogoCloud` `EwArticleCard` `EwProfileCard` |
|
|
40
|
+
| 区块 | `EwSearchBox` `EwIconGrid` `EwFeatureGrid` `EwPricingCard` `EwFaq` `EwQuote` `EwStatistic` `EwAlert` `EwTimeline` `EwComparisonTable` `EwCta` `EwNewsletter` `EwLogoCloud` `EwArticleCard` `EwProfileCard` `EwMarquee` |
|
|
39
41
|
| 媒体与交互 | `EwVideo` `EwAudio` `EwCarousel` `EwContactForm` |
|
|
40
42
|
| 反馈与主题 | `EwCodeBlock` `EwThemeToggle` |
|
|
43
|
+
| 移动端 | `EwNavBar` `EwTabbar` `EwTabbarItem` `EwActionSheet` `EwPullRefresh` `EwLoadMore` |
|
|
41
44
|
|
|
42
45
|
组合式 API：`useTheme`（明暗切换）/ `useCopy`（剪贴板）/ `useThemeConfig`（主题四维定制 + `applyPreset` 风格方案）；
|
|
43
46
|
预设：`EW_STYLE_PRESETS`（企业官网/个人站/设计工作室等一键方案）与颜色/圆角/间距/容器四组单项预设；
|
|
@@ -51,6 +54,10 @@ pnpm gen:icons # 重新生成图标数据（核心集 + 展示集）
|
|
|
51
54
|
pnpm lint:tokens # 单独跑 --ew-* 命名空间铁律检查
|
|
52
55
|
```
|
|
53
56
|
|
|
57
|
+
## 文档
|
|
58
|
+
|
|
59
|
+
组件 API、用法示例与主题定制器见在线文档站：[evoke-ui.wil-works.com](https://evoke-ui.wil-works.com)（本地开发在仓库根目录执行 `pnpm docs-web:dev`）。
|
|
60
|
+
|
|
54
61
|
## License
|
|
55
62
|
|
|
56
63
|
MIT（图标形状源自 Remix Icon，Remix Icon License v1.0，免费商用）
|