@gyyxds/zy-ui 0.0.1 → 0.0.2
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/CHANGELOG.md +23 -19
- package/CONTRIBUTING.md +102 -99
- package/README.md +371 -162
- package/dist/zy-ui/badge/ZyBadge.vue.d.ts +4 -4
- package/dist/zy-ui/badge/index.d.ts +6 -6
- package/dist/zy-ui/button/ZyButton.vue.d.ts +3 -3
- package/dist/zy-ui/button/index.d.ts +9 -9
- package/dist/zy-ui/card/ZyCard.vue.d.ts +1 -1
- package/dist/zy-ui/card/index.d.ts +3 -3
- package/dist/zy-ui/checkbox/ZyCheckboxGroup.vue.d.ts +1 -1
- package/dist/zy-ui/checkbox/index.d.ts +3 -3
- package/dist/zy-ui/code-input/ZyCodeInput.vue.d.ts +2 -2
- package/dist/zy-ui/code-input/index.d.ts +2 -2
- package/dist/zy-ui/divider/ZyDivider.vue.d.ts +1 -1
- package/dist/zy-ui/divider/index.d.ts +3 -3
- package/dist/zy-ui/icon/ZyIcon.vue.d.ts +1 -1
- package/dist/zy-ui/icon/index.d.ts +1 -1
- package/dist/zy-ui/index.d.ts +46 -46
- package/dist/zy-ui/input/ZyInput.vue.d.ts +3 -3
- package/dist/zy-ui/input/index.d.ts +3 -3
- package/dist/zy-ui/loading/ZyLoading.vue.d.ts +1 -1
- package/dist/zy-ui/loading/index.d.ts +1 -1
- package/dist/zy-ui/mega-menu/ZyMegaMenu.vue.d.ts +4 -4
- package/dist/zy-ui/progress/ZyProgress.vue.d.ts +1 -1
- package/dist/zy-ui/progress/index.d.ts +3 -3
- package/dist/zy-ui/radio/ZyRadioGroup.vue.d.ts +3 -3
- package/dist/zy-ui/select/ZySelect.vue.d.ts +1 -1
- package/dist/zy-ui/select/index.d.ts +3 -3
- package/dist/zy-ui/space/ZySpace.vue.d.ts +1 -1
- package/dist/zy-ui/space/index.d.ts +3 -3
- package/dist/zy-ui/table/ZyTable.vue.d.ts +3 -3
- package/dist/zy-ui/tag/ZyTag.vue.d.ts +2 -2
- package/dist/zy-ui/tag/index.d.ts +6 -6
- package/dist/zy-ui/themes/basic.css +832 -832
- package/dist/zy-ui/themes/material.css +37 -37
- package/dist/zy-ui/tree/ZyTree.vue.d.ts +2 -2
- package/dist/zy-ui/zy-ui.css +1 -1
- package/dist/zy-ui/zy-ui.js +66 -41
- package/package.json +83 -82
package/CHANGELOG.md
CHANGED
|
@@ -1,19 +1,23 @@
|
|
|
1
|
-
# Changelog
|
|
2
|
-
|
|
3
|
-
## Unreleased
|
|
4
|
-
|
|
5
|
-
- `
|
|
6
|
-
-
|
|
7
|
-
-
|
|
8
|
-
-
|
|
9
|
-
- `
|
|
10
|
-
-
|
|
11
|
-
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
-
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
## Unreleased
|
|
4
|
+
|
|
5
|
+
- `ZyMegaMenu` 面板里的二级菜单在没有 `desc`(描述行)时,图标与名称改为垂直居中,行高由 56.5 收到 36(图标 30 → 24、上内距 9 → 6);有描述时排版不变。
|
|
6
|
+
- `ZyTag` 的 `effect="fill"` 与 `ZyButton` 对齐:图纸主题里没有实色键帽这一档,切到图纸时自动退回 Element 的浅底标签;组件页的「实色标签」舞台同样只在键帽主题下出现。
|
|
7
|
+
- 修复 `ZyTag` 在 `effect="fill"` + `closable` 时关闭图标与实色面同色、默认看不见的问题:关闭图标改跟标签字色(`--el-tag-text-color`),悬停不再被 Element 强制成「白图标 + type 色圆底」,改为压暗到挤出底座色,键盘焦点环也跟着字色走。
|
|
8
|
+
- 发布流程补前置体检:`npm run release` 现在先跑 `scripts/check-release-env.mjs`,检查 registry、账号登录、该版本是否已发布、有无待发 changeset;不通过直接退出并给出补法(原来要先跑完 40 秒构建,再在 `changeset publish` 上撞 `ENEEDAUTH`)。同时把 `.changeset/config.json` 的 `access` 从 `restricted` 改回 `public`,与 `package.json` 的 `publishConfig` 对齐。
|
|
9
|
+
- `ZyInput` / `ZySelect` 的 `raised`(键帽凸起形态)补上组件页舞台:实色主题下多一节「键帽凸起」,输入框与选择器各两颗(可输入 / 可清空、单选 / 可搜索),文案与代码片段齐全;图纸主题不出现(`raised` 在 A 里是空操作)。样式与展示板 `is-raised` 逐值一致(白键面 + `0 4px 0` 底座 + 落地影 + 两侧白弧),深色档同形不同光。
|
|
10
|
+
- 修复键帽主题(`solid`)复选框**未勾选**时方框看不见:原先只把描边设为透明、再补一道白色顶光,白色键面落在白卡片上就整颗消失。现在未选态是**空槽**(`--zy-slot-face` 槽底 + `--zy-slot-shadow-sm` 内阴影 + `--zy-slot-line` 描边),与单选框、输入框同一个坑;深色档同样成立。`checkmark` / `tick` 两个变体不受影响。展示板复选框补了「未选」样本。
|
|
11
|
+
- **新增 `ZyMegaMenu`(导航 + 大面板)**:`items` 数据驱动,面板支持 `grid` / `list` / `groups` 三种布局,也可用 `#panel-<key>` 整块接管;`v-model:open` 受控开合;键盘可达(↓ 进面板、Escape 关闭并把焦点还给触发器);`#brand` / `#actions` 插槽。没有对应的 Element 组件,属自研件。组件数 27 → 28。
|
|
12
|
+
- 深色色板换成方案稿那一套:`tokens/dark.css` 收成**两套材质共用的深色板**(品牌字 `#5aa6e4` / 键面 `#2876af`、储能、危险、警示、信息、焦点环、Element `--el-color-*` 桥接),`theme/basic.css` 增 §0.1「图纸 · 夜」(中性石墨纸 `#0f1014` / 纸片 `#1b1d23`、发丝线与控件线分档、表格栏头、实心按钮深档渐变),`theme/solid.css` 只留键帽的材质值。深色下 A 的实心按钮白字 2.78 → 4.88、角标 2.65 → 5.19、实心标签 2.0–2.7 → 4.86–5.19。
|
|
13
|
+
- `ZyButton` 的 `effect="fill"`(实色键帽 / 悬停扩散)改为**只在键帽主题成立**:图纸主题下不渲染键帽层,`effect="fill"` 自动按 `press` 渲染;标题栏 / 舞台 / 参数表同步标注「仅键帽主题」,组件页在图纸主题下不再出现「实色按钮」舞台。
|
|
14
|
+
- 移除 `ZyButton` 的 `effect="outline"`(描边展开)与 `hoverLabel` prop:悬停即把文案换成「已展开 / 已删除」,在点击发生前就宣告结果,对危险操作是错误的状态承诺;描边语义已由 `plain` / `dashed` 承担,按压与图标动效由 `press` / `sweep` 承担。`effect` 现为 `'press' | 'sweep' | 'fill'`。
|
|
15
|
+
- 同步移除组件页「描边按钮」舞台、`button:outline` 片段、`solid` 主题里的 `.is-outline` 选择器与相关文档说明。
|
|
16
|
+
|
|
17
|
+
## 0.1.0
|
|
18
|
+
|
|
19
|
+
- 建立 Element Plus 二次封装组件库基础。
|
|
20
|
+
- 新增 `basic` / `solid` 两套主题入口与 `data-zy-theme` 主题契约。
|
|
21
|
+
- 新增 `ZyPagination`、`ZyPanel`、`ZyDatePicker`、`ZyTimePicker`。
|
|
22
|
+
- 新增实验性 `ZySlideVerify`。
|
|
23
|
+
- 增加发布产物、真实消费方、主题运行时和视觉回归检查。
|
package/CONTRIBUTING.md
CHANGED
|
@@ -1,99 +1,102 @@
|
|
|
1
|
-
# Zy UI 贡献规范
|
|
2
|
-
|
|
3
|
-
## 先判断产物类型
|
|
4
|
-
|
|
5
|
-
- 有 props / events / slots,供业务项目 `import`:组件。
|
|
6
|
-
- 一段可复制的 HTML / CSS(可选原生 JS):动效片段。
|
|
7
|
-
- 两者不能互相冒充。新增内容前先确认归属。
|
|
8
|
-
|
|
9
|
-
组件库改造规范见 [docs/ui-library-refactor-spec.md](docs/ui-library-refactor-spec.md)。
|
|
10
|
-
|
|
11
|
-
## 本地开发
|
|
12
|
-
|
|
13
|
-
```bash
|
|
14
|
-
npm ci
|
|
15
|
-
npm run dev
|
|
16
|
-
```
|
|
17
|
-
|
|
18
|
-
文档站默认运行在 Vite 输出地址。组件实现放在 `src/zy/<name>/`,每个组件目录必须有:
|
|
19
|
-
|
|
20
|
-
- `Zy<Name>.vue`
|
|
21
|
-
- `index.ts`
|
|
22
|
-
- 需要样式资产时放在同目录
|
|
23
|
-
|
|
24
|
-
## 新增或修改组件
|
|
25
|
-
|
|
26
|
-
提交前至少完成:
|
|
27
|
-
|
|
28
|
-
1. 组件实现与入口。
|
|
29
|
-
2. `src/zy/index.ts` 导出与全局注册。
|
|
30
|
-
3. `src/mocks/element-demos.ts` 演示。
|
|
31
|
-
4. `src/mocks/element-components.ts` API 文档。
|
|
32
|
-
5. 两套主题下的状态检查。
|
|
33
|
-
6. 键盘、禁用、加载、错误、弹层等适用状态。
|
|
34
|
-
7. 视觉基线更新并经过人工审核。
|
|
35
|
-
8. README / 规范中的组件数量和说明同步。
|
|
36
|
-
|
|
37
|
-
## 主题约束
|
|
38
|
-
|
|
39
|
-
- 主题属性:`html[data-zy-theme="basic|solid"]`。
|
|
40
|
-
- 明暗属性:`html[data-zy-color-scheme="light|dark"]`。
|
|
41
|
-
- 组件优先消费 `--zy-*` 语义令牌。
|
|
42
|
-
- 主题层不得引用展示板专用类名或站点专属变量。
|
|
43
|
-
- 不得依赖组件内部 `.el-*` 子结构作为公共 API。
|
|
44
|
-
- 深色当前统一回退 `basic`,不要在深色中单独叠加 `solid` 材质。
|
|
45
|
-
|
|
46
|
-
## 提交前验证
|
|
47
|
-
|
|
48
|
-
```bash
|
|
49
|
-
npm run check:registry
|
|
50
|
-
npm run check:snippets
|
|
51
|
-
npm run lint
|
|
52
|
-
npm run test
|
|
53
|
-
npm run build
|
|
54
|
-
npm run build:lib
|
|
55
|
-
npm run check:consumer
|
|
56
|
-
```
|
|
57
|
-
|
|
58
|
-
主题运行时与视觉回归需要先启动站点:
|
|
59
|
-
|
|
60
|
-
```bash
|
|
61
|
-
npm run preview -- --port 4173
|
|
62
|
-
npm run check:theme-runtime
|
|
63
|
-
npm run check:visual
|
|
64
|
-
```
|
|
65
|
-
|
|
66
|
-
只有确认视觉变化符合设计后,才允许执行:
|
|
67
|
-
|
|
68
|
-
```bash
|
|
69
|
-
npm run check:visual:update
|
|
70
|
-
```
|
|
71
|
-
|
|
72
|
-
## 版本与发布
|
|
73
|
-
|
|
74
|
-
- 使用 Changesets 描述变更。
|
|
75
|
-
- patch:样式或类型修复。
|
|
76
|
-
- minor:向后兼容的新组件 / 新能力。
|
|
77
|
-
- major:删除或改变公共 API、主题默认值、组件 DOM 契约。
|
|
78
|
-
- `prepublishOnly` 会重新构建并校验发布产物。
|
|
79
|
-
|
|
80
|
-
```bash
|
|
81
|
-
npm run changeset
|
|
82
|
-
npm run version
|
|
83
|
-
npm run release
|
|
84
|
-
```
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
1
|
+
# Zy UI 贡献规范
|
|
2
|
+
|
|
3
|
+
## 先判断产物类型
|
|
4
|
+
|
|
5
|
+
- 有 props / events / slots,供业务项目 `import`:组件。
|
|
6
|
+
- 一段可复制的 HTML / CSS(可选原生 JS):动效片段。
|
|
7
|
+
- 两者不能互相冒充。新增内容前先确认归属。
|
|
8
|
+
|
|
9
|
+
组件库改造规范见 [docs/ui-library-refactor-spec.md](docs/ui-library-refactor-spec.md)。
|
|
10
|
+
|
|
11
|
+
## 本地开发
|
|
12
|
+
|
|
13
|
+
```bash
|
|
14
|
+
npm ci
|
|
15
|
+
npm run dev
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
文档站默认运行在 Vite 输出地址。组件实现放在 `src/zy/<name>/`,每个组件目录必须有:
|
|
19
|
+
|
|
20
|
+
- `Zy<Name>.vue`
|
|
21
|
+
- `index.ts`
|
|
22
|
+
- 需要样式资产时放在同目录
|
|
23
|
+
|
|
24
|
+
## 新增或修改组件
|
|
25
|
+
|
|
26
|
+
提交前至少完成:
|
|
27
|
+
|
|
28
|
+
1. 组件实现与入口。
|
|
29
|
+
2. `src/zy/index.ts` 导出与全局注册。
|
|
30
|
+
3. `src/mocks/element-demos.ts` 演示。
|
|
31
|
+
4. `src/mocks/element-components.ts` API 文档。
|
|
32
|
+
5. 两套主题下的状态检查。
|
|
33
|
+
6. 键盘、禁用、加载、错误、弹层等适用状态。
|
|
34
|
+
7. 视觉基线更新并经过人工审核。
|
|
35
|
+
8. README / 规范中的组件数量和说明同步。
|
|
36
|
+
|
|
37
|
+
## 主题约束
|
|
38
|
+
|
|
39
|
+
- 主题属性:`html[data-zy-theme="basic|solid"]`。
|
|
40
|
+
- 明暗属性:`html[data-zy-color-scheme="light|dark"]`。
|
|
41
|
+
- 组件优先消费 `--zy-*` 语义令牌。
|
|
42
|
+
- 主题层不得引用展示板专用类名或站点专属变量。
|
|
43
|
+
- 不得依赖组件内部 `.el-*` 子结构作为公共 API。
|
|
44
|
+
- 深色当前统一回退 `basic`,不要在深色中单独叠加 `solid` 材质。
|
|
45
|
+
|
|
46
|
+
## 提交前验证
|
|
47
|
+
|
|
48
|
+
```bash
|
|
49
|
+
npm run check:registry
|
|
50
|
+
npm run check:snippets
|
|
51
|
+
npm run lint
|
|
52
|
+
npm run test
|
|
53
|
+
npm run build
|
|
54
|
+
npm run build:lib
|
|
55
|
+
npm run check:consumer
|
|
56
|
+
```
|
|
57
|
+
|
|
58
|
+
主题运行时与视觉回归需要先启动站点:
|
|
59
|
+
|
|
60
|
+
```bash
|
|
61
|
+
npm run preview -- --port 4173
|
|
62
|
+
npm run check:theme-runtime
|
|
63
|
+
npm run check:visual
|
|
64
|
+
```
|
|
65
|
+
|
|
66
|
+
只有确认视觉变化符合设计后,才允许执行:
|
|
67
|
+
|
|
68
|
+
```bash
|
|
69
|
+
npm run check:visual:update
|
|
70
|
+
```
|
|
71
|
+
|
|
72
|
+
## 版本与发布
|
|
73
|
+
|
|
74
|
+
- 使用 Changesets 描述变更。
|
|
75
|
+
- patch:样式或类型修复。
|
|
76
|
+
- minor:向后兼容的新组件 / 新能力。
|
|
77
|
+
- major:删除或改变公共 API、主题默认值、组件 DOM 契约。
|
|
78
|
+
- `prepublishOnly` 会重新构建并校验发布产物。
|
|
79
|
+
|
|
80
|
+
```bash
|
|
81
|
+
npm run changeset
|
|
82
|
+
npm run version
|
|
83
|
+
npm run release
|
|
84
|
+
```
|
|
85
|
+
|
|
86
|
+
`npm run release` 先跑 `node scripts/check-release-env.mjs`(registry / 登录 / 版本是否已发 / 有无待发 changeset),体检不过直接退,不会再白跑一遍构建。
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
发布前必须确认:
|
|
90
|
+
|
|
91
|
+
- 包 scope 与私有 registry 已配置。
|
|
92
|
+
- 当前账号不是唯一发布人。
|
|
93
|
+
- CHANGELOG 和迁移说明完整。
|
|
94
|
+
- `npm pack` 产物可由非作者安装。
|
|
95
|
+
|
|
96
|
+
## 组件 RFC
|
|
97
|
+
|
|
98
|
+
大型组件或破坏性改动先提交 RFC。模板位于 `.gitlab/issue_templates/component-rfc.md`。
|
|
99
|
+
|
|
100
|
+
## 浏览器支持
|
|
101
|
+
|
|
102
|
+
见 [docs/browser-support.md](docs/browser-support.md)。如业务需要旧 WebView,必须先评估 `color-mix()`、`:has()` 与 CSS 自定义属性的降级。
|