dsh-design-studio 0.9.0 → 0.10.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.en.md +2 -1
- package/README.md +2 -1
- package/lib/client.js +1660 -81
- package/lib/core.js +22 -9
- package/lib/handoff.js +119 -11
- package/lib/index.js +16 -9
- package/lib/picker.js +392 -32
- package/locale/en.json +1 -1
- package/locale/zh.json +1 -1
- package/package.json +2 -2
package/README.en.md
CHANGED
|
@@ -38,7 +38,8 @@ If DSH can't reach the npm registry, it falls back to a mirror in China. To upda
|
|
|
38
38
|
## What it does
|
|
39
39
|
|
|
40
40
|
- **Pick from three directions:** three different first screens side by side, then the full set in the one you pick. Any single screen can also get two alternative takes.
|
|
41
|
-
- **Click to edit:** click an element or drag over an area, and
|
|
41
|
+
- **Click to edit:** click an element or drag over an area, and a small chip lands in the input (hover it for details); just add how to change it. Markup, style changes, style cards and check lists land as chips too, not walls of text. The model still gets the full location and styles. Changed spots flash in the preview. You can also draw circles, arrows and notes right on the page and hand the marked-up screenshot to the model, or copy it to paste elsewhere.
|
|
42
|
+
- **Open what you have:** click "Browse…" on the empty page to pick an HTML file, or drop an HTML file or folder onto the sidebar (desktop app); you can also type a path or a dev-server port.
|
|
42
43
|
- **Design check:** one click finds overflowing text, low contrast, small tap targets and tiny text, marked right on the page. In Design mode the model also checks its own work and fixes what it finds.
|
|
43
44
|
- **Versions and compare:** every turn is saved; drag a slider to compare, and go back to any version.
|
|
44
45
|
- **Export and phone preview:** showcase images, PDF and PowerPoint (links between screens still work); scan a QR code to see it on your phone at real size.
|
package/README.md
CHANGED
|
@@ -38,7 +38,8 @@
|
|
|
38
38
|
## 能做什么
|
|
39
39
|
|
|
40
40
|
- **三个方向挑着做**：先出三个风格不同的首屏并排比，挑中再做全套；单独一屏也能「再出两版」。
|
|
41
|
-
-
|
|
41
|
+
- **点一下就改**：点元素或框一块区域，输入框里出现一个小标签（悬停看详情），你只要补一句怎么改；标注、调样式、风格、体检清单这些放进输入框的也都是小标签，不再是一大段字；发出去模型拿到完整的位置和样式。改过的地方在预览里闪一下。也能直接在页面上画圈、画箭头、写字，拼成一张图交给模型，或者复制下来贴到别处。
|
|
42
|
+
- **打开已有的页面**：空白页点「浏览…」选一个 HTML，或把 HTML 文件 / 文件夹拖进右侧栏就能预览（桌面版）；也能输路径或开发服务器端口。
|
|
42
43
|
- **设计体检**：一键查文字溢出、对比度不够、按钮太小、字太小，问题直接标在页面上；模型做完也会自己查一遍再改。
|
|
43
44
|
- **版本和对比**：每轮自动存一版，左右拖动对比，随时回到任意一版。
|
|
44
45
|
- **导出和手机上看**：导出展示图、PDF、PPT（屏和屏之间的跳转照样能点）；扫码在手机上按真机尺寸看。
|