dsh-codinput 0.3.0 → 0.3.2

package/src/client/styles.ts

@@ -50,8 +50,14 @@ const CSS = `
 .dci-body { position: relative; display: flex; gap: 0; min-height: 60px; max-height: var(--dci-body-max, 46vh); overflow: hidden; }
 .dci-body[style*="--dci-body-h"] { height: var(--dci-body-h); }
 /* 分屏：grid 等宽两栏（fr 计入 padding/border，两栏边界严格居中；flex
- * 会把预览栏的横向 padding 泄漏进空间分配，做不到对半）。 */
-.dci-body[data-split="true"] { display: grid; grid-template-columns: 1fr 1fr; }
+ * 会把预览栏的横向 padding 泄漏进空间分配，做不到对半）。行高必须
+ * minmax(0,1fr)+两栏 min-height:0：隐式 auto 行随内容撑高、不受 max-height
+ * 钳制，内容一高整行溢出被 overflow:hidden 裁掉，两栏都出不了滚动条。 */
+.dci-body[data-split="true"] { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: minmax(0, 1fr); }
+.dci-body[data-split="true"] > * { min-height: 0; }
+/* 分屏同步滚动：只留编辑栏一个滚动条，预览栏藏起但滚轮仍可反向带动编辑器。 */
+.dci-body[data-split="true"] .dci-preview { scrollbar-width: none; }
+.dci-body[data-split="true"] .dci-preview::-webkit-scrollbar { display: none; }
 .dci-body[data-split="true"] .dci-editor-wrap { border-right: 1px solid var(--dsw-alias-border-l2, color-mix(in srgb, currentColor 12%, transparent)); }
 .dci-editor-wrap { position: relative; flex: 1 1 100%; min-width: 0; box-sizing: border-box; display: flex; flex-direction: column; }
 .dci-editor-wrap[data-solo="true"] { flex-basis: 100%; }
@@ -96,10 +102,13 @@ const CSS = `
 .dci-add:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover-solid, color-mix(in srgb, currentColor 14%, transparent)); }
 .dci-add:disabled { opacity: 0.5; cursor: default; }
 
-/* 下拉触发（官方 PermissionSelect / ModelSelection .trigger）*/
+/* 下拉触发（官方 PermissionSelect / ModelSelect .trigger）。radius 官方走
+ * --dsw-radius-sm，无 token 的旧宿主（0.1.5-rc.3）回退原 24px 视觉；
+ * 模型触发器官方 font-weight 400（权限 500），经 [data-model] 区分。*/
 .dci-trigger { min-width: 0; max-width: 220px; height: 28px; color: var(--dsw-alias-label-secondary, currentColor); cursor: pointer;
-  background: transparent; border: none; border-radius: 24px; outline: none; align-items: center; gap: 4px;
+  background: transparent; border: none; border-radius: var(--dsw-radius-sm, 24px); outline: none; align-items: center; gap: 4px;
   padding: 0 4px 0 8px; font-size: 13px; font-weight: 500; line-height: 20px; display: inline-flex; }
+.dci-trigger[data-model] { font-weight: 400; }
 .dci-trigger:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover, color-mix(in srgb, currentColor 8%, transparent)); }
 .dci-trigger:focus-visible { box-shadow: 0 0 0 2px var(--dsw-alias-border-l3, transparent); }
 .dci-trigger:disabled { color: var(--dsw-alias-label-dimmed, currentColor); cursor: default; opacity: 0.5; }