dsh-motion-ui 0.8.5 → 0.8.7

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # DSH Motion UI
 
+## 0.8.7 — 2026-10-18
+
+### 补齐原生组件的皮肤兼容
+
+- 修复步骤卡片和提示块遗漏圆角防护的问题（Issue #4）：明亮扁平的步骤卡片恢复 18px，提示块保留左侧直角、右侧圆角。
+- 扩展防护至步骤编号、按钮、徽标、标签、进度、分段选择、步进控件、操作菜单与开关滑块等原生元素，避免相同皮肤补丁继续清除局部形状。
+- 为文本／代码复制块的独立样式记录原始圆角，保留各风格和自由模式下的桌面／窄屏设计。
+- 保留非对称圆角、有意使用的直角、设置预览及模型画布内部样式。
+
+### 验证
+
+- 扩展原有 2,304 个组合检查，逐个核对步骤、提示块及更多原生元素的四角几何，并检查开关伪元素。
+- 执行完整回归及正式包安装验证。
+
+## 0.8.6 — 2026-10-18
+
+### 内部组件与皮肤兼容
+
+- 修复皮肤补丁对聊天区域使用 border-radius: 0 !important 时，原生卡片、指标、控件、图表、表格外框与画布边框变成直角的问题（Issue #3）。
+- 为内部组件增加独立的样式边界，保留各风格原有的圆角、非对称形状、响应式排版和有意使用的直角。
+- 防止外部圆角变量重置影响组件；自由模式、设置预览及模型生成的 HTML/SVG 内容保持原有设计。
+- 保留已修复的阅读／极简无外壳排版，以及视频定位、播放器状态和交互参数。
+
+### 验证
+
+- 根据报告者提供的 skin-center patches 原始覆盖规则复现并验证修复。
+- 2,304 个内部组件组合检查，覆盖六种风格、八种排版、三种宽度、明暗主题与两种加载顺序。
+- 执行完整回归及正式包安装验证。
+
 ## 0.8.5 — 2026-10-18
 
 ### 文档外壳与皮肤兼容

package/client.js

@@ -4260,7 +4260,7 @@ function Sandbox({ node, document: doc, state: state2, data, derived, disabled,
 }
 
 // lib/build-info.js
-var BUILD_INFO = Object.freeze({ "version": "0.8.5", "id": "0.8.5+64909b292cda", "sourceHash": "64909b292cda52745fc063409ac48c8c665d9be60ca7212ca716748c0f8fe5fd" });
+var BUILD_INFO = Object.freeze({ "version": "0.8.7", "id": "0.8.7+b49a94e536b0", "sourceHash": "b49a94e536b010c02561479d3e8daffea6997fe97b0c711057cdffa554998761" });
 
 // lib/refinement.js
 var AUDIT_MESSAGES = Object.freeze({ overflow: "\u5185\u5BB9\u8D85\u51FA\u89C6\u53E3\u5BBD\u5EA6", smallText: "\u6587\u5B57\u5B9E\u9645\u663E\u793A\u5C3A\u5BF8\u5C0F\u4E8E 12px", contrast: "\u6587\u5B57\u4E0E\u80CC\u666F\u5BF9\u6BD4\u5EA6\u504F\u4F4E", missingLabel: "\u4EA4\u4E92\u63A7\u4EF6\u7F3A\u5C11\u53EF\u8BBF\u95EE\u540D\u79F0", runtimeError: "\u753B\u5E03\u62A5\u544A\u8FD0\u884C\u5F02\u5E38", clippedText: "\u6587\u5B57\u53EF\u80FD\u88AB\u9690\u85CF\u6216\u88C1\u5207", cardTextOverflow: "\u6587\u5B57\u8D85\u51FA\u5361\u7247\u5185\u5BB9\u8FB9\u754C\uFF1B\u8BF7\u4FDD\u7559\u9634\u5F71\u5E76\u8C03\u6574\u5BB9\u5668\u5C3A\u5BF8\u3001\u5185\u8FB9\u8DDD\u6216\u6587\u5B57\u6392\u7248", bottomWhitespace: "\u5185\u5BB9\u4E0B\u65B9\u5B58\u5728\u660E\u663E\u7A7A\u767D" });
@@ -5177,8 +5177,8 @@ function StreamSurface({ stream, sessionId, committedIds = [] }) {
         clearTimeout(entry.timer);
         entry.timer = null;
         entry.finishing = () => {
-          const surfaces = [...scroll.querySelectorAll("[data-dsh-generative-ui]")].filter((el) => committedIds.includes(el.dataset.dshGenerativeUi) && !el.hasAttribute("data-preview"));
-          if (!committedIds.length || surfaces.length === committedIds.length && surfaces.every((el) => !el.querySelector("[data-canvas-phase=loading]"))) dispose(entry);
+          const surfaces2 = [...scroll.querySelectorAll("[data-dsh-generative-ui]")].filter((el) => committedIds.includes(el.dataset.dshGenerativeUi) && !el.hasAttribute("data-preview"));
+          if (!committedIds.length || surfaces2.length === committedIds.length && surfaces2.every((el) => !el.querySelector("[data-canvas-phase=loading]"))) dispose(entry);
         };
         entry.finishing();
       }
@@ -5392,6 +5392,80 @@ function resolveSourceFence(raw, { svg = false } = {}) {
 
 // src/copy-block.js
 var import_react16 = __toESM(require("react"), 1);
+
+// src/host-boundary.js
+var surfaces = [
+  ".dgui-card",
+  ".dgui-metric",
+  ".dgui-control",
+  ".dgui-chart",
+  ".dgui-table-wrap",
+  ".dgui-steps li",
+  ".dgui-step-dot",
+  ".dgui-copy",
+  ".dgui-header",
+  ".dgui-heading-icon",
+  ".dgui-badge",
+  ".dgui-tag",
+  ".dgui-details",
+  ".dgui-progress",
+  ".dgui-progress progress",
+  ".dgui-button",
+  ".dgui-secondary",
+  ".dgui-toggle",
+  ".dgui-control output",
+  ".dgui-control input:not([type=range]):not([type=checkbox])",
+  ".dgui-control select",
+  ".dgui-root textarea",
+  ".dgui-root pre",
+  ".dgui-plot",
+  ".dgui-menu-trigger",
+  ".dgui-menu-content",
+  ".dgui-menu-content button",
+  ".dgui-canvas-loading",
+  ".dgui-canvas-spinner",
+  ".dgui-canvas-placeholder",
+  ".dgui-canvas-issue",
+  ".dgui-canvas-stage iframe",
+  ".dgui-version-preview",
+  ".dgui-segmented",
+  ".dgui-segment-indicator",
+  ".dgui-segmented button",
+  ".dgui-action-orb",
+  ".dgui-elastic",
+  ".dgui-stepper",
+  ".dgui-stepper>button",
+  ".dgui-card>.dgui-section-title",
+  ".dgui-row:has(>.dgui-metric)",
+  ".motion-copy-block",
+  ".motion-copy-button",
+  "[data-motion-component=card]",
+  "[data-motion-component=stat]"
+];
+var descendants = surfaces.map((s) => s.replace(/^\.dgui-root /, "")).join(",");
+function nativeGeometryCss(css) {
+  const defaults = `:where(.dgui-root :is(${descendants})){--du-component-radius:0px}
+.dgui-toggle::before{--du-component-radius:0px}
+`;
+  return defaults + recordNativeGeometry(css);
+}
+function recordNativeGeometry(css) {
+  return css.replace(/border-radius\s*:\s*([^;}]+)/g, (rule, value) => rule + ";--du-component-radius:" + value.replaceAll("var(--du-radius-inner", "var(--du-owned-radius-inner").replaceAll("var(--du-radius", "var(--du-owned-radius"));
+}
+var root = ".dgui-root[data-preset]:not(.dgui-style-preview)";
+var INTERNAL_BOUNDARY_CSS = `
+${root} :is(${descendants}){border-radius:var(--du-component-radius,0px)!important;corner-shape:round}
+${root} .dgui-toggle::before{border-radius:var(--du-component-radius,50%)!important;corner-shape:round}
+`;
+var HOST_BOUNDARY_CSS = `
+${root}{--du-owned-radius:16px;--du-owned-radius-inner:12px;border-radius:var(--du-shell-radius,16px)!important;corner-shape:round}
+` + Object.entries(STYLE_SYSTEM).map(([id2, { native }]) => `${root}[data-visual-style=${id2}]{--du-shell-radius:${id2 === "editorial" ? 0 : id2 === "soft" ? 30 : native.radius}px;--du-owned-radius:${native.radius}px;--du-owned-radius-inner:${native.radius - 4}px}`).join("\n") + `
+` + INTERNAL_BOUNDARY_CSS + `
+${root}:is([data-preset=reading],[data-preset=minimal]){--du-shell-radius:0px}
+.dgui-marker[data-dgui-marker]{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;min-width:0;box-sizing:border-box}
+`;
+
+// src/copy-block.js
 var h11 = import_react16.default.createElement;
 async function copyContent(text3) {
   try {
@@ -5424,7 +5498,7 @@ async function copyContent(text3) {
     }
   }
 }
-var COPY_BLOCK_CSS = `
+var COPY_BLOCK_CSS = recordNativeGeometry(`
 .motion-copy-block{position:relative;min-width:0;border:1px solid var(--du-line,var(--dsw-alias-border-default,#ddd));border-radius:24px;padding:18px 22px;color:var(--du-ink,var(--dsw-alias-label-primary,inherit));background:var(--du-bg,var(--dsw-alias-bg-layer-1,transparent));overflow:hidden;margin:8px 0}
 .motion-copy-block[data-code]{background:var(--du-soft,var(--dsw-alias-bg-layer-2,#8881))}
 .motion-copy-bar{display:flex;align-items:center;gap:10px;min-height:30px;margin-bottom:12px;color:var(--du-muted,var(--dsw-alias-label-secondary,#888));font-size:14px;line-height:1.4}
@@ -5434,7 +5508,7 @@ var COPY_BLOCK_CSS = `
 .motion-copy-button[data-status=done] .dgui-icon{animation:motion-copy-confirm 420ms cubic-bezier(.34,1.45,.64,1)}.motion-copy-button[data-status=done] path{stroke-dasharray:28;animation:motion-check-draw 450ms ease-out}@keyframes motion-check-draw{from{stroke-dashoffset:28}to{stroke-dashoffset:0}}@keyframes motion-copy-confirm{from{opacity:.5;transform:scale(.8)}to{opacity:1;transform:none}}
 @media(prefers-reduced-motion:reduce){.motion-copy-button .dgui-icon,.motion-copy-button path{animation:none!important;transition:none!important}}
 @media(max-width:600px){.motion-copy-block{padding:14px 16px;border-radius:20px}}
-`;
+`);
 function CopyBlock({ text: text3, children, title, lang, code = false, wrap = false, disabled = false, style, nodeId, copyLabel, copiedLabel }) {
   const [status, setStatus] = (0, import_react16.useState)("idle"), timer = (0, import_react16.useRef)();
   (0, import_react16.useEffect)(() => () => clearTimeout(timer.current), []);
@@ -5874,15 +5948,6 @@ var streamUiDefinition = {
   }
 };
 
-// src/host-boundary.js
-var root = ".dgui-root[data-preset]:not(.dgui-style-preview)";
-var HOST_BOUNDARY_CSS = `
-${root}{border-radius:var(--du-shell-radius,16px)!important;corner-shape:round}
-` + Object.entries(STYLE_SYSTEM).map(([id2, { native }]) => `${root}[data-visual-style=${id2}]{--du-shell-radius:${id2 === "editorial" ? 0 : id2 === "soft" ? 30 : native.radius}px}`).join("\n") + `
-${root}:is([data-preset=reading],[data-preset=minimal]){--du-shell-radius:0px}
-.dgui-marker[data-dgui-marker]{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;min-width:0;box-sizing:border-box}
-`;
-
 // src/native-style.js
 var root2 = ".dgui-root[data-preset][data-visual-style]";
 var grammar = (id2, css) => css.replaceAll("&", root2 + "[data-visual-style=" + id2 + "]");
@@ -6190,7 +6255,7 @@ var READING_CSS = `
 `;
 
 // src/styles.js
-var CSS2 = `
+var CSS2 = nativeGeometryCss(`
 .dgui-chart-data-button{margin-left:auto;border:0;background:transparent;color:var(--du-muted);font:inherit;cursor:pointer;padding:4px 8px}.dgui-chart-data-button:hover{color:var(--du-accent)}.dgui-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.dgui-canvas{position:relative}.dgui-action-menu{position:absolute;top:6px;right:6px;z-index:2}.dgui-menu-trigger{width:32px;height:32px;border:1px solid var(--du-line);border-radius:8px;background:var(--du-bg);color:var(--du-muted);font-size:24px;line-height:1;cursor:pointer}.dgui-menu-content{position:absolute;top:38px;right:0;display:grid;min-width:156px;padding:5px;border:1px solid var(--du-line);border-radius:10px;background:var(--du-bg);box-shadow:0 6px 20px #0002}.dgui-menu-content button{border:0;border-radius:6px;background:transparent;color:var(--du-ink);padding:9px 12px;text-align:left;font:inherit;white-space:nowrap;cursor:pointer}.dgui-menu-content button:hover{background:var(--du-soft)}.dgui-menu-content button:disabled{opacity:.45;cursor:default}.dgui-action-menu button:focus-visible{outline:2px solid var(--du-accent);outline-offset:2px}
 .dgui-root.dgui-settings{border:0;border-radius:0;box-shadow:none;background:transparent;padding:0;margin:0;max-width:720px;display:flex;flex-direction:column;gap:14px;font-size:13px;line-height:1.65}
 .dgui-settings h3{font-size:14px;font-weight:600;margin:0}.dgui-settings label{font-weight:500}.dgui-settings p{color:var(--du-muted)}
@@ -6214,7 +6279,7 @@ body[data-ds-dark-theme] .dgui-root,.dgui-root[data-preview-theme=dark]{--du-acc
 .dgui-panel{padding:16px;min-width:0;overflow:auto;height:100%;box-sizing:border-box}.dgui-panel>.dgui-root{margin-bottom:16px}.dgui-panel label{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.dgui-panel select{max-width:100%;flex:1;min-width:120px;border:1px solid var(--du-line);border-radius:8px;padding:8px;background:var(--du-bg);color:var(--du-ink)}
 .dgui-history-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--du-line)}.dgui-history-row>span{flex:1;min-width:140px}.dgui-version-preview{margin-top:14px;border:1px solid var(--du-line);border-radius:12px;padding:12px}.dgui-version-preview .dgui-root{margin-top:12px}
 [data-dgui-presentation]>.dgui-secondary{margin:8px 0}[data-dgui-marker]{min-width:0}
-` + SOFT_CSS + READING_CSS + NATIVE_STYLE_CSS + MOTION_CSS + EXPRESSIVE_CSS + STYLE_SETTINGS_CSS + HOST_BOUNDARY_CSS;
+` + SOFT_CSS + READING_CSS + NATIVE_STYLE_CSS + MOTION_CSS + EXPRESSIVE_CSS + STYLE_SETTINGS_CSS) + HOST_BOUNDARY_CSS;
 
 // src/motion-library.js
 var import_react20 = __toESM(require("react"), 1);