contactsheet 0.1.6 → 0.1.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.
- package/README.md +4 -1
- package/dist/canvas/app.js +88 -22
- package/dist/canvas/app.js.map +2 -2
- package/dist/canvas/style-pins.css +54 -0
- package/dist/cli.js +1 -1
- package/dist/cli.js.map +2 -2
- package/package.json +1 -1
|
@@ -48,6 +48,7 @@
|
|
|
48
48
|
.cs-ref-strip:empty { display: none; } /* 没图就当它不存在,别留一条空隙 */
|
|
49
49
|
|
|
50
50
|
.cs-ref-thumb {
|
|
51
|
+
position: relative; /* 删除钮的锚 */
|
|
51
52
|
width: 56px;
|
|
52
53
|
padding: 2px;
|
|
53
54
|
border: 1px solid var(--cs-line-2);
|
|
@@ -56,6 +57,26 @@
|
|
|
56
57
|
cursor: zoom-in;
|
|
57
58
|
}
|
|
58
59
|
.cs-ref-thumb:hover { border-color: var(--cs-accent); }
|
|
60
|
+
/* 删除钮:悬停才现身,压在缩略图右上角。命中区 18px,比字形大一圈 */
|
|
61
|
+
.cs-ref-rm {
|
|
62
|
+
position: absolute;
|
|
63
|
+
top: -6px;
|
|
64
|
+
right: -6px;
|
|
65
|
+
width: 18px;
|
|
66
|
+
height: 18px;
|
|
67
|
+
padding: 0;
|
|
68
|
+
border: 1px solid var(--cs-line-2);
|
|
69
|
+
border-radius: var(--cs-r-full);
|
|
70
|
+
background: var(--cs-s1);
|
|
71
|
+
color: var(--cs-fg-2);
|
|
72
|
+
font: var(--cs-fs-micro)/1 var(--cs-ff-sans);
|
|
73
|
+
cursor: pointer;
|
|
74
|
+
opacity: 0;
|
|
75
|
+
transition: opacity var(--cs-dur-1) var(--cs-ease), color var(--cs-dur-1) var(--cs-ease);
|
|
76
|
+
}
|
|
77
|
+
.cs-ref-thumb:hover .cs-ref-rm,
|
|
78
|
+
.cs-ref-rm:focus-visible { opacity: 1; }
|
|
79
|
+
.cs-ref-rm:hover { color: var(--cs-danger); border-color: var(--cs-danger); }
|
|
59
80
|
/* 固定比例 + 等比裁切:贴进来的截图长宽不可控,只给宽高会把竖图压扁;
|
|
60
81
|
槽位尺寸先定死,图到位时也不会把气泡撑得跳一下 */
|
|
61
82
|
.cs-ref-thumb img {
|
|
@@ -102,3 +123,36 @@
|
|
|
102
123
|
text-align: center;
|
|
103
124
|
cursor: help;
|
|
104
125
|
}
|
|
126
|
+
|
|
127
|
+
/* ============================================================
|
|
128
|
+
气泡编辑框的滚动卫生(RESP-015:滚动条定制;滚轮事件由 view.ts 放行)
|
|
129
|
+
============================================================ */
|
|
130
|
+
.cs-pin-edit {
|
|
131
|
+
resize: none; /* UA 的拉伸角在暗色气泡上是块白斑,气泡宽度也不该被拉走 */
|
|
132
|
+
overscroll-behavior: contain; /* 滚到头别把手势漏给画布 */
|
|
133
|
+
scrollbar-width: thin;
|
|
134
|
+
scrollbar-color: var(--cs-s4) transparent;
|
|
135
|
+
}
|
|
136
|
+
.cs-pin-edit::-webkit-scrollbar { width: 8px; }
|
|
137
|
+
.cs-pin-edit::-webkit-scrollbar-thumb {
|
|
138
|
+
border-radius: var(--cs-r-full);
|
|
139
|
+
background: var(--cs-s4);
|
|
140
|
+
border: 2px solid transparent;
|
|
141
|
+
background-clip: content-box;
|
|
142
|
+
}
|
|
143
|
+
.cs-pin-edit::-webkit-scrollbar-track { background: transparent; }
|
|
144
|
+
/* 气泡正文长文同样能滚(展示态) */
|
|
145
|
+
.cs-pin-text {
|
|
146
|
+
max-height: 220px;
|
|
147
|
+
overflow-y: auto;
|
|
148
|
+
overscroll-behavior: contain;
|
|
149
|
+
scrollbar-width: thin;
|
|
150
|
+
scrollbar-color: var(--cs-s4) transparent;
|
|
151
|
+
}
|
|
152
|
+
.cs-pin-text::-webkit-scrollbar { width: 8px; }
|
|
153
|
+
.cs-pin-text::-webkit-scrollbar-thumb {
|
|
154
|
+
border-radius: var(--cs-r-full);
|
|
155
|
+
background: var(--cs-s4);
|
|
156
|
+
border: 2px solid transparent;
|
|
157
|
+
background-clip: content-box;
|
|
158
|
+
}
|
package/dist/cli.js
CHANGED
|
@@ -1369,7 +1369,7 @@ async function buildContextText(cfg) {
|
|
|
1369
1369
|
for (const a of open) {
|
|
1370
1370
|
const where = [a.artboardId, a.anchor?.selector].filter(Boolean).join(" @ ");
|
|
1371
1371
|
lines.push(`- #${a.seq} [${a.id}] ${where ? where + " \u2014\u2014 " : ""}${a.text}`);
|
|
1372
|
-
|
|
1372
|
+
(a.refs ?? []).forEach((ref, i) => lines.push(` \u56FE\u7247 ${i + 1}:${ref}`));
|
|
1373
1373
|
}
|
|
1374
1374
|
}
|
|
1375
1375
|
return lines.join("\n") + "\n";
|