@melt-js/libs-vue3-leva 2026.11.6-2 → 2026.11.8

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.
Files changed (13) hide show
  1. package/README.md +14 -3
  2. package/hel_dist/css/69.afeb2ccb.css +1 -0
  3. package/hel_dist/hel-meta.json +17 -17
  4. package/hel_dist/index.html +1 -1
  5. package/hel_dist/js/{69.792743a0.js → 69.23380cb7.js} +3 -3
  6. package/hel_dist/js/69.23380cb7.js.map +1 -0
  7. package/hel_dist/js/{app.a3ea648f.js → app.11601a84.js} +2 -2
  8. package/hel_dist/js/{app.a3ea648f.js.map → app.11601a84.js.map} +1 -1
  9. package/package.json +2 -1
  10. package/scripts/gen-schema.mjs +224 -1
  11. package/src/PropsPlayground.vue +77 -4
  12. package/hel_dist/css/69.4dbde525.css +0 -1
  13. package/hel_dist/js/69.792743a0.js.map +0 -1
package/README.md CHANGED
@@ -23,12 +23,23 @@ const { PropsPlayground } = await import('@melt-js/libs-vue3-leva')
23
23
  ```
24
24
 
25
25
  ```vue
26
- <props-playground :components="components" :schemas="schemas" :stage-classes="stageClasses" />
26
+ <props-playground
27
+ :components="components"
28
+ :schemas="schemas"
29
+ :presets="presets"
30
+ :listeners="listeners"
31
+ :stage-classes="stageClasses"
32
+ :stage-styles="stageStyles"
33
+ :slot-html="slotHtml"
34
+ />
27
35
  ```
28
36
 
29
37
  - `components`：`{ 组件名: 组件 }`
30
38
  - `schemas`：`{ 组件名: propsSchema.json 的内容 }`
31
- - `stageClasses`：可选，`{ 组件名: 'is-dark' }`
39
+ - `presets`：可选，`{ 组件名: { items: [...] } }`，面板不生成控件的复杂 props / 插槽配套数据；同时会作为面板的初始值
40
+ - `listeners`：可选，`{ 组件名: { select: (item) => ... } }`，透传给组件的 `v-on`
41
+ - `stageClasses` / `stageStyles`：可选，`{ 组件名: 'is-dark' }` / `{ 组件名: { height: '480px' } }`
42
+ - `slotHtml`：可选，`{ 组件名: { default: '<p>内容</p>', title: '标题' } }`，支持 `default` / `title` / `action` / `footer` / `filters` / `actions` / `start` / `end` / `tool` / `rightTool`
32
43
 
33
44
  `PropsPanel` 也可以单独用：`:schema` + `v-model`。
34
45
 
@@ -60,7 +71,7 @@ vue3-leva-gen-schema --check # CI：schema 与源码不一致时退出码 1
60
71
 
61
72
  约定：
62
73
 
63
- - 只有带 `@description` 的注释才会进 `description`
74
+ - 优先用带 `@description` 的 JSDoc；没有 JSDoc 时，生成器会把 props 上方的 `// 注释`（没有注释时用属性名）补成 `@description`，方便老组件直接接入
64
75
  - `index.vue` 写到同目录 `propsSchema.json`，单文件组件写 `Foo.propsSchema.json`
65
76
  - 字符串字面量联合（`'a' | 'b'`）会生成下拉 `options`
66
77
  - Vue 3 的 props 请用对象形式 `defineProps({ ... })`（`withDefaults(defineProps<...>())` 解析不到 props，类型用 `PropType<T>` 保留）
package/hel_dist/css/69.afeb2ccb.css ADDED
@@ -0,0 +1 @@
1
+ .props-panel[data-v-7cfac513]{width:100%;min-width:0}.props-panel__pane[data-v-7cfac513]{width:100%}.props-panel__hint[data-v-7cfac513]{margin:8px 0 0;color:#667085;font-size:12px;line-height:1.5}.props-playground[data-v-77b60ab6]{display:flex;flex-direction:column;gap:12px;min-width:0}.props-playground__bar[data-v-77b60ab6]{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.props-playground__tabs[data-v-77b60ab6]{display:flex;flex-wrap:wrap;gap:6px}.props-playground__action[data-v-77b60ab6],.props-playground__tab[data-v-77b60ab6]{padding:6px 12px;border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#344054;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer;transition:color .2s,background-color .2s,border-color .2s}.props-playground__action[data-v-77b60ab6]:hover,.props-playground__tab[data-v-77b60ab6]:hover{border-color:#2563eb;color:#2563eb}.props-playground__tab.is-active[data-v-77b60ab6]{border-color:#2563eb;background:#2563eb;color:#fff}.props-playground__body[data-v-77b60ab6]{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.props-playground__stage[data-v-77b60ab6]{height:640px;overflow:auto;border:1px solid #d0d5dd;border-radius:12px;background:#fff}.props-playground__stage.is-dark[data-v-77b60ab6]{background:#0b1220}.props-playground__panel[data-v-77b60ab6]{position:sticky;top:16px}.props-playground__empty[data-v-77b60ab6]{margin:0;padding:24px;color:#667085;font-size:13px}@media (max-width:900px){.props-playground__body[data-v-77b60ab6]{grid-template-columns:1fr}.props-playground__stage[data-v-77b60ab6]{height:480px}.props-playground__panel[data-v-77b60ab6]{position:static}}
package/hel_dist/hel-meta.json CHANGED
@@ -3,29 +3,29 @@
3
3
  "name": "libs-vue3-leva",
4
4
  "app_group_name": "libs-vue3-leva",
5
5
  "git_repo_url": "",
6
- "online_version": "2026.11.6-2",
7
- "build_version": "2026.11.6-2",
6
+ "online_version": "2026.11.8",
7
+ "build_version": "2026.11.8",
8
8
  "platform": "unpkg",
9
- "create_at": "2026-11-06T13:34:53.074Z"
9
+ "create_at": "2026-11-08T15:13:42.352Z"
10
10
  },
11
11
  "version": {
12
12
  "plugin_ver": "5.4.3",
13
13
  "extract_mode": "build",
14
14
  "sub_app_name": "libs-vue3-leva",
15
- "sub_app_version": "libs-vue3-leva@2026.11.6-2",
16
- "version_tag": "2026.11.6-2",
15
+ "sub_app_version": "libs-vue3-leva@2026.11.8",
16
+ "version_tag": "2026.11.8",
17
17
  "src_map": {
18
- "webDirPath": "https://unpkg.com/@melt-js/libs-vue3-leva@2026.11.6-2/hel_dist",
19
- "htmlIndexSrc": "https://unpkg.com/@melt-js/libs-vue3-leva@2026.11.6-2/hel_dist/index.html",
18
+ "webDirPath": "https://unpkg.com/@melt-js/libs-vue3-leva@2026.11.8/hel_dist",
19
+ "htmlIndexSrc": "https://unpkg.com/@melt-js/libs-vue3-leva@2026.11.8/hel_dist/index.html",
20
20
  "extractMode": "all",
21
21
  "iframeSrc": "",
22
22
  "chunkCssSrcList": [
23
- "https://unpkg.com/@melt-js/libs-vue3-leva@2026.11.6-2/hel_dist/\\css\\69.4dbde525.css"
23
+ "https://unpkg.com/@melt-js/libs-vue3-leva@2026.11.8/hel_dist/\\css\\69.afeb2ccb.css"
24
24
  ],
25
25
  "chunkJsSrcList": [
26
- "https://unpkg.com/@melt-js/libs-vue3-leva@2026.11.6-2/hel_dist/js/app.a3ea648f.js",
27
- "https://unpkg.com/@melt-js/libs-vue3-leva@2026.11.6-2/hel_dist/\\js\\69.792743a0.js",
28
- "https://unpkg.com/@melt-js/libs-vue3-leva@2026.11.6-2/hel_dist/\\js\\app.a3ea648f.js"
26
+ "https://unpkg.com/@melt-js/libs-vue3-leva@2026.11.8/hel_dist/js/app.11601a84.js",
27
+ "https://unpkg.com/@melt-js/libs-vue3-leva@2026.11.8/hel_dist/\\js\\69.23380cb7.js",
28
+ "https://unpkg.com/@melt-js/libs-vue3-leva@2026.11.8/hel_dist/\\js\\app.11601a84.js"
29
29
  ],
30
30
  "staticCssSrcList": [],
31
31
  "staticJsSrcList": [
@@ -45,22 +45,22 @@
45
45
  "tag": "script",
46
46
  "append": true,
47
47
  "attrs": {
48
- "src": "https://unpkg.com/@melt-js/libs-vue3-leva@2026.11.6-2/hel_dist/js/app.a3ea648f.js",
48
+ "src": "https://unpkg.com/@melt-js/libs-vue3-leva@2026.11.8/hel_dist/js/app.11601a84.js",
49
49
  "defer": "defer"
50
50
  }
51
51
  }
52
52
  ],
53
53
  "bodyAssetList": [],
54
54
  "otherSrcList": [
55
- "https://unpkg.com/@melt-js/libs-vue3-leva@2026.11.6-2/hel_dist/\\index.html",
56
- "https://unpkg.com/@melt-js/libs-vue3-leva@2026.11.6-2/hel_dist/\\js\\69.792743a0.js.map",
57
- "https://unpkg.com/@melt-js/libs-vue3-leva@2026.11.6-2/hel_dist/\\js\\app.a3ea648f.js.map"
55
+ "https://unpkg.com/@melt-js/libs-vue3-leva@2026.11.8/hel_dist/\\index.html",
56
+ "https://unpkg.com/@melt-js/libs-vue3-leva@2026.11.8/hel_dist/\\js\\69.23380cb7.js.map",
57
+ "https://unpkg.com/@melt-js/libs-vue3-leva@2026.11.8/hel_dist/\\js\\app.11601a84.js.map"
58
58
  ],
59
59
  "srvModSrcList": [],
60
60
  "srvModSrcIndex": ""
61
61
  },
62
- "html_content": "<!doctype html><html lang=\"\"><head><meta charset=\"utf-8\"/><meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"/><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"/><title>@melt-js/libs-vue3-leva</title><script data-helappend=\"0\" src=\"https://unpkg.com/vue@3.5.44/dist/vue.global.prod.js\"></script><script defer=\"defer\" src=\"https://unpkg.com/@melt-js/libs-vue3-leva@2026.11.6-2/hel_dist/js/app.a3ea648f.js\"></script></head><body><noscript><strong>We're sorry but @melt-js/libs-vue3-leva doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=\"app\"></div></body></html>",
63
- "create_at": "2026-11-06T13:34:53.074Z",
62
+ "html_content": "<!doctype html><html lang=\"\"><head><meta charset=\"utf-8\"/><meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"/><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"/><title>@melt-js/libs-vue3-leva</title><script data-helappend=\"0\" src=\"https://unpkg.com/vue@3.5.44/dist/vue.global.prod.js\"></script><script defer=\"defer\" src=\"https://unpkg.com/@melt-js/libs-vue3-leva@2026.11.8/hel_dist/js/app.11601a84.js\"></script></head><body><noscript><strong>We're sorry but @melt-js/libs-vue3-leva doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=\"app\"></div></body></html>",
63
+ "create_at": "2026-11-08T15:13:42.352Z",
64
64
  "desc": "this version meta is created by hel-dev-utils@5.4.3"
65
65
  }
66
66
  }
package/hel_dist/index.html CHANGED
@@ -1 +1 @@
1
- <!doctype html><html lang=""><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>@melt-js/libs-vue3-leva</title><script data-helappend="0" src="https://unpkg.com/vue@3.5.44/dist/vue.global.prod.js"></script><script defer="defer" src="https://unpkg.com/@melt-js/libs-vue3-leva@2026.11.6-2/hel_dist/js/app.a3ea648f.js"></script></head><body><noscript><strong>We're sorry but @melt-js/libs-vue3-leva doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
1
+ <!doctype html><html lang=""><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>@melt-js/libs-vue3-leva</title><script data-helappend="0" src="https://unpkg.com/vue@3.5.44/dist/vue.global.prod.js"></script><script defer="defer" src="https://unpkg.com/@melt-js/libs-vue3-leva@2026.11.8/hel_dist/js/app.11601a84.js"></script></head><body><noscript><strong>We're sorry but @melt-js/libs-vue3-leva doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>