@5even7/dlc-ui 0.2.15 → 0.2.17
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 +123 -117
- package/LICENSE +21 -21
- package/README.md +316 -313
- package/dist/capsule.cjs +32 -32
- package/dist/capsule.mjs +1070 -1070
- package/dist/color.cjs +33 -33
- package/dist/color.mjs +1019 -1019
- package/dist/emo.cjs +26173 -44
- package/dist/emo.mjs +457 -438
- package/dist/index.cjs +26439 -312
- package/dist/index.mjs +3764 -3746
- package/dist/index.umd.js +26403 -276
- package/dist/index.umd.min.js +1 -1
- package/dist/progress.cjs +42 -42
- package/dist/progress.mjs +2154 -2154
- package/dist/vue2.cjs +26447 -322
- package/dist/vue2.mjs +4196 -4182
- package/dist/vue3.cjs +26447 -322
- package/dist/vue3.mjs +4196 -4182
- package/package.json +135 -135
- package/styles/base.css +32 -32
- package/styles/color.css +18 -18
- package/styles/emo.css +33 -32
- package/styles/progress.css +96 -96
- package/types/capsule.d.ts +15 -15
- package/types/color.d.ts +15 -15
- package/types/emo.d.ts +14 -11
- package/types/index.d.ts +417 -393
- package/types/progress.d.ts +16 -16
- package/types/vue2.d.ts +10 -10
- package/types/vue3.d.ts +144 -144
package/CHANGELOG.md
CHANGED
|
@@ -1,117 +1,123 @@
|
|
|
1
|
-
# Changelog
|
|
2
|
-
|
|
3
|
-
> **发版规则**:默认每次发布只递增补丁号(0.x.y → 0.x.(y+1),即 +0.01);除非手动明确指定新版本号,否则不升次版本。
|
|
4
|
-
|
|
5
|
-
## 0.2.
|
|
6
|
-
-
|
|
7
|
-
|
|
8
|
-
## 0.2.
|
|
9
|
-
-
|
|
10
|
-
|
|
11
|
-
## 0.2.
|
|
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
|
-
- `colors` / `
|
|
102
|
-
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
-
|
|
108
|
-
-
|
|
109
|
-
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
-
|
|
114
|
-
-
|
|
115
|
-
-
|
|
116
|
-
-
|
|
117
|
-
-
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
> **发版规则**:默认每次发布只递增补丁号(0.x.y → 0.x.(y+1),即 +0.01);除非手动明确指定新版本号,否则不升次版本。
|
|
4
|
+
|
|
5
|
+
## 0.2.17 - 2026-08-15
|
|
6
|
+
- Miao表情包优化展示,表情包拆分模块变更部分颜色属性
|
|
7
|
+
|
|
8
|
+
## 0.2.16 - 2026-08-15
|
|
9
|
+
- Miao表情包新增非等比填充模式,文档解释补充完善
|
|
10
|
+
|
|
11
|
+
## 0.2.15 - 2026-08-14
|
|
12
|
+
- 首个表情家族为 `type="miao"`,内置 23 个完整 Lottie 动作;素材生成阶段仍会校验并排除没有图层的空动画。
|
|
13
|
+
|
|
14
|
+
## 0.2.14 - 2026-08-14
|
|
15
|
+
- 新增dlc-emo表情包组件
|
|
16
|
+
|
|
17
|
+
## 0.2.13 - 2026-08-14
|
|
18
|
+
|
|
19
|
+
- 新增第四类组件 `dlc-emo`:H5 `createEmo()`、Vue 2 / Vue 3 `DlcEmo`,并提供独立 `@5even7/dlc-ui/emo` 与样式入口。
|
|
20
|
+
- Emo 支持主色 / 辅助色、非正方形尺寸、contain / cover、0.1~4 倍速、循环、自动播放、正倒播、暂停、帧片段、透明度、背景色、SVG / Canvas 渲染器、无障碍名称与减少动态偏好。
|
|
21
|
+
- 性能与兼容:SVG / Canvas 分别按需加载无表达式的 Lottie light 播放器,未创建 Emo 时不执行播放器代码,避免影响前三类组件与 SSR 导入。
|
|
22
|
+
- 补齐 Emo 类型声明、默认值、控制器方法、生命周期事件和素材生成测试;素材没有稳定器官语义,因此未提供无法可靠生效的左眼 / 右眼等伪 API。
|
|
23
|
+
- Progress 新增内置预置 `森息`(NC-14):包含植物实验室色板、独立流体运动参数和参考图集配置,可直接使用 `preset="森息"`。
|
|
24
|
+
- H5、Vue 2、Vue 3 示例将“植物实验室”改为由内置预置驱动,并在默认预置列表中展示 NC-14。
|
|
25
|
+
- 文档明确 Capsule 的 `click` / `dblclick` 保持原生 H5 语义:双击会先伴随两次 `click`,组件不延迟或吞掉单击事件。
|
|
26
|
+
|
|
27
|
+
## 0.2.11 - 2026-08-09
|
|
28
|
+
|
|
29
|
+
- 修复:`--hj-text-bg` / `--hj-text-pad` 两个 cssVars 此前只在文档声明、组件 CSS 未引用,传了不生效;现在 Capsule / Progress 文字区容器真正支持背景与内边距变量(默认仍为透明 / 0,无视觉回归)。
|
|
30
|
+
- 修复:Progress WebGL 路径下参考图集以全权重覆盖用户 `colors`,导致改主色 / 高光几乎无可见反馈;图集改为只提供亮度结构,颜色始终由 `colors`(底色 / 主色 / 辅色 / 高光)决定,Canvas2D 降级路径本就生效。
|
|
31
|
+
- 文档:README / examples 修正过时描述(移除已废弃的键盘控制、自动加载文案;胶囊示例从"9 组"改为 6 组;示例页旧名 Cosmic Capsules 统一为 DLC);`--hj-text-min-width` 默认值说明与实现一致(`textRatio` 生效时组件强制归零)。
|
|
32
|
+
- 类型:`ProgressPreset` 移除运行时不存在的 `loadRate` 字段;`CapsuleController` 补 `setMouseColor()`;`ProgressController` 补 `setShowValue()`,与运行时控制器对齐。
|
|
33
|
+
- 示例:examples 属性 / 方法说明补齐 `setMouseColor` / `setShowValue`,同步移除键盘 / 自动加载残留描述。
|
|
34
|
+
|
|
35
|
+
## 0.2.10 - 2026-08-09
|
|
36
|
+
|
|
37
|
+
- 修复:Vue wrapper 的插槽中转容器(`.hj-vue-slot-text` / `.hj-vue-slot-color`)此前带 `height: 100%`,插槽内容被搬进文字区/颜色区后,空壳仍会以宿主高度各撑出一个空块,把 Capsule / Progress 组件根整体往下推约 2×组件高度;改为 `display: none`,彻底脱离布局(对插槽搬运无影响)。
|
|
38
|
+
|
|
39
|
+
## 0.2.9 - 2026-08-09
|
|
40
|
+
|
|
41
|
+
- 修复:`/vue2`、`/vue3` 的 CJS 构建丢失默认导出(`require(...).default` 为 undefined,webpack/CommonJS 下 `import X from` 会拿到命名空间对象而不是组件);legacy 入口现在转发默认导出,并带 `__esModule` 标记。
|
|
42
|
+
- 对称补齐 Vue 组件实例方法:胶囊新增 `setMouseColor()`,进度条新增 `setShowValue()`(此前只有 Color 暴露了同类方法)。
|
|
43
|
+
|
|
44
|
+
## 0.2.8 - 2026-08-09
|
|
45
|
+
|
|
46
|
+
- 最终命名确认:官方组件导出为 `DlcCapsule / DlcProgress / DlcColor`(无中划线),模板中仍可直接写 `<dlc-capsule>` 等 kebab 写法(Vue 自动映射);移除字符串形式的导出名,兼容 Vite/esbuild。
|
|
47
|
+
|
|
48
|
+
## 0.2.7 - 2026-08-09
|
|
49
|
+
|
|
50
|
+
- 修复:0.2.6 发布包未包含 mouseColor / showValue 热切换(watch 仍走重建),本轮真正启用 `setMouseColor()` / `setShowValue()`,开关不再重建组件、不丢插槽内容。
|
|
51
|
+
- 组件更名:`CosmicCapsule → DlcCapsule`、`ProgressCapsule → DlcProgress`、`ColorBackground → DlcColor`(旧名保留为兼容别名,标记 deprecated;模板里也可写 `<dlc-capsule>` 等)。
|
|
52
|
+
|
|
53
|
+
## 0.2.6 - 2026-08-09
|
|
54
|
+
|
|
55
|
+
- 修复:Vue wrapper 重建组件时因“插槽容器搬移”导致组件树损坏(子组件丢失、mouseColor 开关无效)的问题;插槽改回搬子节点。
|
|
56
|
+
- 胶囊 `mouseColor` 改为热切换(新增控制器 `setMouseColor()`,不再重建组件);进度条 `showValue` 改为热切换(新增 `setShowValue()`,数字元素始终存在、按需隐藏)。
|
|
57
|
+
|
|
58
|
+
## 0.2.5 - 2026-08-08
|
|
59
|
+
|
|
60
|
+
- 修复:胶囊 `textRatio` 小于 164px(历史 `--hj-copy-min-width` 默认)时文字区不跟随缩小的 bug;现在 `textRatio` 是文字区宽度的唯一权威值,0~100 全范围生效。
|
|
61
|
+
|
|
62
|
+
## 0.2.4 - 2026-08-08
|
|
63
|
+
|
|
64
|
+
- 移除 Progress `keyboard` 属性与键盘控制(拖动/受控 value 已覆盖主要场景)。
|
|
65
|
+
- 兼容性修复:legacy/IE11 路径补齐 `Array.prototype.find`、`String.prototype.endsWith`、`String.prototype.padStart` 缺失导致的崩溃(源码层也改为 ES5 写法)。
|
|
66
|
+
- 控制器暴露值改为实时 getter(`textRatio` / `cssVars` / `opacity` / `fallbackColor` / `mouseColor`),热更新后读取不再过期,Vue 重建时状态继承更准确。
|
|
67
|
+
- `setSize` 先校验再赋值,非法尺寸不再污染内部状态或抛进 Vue 更新流程。
|
|
68
|
+
- `setRange` 与创建时的 `min/max` 在 min>max 时自动交换。
|
|
69
|
+
- 结构属性连续变化时,重建后补一次插槽搬运(B3)。
|
|
70
|
+
- Canvas2D 降级的 `randomize()` 额外随机相位,变化更明显;README 注明降级路径 `mouseColor` 不生效。
|
|
71
|
+
|
|
72
|
+
## 0.2.3 - 2026-08-08
|
|
73
|
+
|
|
74
|
+
- 修复:Vue wrapper 重建组件(如 showValue 开关)后插槽内容丢失的问题(插槽容器改为整体搬入文字区/颜色区)。
|
|
75
|
+
- 修复:进度条点击后无法直接使用键盘方向键的问题(拖动开始时自动聚焦)。
|
|
76
|
+
- 修复:胶囊 `textRatio=0` 时文字区仍因最小宽度 164px 占位的问题,现 0 即完全隐藏。
|
|
77
|
+
- 新增 Progress `readonly` 属性:与 disabled 行为一致但不置灰(`aria-readonly`)。
|
|
78
|
+
|
|
79
|
+
## 0.2.2 - 2026-08-08
|
|
80
|
+
|
|
81
|
+
- 修复:Progress 的 `setLabel()` 对 const 变量重新赋值,导致打包产物被 esbuild 拒绝、文档站无法构建的问题;label 热更新恢复正常。
|
|
82
|
+
|
|
83
|
+
## 0.2.1 - 2026-08-08
|
|
84
|
+
|
|
85
|
+
- 移除 `copy` / `showCopy` 属性:文字区内容改由插槽提供(Vue 默认插槽;H5/工厂用 `text` 选项),并新增颜色区插槽(Vue `#color`;H5/工厂用 `colorContent` 选项)。
|
|
86
|
+
- 新增 `textRatio` 属性(0~100,单位 %):控制文字区宽度占比,胶囊默认 39、进度条默认 54;写入统一变量 `--hj-text-width`,旧 `--hj-copy-*` 变量保留为兼容别名。
|
|
87
|
+
- 新增进度条 `showValue` 属性(默认 true):控制右侧百分比数字显示。
|
|
88
|
+
- 插槽容器默认透明且只做几何定位:不传插槽即为纯画面;组件不再对插槽内容施加文字样式。
|
|
89
|
+
- 移除进度条右下角 DRAG 提示(`dragLabel` 相关配置一并删除)。
|
|
90
|
+
- 文字区容器应用 `--hj-text-radius` 并裁剪内容(默认 0,无影响)。
|
|
91
|
+
- 新增控制器方法:`setText(content)` / `setColorContent(content)` / `setTextRatio(ratio)`(胶囊与进度条)。
|
|
92
|
+
- `ready` / `error` 改为创建后异步触发(先创建、后监听也能收到);Progress 补齐 WebGL 降级时的 `error` 事件。
|
|
93
|
+
- `randomize()` 会把新 seed 同步回 `preset.seed`;Canvas2D 降级路径的 `seed` / `speed` 现在真实生效。
|
|
94
|
+
- 新增 `setCssVars(vars)` / `setLabel(label)`(胶囊与进度条)、进度条 `setValueSuffix(suffix)`;Vue 组件实例暴露与 H5 对称的插槽/CSS 变量方法。
|
|
95
|
+
- Progress 新增 `disabled`(禁用拖动/键盘、aria-disabled、置灰)、`label`、`valueSuffix`;Capsule 补 `role="img"` 并支持 `label`。
|
|
96
|
+
- `min` / `max` 水线归一化到 `[min, max]`,键盘步进按范围百分比(方向键 ±2%、PageUp/PageDown ±10%),右侧数字仍显示原始 value。
|
|
97
|
+
- 拖动进度时 `change` 按 rAF 合并为一帧一次,避免高频重渲染。
|
|
98
|
+
- Vue 结构属性变化重建实例时会继承运行时状态(seed/speed/colors/textRatio/cssVars/value 等)。
|
|
99
|
+
- 新增官方 Vue 组件 `ColorBackground`;Color 控制器补齐 `setSeed` / `setSpeed` / `setFallbackColor` / `setMouseColor`。
|
|
100
|
+
- Vue wrapper 的 `id` / `data-*` / `title` 等普通属性会落到组件内部根节点;`class` / `style` 留在外层宿主并写入文档。
|
|
101
|
+
- `colors` 支持更通用的写法:`#rgb` / `#rrggbb` / CSS 命名色(`red`、`green`…)/ `rgb()` / `rgba()`,统一归一化为小写 6 位十六进制;`rgba()` 的 alpha 忽略(透明请用 `opacity`),新增公共工具 `normalizeColor(color)`。
|
|
102
|
+
- 文档补全插槽 CSS 约定与 cssVars 完整变量表。
|
|
103
|
+
|
|
104
|
+
## 0.2.0 - 2026-08-08
|
|
105
|
+
|
|
106
|
+
- `preset` 简化为只接受文学名称字符串:胶囊 `初光 / 沧溟 / 玄夜 / 紫霄 / 银汉 / 熔金`,进度 `星火 / 迁流 / 幻境 / 汐潮`;不再支持编号、id、名称三选一或自定义预置对象。
|
|
107
|
+
- `colors` / `seed` / `speed` 改为独立属性,传入即覆盖预置内置值,不传用预置默认;新增胶囊控制器 `setSeed()` / `setSpeed()`。
|
|
108
|
+
- 移除 `interactive` 属性(指针扭曲效果统一由 `mouseColor` 控制,组件事件始终派发)。
|
|
109
|
+
- 新增进度控制器 `setEdgeStyle('flow' | 'tide')` 热切换边界风格。
|
|
110
|
+
|
|
111
|
+
## 0.1.0 - 2026-08-07
|
|
112
|
+
|
|
113
|
+
- 从 画境观屿 演示项目抽出框架无关组件核心:`createCapsule` / `createProgressCapsule`。
|
|
114
|
+
- 包名正式改为 `@5even7/dlc-ui`,入口:根入口、`/capsule`、`/progress`、`/color`、`/vue3`、`/vue2`,样式入口 `style.css` / 各组件 `style.css`。
|
|
115
|
+
- 目录重构为组件独立文件夹:`src/dlc-capsule`、`src/dlc-progress`、`src/dlc-color`,共享预置/配色/默认值/文案集中在 `src/config/`,渲染与公共逻辑在 `src/core/`。
|
|
116
|
+
- 删除 NC-07~NC-09 柔光流带(aurora)及对应 shader,胶囊仅保留 NC-01~NC-06 星云材质。
|
|
117
|
+
- 新增 `dlc-color`:复用同一星云渲染器做背景层(`createColorBackground`),与 Capsule 效果一致,支持 z-index 层级变量。
|
|
118
|
+
- 新增 `NC-13 TIDE` 潮汐进度预置(`edgeStyle: 'tide'`),原有进度数据冻结不变。
|
|
119
|
+
- 尺寸支持数字(px)与 `px/%/vw/vh/vmin/vmax/em/rem` 字符串;默认值集中在 `src/config/defaults.js`。
|
|
120
|
+
- 文案集中在 `src/config/copy.js`,可按实例覆盖。
|
|
121
|
+
- 事件系统开放:`on/off` 接受任意事件名;Vue wrapper 转发 `$emit`。
|
|
122
|
+
- 性能:WebGL2 激活时跳过隐藏的 Canvas2D 每帧绘制;组件级可见性(IntersectionObserver + 页面可见性);质量档位。
|
|
123
|
+
- 构建:Rollup 产出现代 ESM + legacy CJS/UMD(ES5 + polyfill),现代浏览器零影响。
|
package/LICENSE
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
MIT License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2026 yizhe21803
|
|
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.
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 yizhe21803
|
|
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.
|