@manohub/ui 0.8.1 → 0.9.0

package/dist/components/code-editor/index.d.ts

@@ -1,163 +0,0 @@
-import { type PropType } from 'vue';
-/** 自适应高度的行数区间（`true` 等价于 `{ minRows: 3, maxRows: 12 }`） */
-export interface CodeEditorAutoSize {
-    minRows?: number;
-    maxRows?: number;
-}
-/** `CodeEditor` 的公开 props */
-export interface CodeEditorProps {
-    /** 受控值 */
-    modelValue?: string;
-    /** 非受控初始值 */
-    defaultValue?: string;
-    /** 空值提示 */
-    placeholder?: string;
-    /** 固定可见行数（`autoSize: false` 时生效；缺省 4） */
-    rows?: number;
-    /**
-     * 按内容行数自适应高度（**本件缺省开启**，与 `Textarea` 的缺省相反：
-     * 代码区按内容长高是常态，固定行数才是特例）。
-     */
-    autoSize?: boolean | CodeEditorAutoSize;
-    /** 最大高度（数字按 px）：超出后**框内滚动** */
-    maxHeight?: string | number;
-    /** 只读态（原生 `readonly`：仍可选中、可滚动、可复制，只是不可改） */
-    readonly?: boolean;
-    /** 禁用态 */
-    disabled?: boolean;
-    /** 右上角语言角标（如 `sql` / `json`）；只做标注，**不做语法高亮** */
-    language?: string;
-    /** 值变更回调（每次输入都调） */
-    onChange?: (v: string) => void;
-}
-/**
- * 可编辑代码区（**自绘**；等宽多行 + 按行自适应 + 可限高内滚 + 只读/禁用态）。
- *
- * 与只读展示件 `Code` 是一对：**看**用 `Code`（可按只读块观感渲染已高亮节点），
- * **改**用本件。两件视觉同源（同底 / 同圆角 / 同等宽字），互切时块体不跳。
- *
- * ## 与 `Textarea` 的分工（不要重复造）
- *
- * 表单里的普通多行文本用 `Input.Textarea`；本件服务**代码**：等宽字、去掉拼写检查与自动大写、
- * 折行行为按代码区的口径来。两者共用同一套受控词表（`modelValue` / `onChange` / `readonly` / `disabled`）。
- *
- * ## 不做的事（有意）
- *
- * - **不做语法高亮**：编辑态就是原生 `textarea`，着色一律交给消费方（只读态用 `Code` 的插槽接高亮）；
- * - **不内建动作按钮**（编辑 / 保存 / 取消 / 复制）：动作条由消费方在外部摆放，本件只负责"能改"；
- * - 不做行号、不做 Tab 缩进接管（会与浏览器的焦点导航与粘贴行为打架）。
- *
- * ## 自适应高度怎么算
- *
- * 按 `\n` **计数行数**在 `minRows` / `maxRows` 间截断（同 `Input.Textarea`）：不测 `scrollHeight`
- * ——那要在每次输入后读布局（强制同步回流），且软换行 / 隐藏容器 / SSR 下都拿不到可靠值。
- * 代价是**超长单行不会自己长高**（此时由 `maxHeight` + 框内滚动兜底，或由外层容器限宽）。
- *
- * @example 受控
- * <CodeEditor v-model="sql" language="sql" placeholder="写一条 SQL" />
- *
- * @example 固定高度 + 限高内滚
- * <CodeEditor v-model="config" :auto-size="false" :rows="6" :max-height="240" language="json" />
- *
- * @example 只读切换（动作按钮由外部摆放）
- * <CodeEditor v-model="draft" :readonly="!editing" :max-height="320" />
- * <Button v-if="!editing" @click="editing = true">编辑</Button>
- */
-export declare const CodeEditor: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    defaultValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    placeholder: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    rows: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    autoSize: {
-        type: PropType<boolean | CodeEditorAutoSize>;
-        default: boolean;
-    };
-    maxHeight: {
-        type: PropType<string | number>;
-        default: undefined;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    language: {
-        type: StringConstructor;
-        default: string;
-    };
-    onChange: {
-        type: PropType<(v: string) => void>;
-        default: undefined;
-    };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': (v: string) => true;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    defaultValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    placeholder: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    rows: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    autoSize: {
-        type: PropType<boolean | CodeEditorAutoSize>;
-        default: boolean;
-    };
-    maxHeight: {
-        type: PropType<string | number>;
-        default: undefined;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    language: {
-        type: StringConstructor;
-        default: string;
-    };
-    onChange: {
-        type: PropType<(v: string) => void>;
-        default: undefined;
-    };
-}>> & Readonly<{
-    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
-}>, {
-    disabled: boolean;
-    onChange: (v: string) => void;
-    defaultValue: string;
-    placeholder: string;
-    rows: number;
-    modelValue: string;
-    readonly: boolean;
-    autoSize: boolean | CodeEditorAutoSize;
-    language: string;
-    maxHeight: string | number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/code-editor/index.js

@@ -1,98 +0,0 @@
-import { defineComponent, ref, computed, createVNode } from "vue";
-const CodeEditor = /* @__PURE__ */ defineComponent({
-  name: "CodeEditor",
-  inheritAttrs: false,
-  props: {
-    modelValue: {
-      type: String,
-      default: void 0
-    },
-    defaultValue: {
-      type: String,
-      default: ""
-    },
-    placeholder: {
-      type: String,
-      default: void 0
-    },
-    rows: {
-      type: Number,
-      default: void 0
-    },
-    autoSize: {
-      type: [Boolean, Object],
-      default: true
-    },
-    maxHeight: {
-      type: [String, Number],
-      default: void 0
-    },
-    readonly: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    language: {
-      type: String,
-      default: ""
-    },
-    onChange: {
-      type: Function,
-      default: void 0
-    }
-  },
-  emits: {
-    "update:modelValue": (v) => true
-  },
-  setup(props, {
-    emit,
-    attrs
-  }) {
-    const inner = ref(props.defaultValue);
-    const current = computed(() => props.modelValue ?? inner.value);
-    const visibleRows = computed(() => {
-      if (props.autoSize === false) return props.rows ?? 4;
-      const option = typeof props.autoSize === "object" ? props.autoSize : {};
-      const min = option.minRows ?? 3;
-      const max = option.maxRows ?? 12;
-      const lines = (current.value ?? "").split("\n").length;
-      return Math.min(Math.max(lines, min), max);
-    });
-    const areaStyle = computed(() => props.maxHeight === void 0 ? void 0 : {
-      maxHeight: typeof props.maxHeight === "number" ? `${props.maxHeight}px` : props.maxHeight,
-      overflow: "auto"
-    });
-    const onInput = (event) => {
-      const el = event.target;
-      const value = el.value;
-      if (props.modelValue === void 0) inner.value = value;
-      emit("update:modelValue", value);
-      props.onChange?.(value);
-      if (props.modelValue !== void 0 && props.modelValue !== value) el.value = props.modelValue;
-    };
-    return () => createVNode("div", {
-      "class": ["mh-code-editor", attrs.class].filter(Boolean).join(" "),
-      "style": attrs.style
-    }, [createVNode("textarea", {
-      "class": "mh-code-editor__area",
-      "rows": visibleRows.value,
-      "value": current.value,
-      "placeholder": props.placeholder,
-      "readonly": props.readonly,
-      "disabled": props.disabled,
-      "style": areaStyle.value,
-      "spellcheck": false,
-      "autocapitalize": "off",
-      "autocomplete": "off",
-      "onInput": onInput
-    }, null), props.language ? createVNode("span", {
-      "class": "mh-code-editor__lang"
-    }, [props.language]) : null]);
-  }
-});
-export {
-  CodeEditor
-};

package/dist/styles/components/code-editor.css

@@ -1,91 +0,0 @@
-/**
- * CodeEditor —— 可编辑代码区（等宽多行 + 按行自适应 + 可限高内滚 + 只读/禁用态）。
- *
- * 与 `Code`（只读展示）**视觉同源**：同一份底（`--ui-base-200`）、同一个圆角档（`--ui-radius-control`）、
- * 同一族等宽字与字号（`--ui-font-mono` / `--ui-font-caption`）—— 两件互切时块体不"跳"。
- *
- * 两处**有意**的差别（改之前先读）：
- *
- * 1. 本件**画框的是容器**（`.mh-code-editor`），内部 `textarea` 透明、无边框、无 outline ——
- *    原生 `textarea` 的框模型（内距 / 滚动条 / 聚焦轮廓）会把框画歪，收归容器才能与只读块对齐；
- * 2. 代码块缺省**横向滚动**，本件是**软换行**（`textarea` 的原生行为）：编辑态不折行会让长行看不见尾巴。
- *
- * 状态一律走**原生属性**（`[readonly]` / `:disabled` / `:focus-within`），组件不下发 `data-*`：
- * 只读与禁用本就有原生表达，多一套协议就多一处会漂的真相。
- *
- * ⚠️ 令牌**不复用** `code.css` 的 `--ui-code-*`：那些只服务 `Code` 单件，跨件复用按硬约束要迁进
- * `theme/`（跨件共用令牌单一来源）。本件只有几何，色 / 圆角 / 字族一律直接取 theme 令牌。
- */
-.mh-code-editor {
-
-  position: relative;
-  display: block;
-  border-radius: var(--ui-code-editor-radius);
-  background: var(--ui-base-200); /* 与只读块同底 */
-  font-family: var(--ui-font-mono);
-  font-size: var(--ui-code-editor-font-size);
-  line-height: var(--ui-code-editor-line);
-  color: var(--ui-base-content);
-  transition: box-shadow 0.15s ease, background-color 0.15s ease, color 0.15s ease;
-}
-/* 聚焦环：与输入框族同一句（主色弱底当环，不新造阴影令牌） */
-.mh-code-editor:focus-within {
-  box-shadow: 0 0 0 2px var(--ui-primary-weak);
-}
-
-/* 编辑区：透明底 + 无框 + 无 outline（框与聚焦环都画在容器上） */
-.mh-code-editor__area {
-  display: block;
-  width: 100%;
-  margin: 0;
-  padding: var(--ui-code-editor-padding-y) var(--ui-code-editor-padding-x);
-  border: 0;
-  border-radius: inherit;
-  background: transparent;
-  font: inherit;
-  line-height: inherit;
-  color: inherit;
-  outline: none;
-  resize: none; /* 高度由 autoSize / maxHeight 决定，不留拖拽把手（同只读块：不被用户拖变形） */
-  overflow: auto;
-  tab-size: 2;
-}
-.mh-code-editor__area::placeholder {
-  color: var(--ui-base-content-subtle);
-}
-
-/* 语言角标（可选）：与只读块的角标同槽位。本件**不叠在文字上**（编辑区内容会折行，压住就看不见了），
-   而是让首行右端**预留**出它的宽度 —— 预留只影响折行位置，短行看不见任何变化 */
-.mh-code-editor__lang {
-  position: absolute;
-  top: var(--ui-code-editor-padding-y);
-  right: var(--ui-code-editor-padding-x);
-  display: flex;
-  align-items: center;
-  height: var(--ui-code-editor-line);
-  font-family: var(--ui-font-mono);
-  font-size: var(--ui-code-editor-font-size);
-  line-height: 1;
-  color: var(--ui-base-content-subtle);
-  user-select: none;
-  pointer-events: none;
-}
-.mh-code-editor:has(> .mh-code-editor__lang) > .mh-code-editor__area {
-  padding-right: calc(var(--ui-code-editor-padding-x) + var(--ui-code-editor-lang-reserve));
-}
-
-/* 只读态（原生 `readonly`：仍可选中、可滚动、可复制，只是不可改）——不弱化字色，
-   代码是拿来读的；与只读块观感一致 */
-.mh-code-editor:has(> .mh-code-editor__area[readonly]) {
-  cursor: default;
-}
-
-/* 禁用态：底与字色弱化 + 内描边（本件没有外描边，靠内描边表达"锁住"） */
-.mh-code-editor:has(> .mh-code-editor__area:disabled) {
-  background: var(--ui-base-100);
-  color: var(--ui-base-content-subtle);
-  box-shadow: inset 0 0 0 1px var(--ui-base-300);
-}
-.mh-code-editor:has(> .mh-code-editor__area:disabled) > .mh-code-editor__area {
-  cursor: not-allowed;
-}

package/dist/styles/components/code-editor.tokens.css

@@ -1,24 +0,0 @@
-/**
- * code-editor —— 单件令牌（**基础值**）。
- *
- * 本件自己的几何 / 尺寸 / 色彩槽位；只服务本件，故不随主题进 `@manohub/theme`。
- *
- * ## 抽出说明
- * 本文件从面文件里抽出（原先混写在 `code-editor.css` 顶部）：这些是**基础值**，锚在
- * `[data-manohub-ui]` —— 跨包唯一作用域锚，由入口层无条件写在应用容器上，因此**任何落在
- * 容器里的分件都取得到值**，不再依赖「声明在某个组件根类上」这条脆弱假设
- * （历史症状：跨件消费的 `--ui-*-group-*` 取不到值，组内间距变 0）。
- *
- * ⚠️ `.mh-<件>--<档>` 这类**档位改写**留在面文件的修饰符块里 —— 它们靠「同一元素上两个
- * 选择器改写同一个令牌」生效，搬到本文件会让档位失效。
- * ⚠️ 新增组件要登记两处：本文件 + `src/styles/index.css`（见其文件头「五处齐备」）。
- */
-[data-manohub-ui] {
-  /* 单件令牌（只服务本件：几何） */
-  --ui-code-editor-radius: var(--ui-radius-control); /* 6：与只读块同档（原注释写 8，是旧稿残留） */
-  --ui-code-editor-padding-x: var(--ui-space-3); /* 12 */
-  --ui-code-editor-padding-y: var(--ui-space-2); /* 8 */
-  --ui-code-editor-font-size: var(--ui-font-caption); /* 13：与只读块同档 */
-  --ui-code-editor-line: var(--ui-line-caption); /* 20：行高（角标也吃它） */
-  --ui-code-editor-lang-reserve: 56px; /* 角标位：首行右端预留宽度（只影响折行位置） */
-}

package/dist/styles/components/code.css

@@ -1,153 +0,0 @@
-/**
- * Code —— 代码（行内 chip + 代码块 + 语言角标 + 复制位）。
- *
- * 观感基准：**无边框浅底块 + 方圆角 + 右上角语言角标 + 悬浮/聚焦让位后出现的方形图标复制按钮**。
- * 出处：`@aihub/theme` 的 `playground/components/code.css` 与 `src/components/code.css`
- * （行内 chip 主色字 + 浅底、圆角全；`--plain` 档中性底 + 小圆角；代码块 = 页面底 + 等宽字 + 内距 12）。
- *
- * 三件结构决定（照规范的分工，不另创）：
- *
- * - **复制按钮的面仍归按钮族**（`.mh-button--icon`），本族只补「浮在代码块上需要自己的底与定位」；
- *   故标记是 `class="mh-button mh-button--icon mh-code__copy"`。
- * - **复制按钮与语言角标都不能放进代码块里**：代码块是 `overflow-x: auto` 的滚动容器，
- *   会裁掉外挂的绝对定位件 —— 故两者都挂在宿主 `.mh-code__wrap` 上（宿主只做 `position: relative`）。
- * - **隐藏用 `opacity` + `pointer-events`**（不是 `visibility` / `display`）：键盘仍能 Tab 到它，
- *   `:focus-within` 会把它显出来，且隐藏时不残留一块看不见的可点区。
- *
- * **本族与按钮族的层序**（改这几条规则前先读）：`styles/index.css` 里 `code.css` 在 `button.css`
- * **之前**导入，故 `background` / `color` / `box-shadow` 这些**同特异性的声明会被按钮族的档位规则压掉**
- * （历史 bug：`.mh-code__copy` 的白底被 `.mh-button--text { background: transparent }` 压成透明，
- * 复制位看起来像一段悬空文字）。修法不是调层序，而是让本族的声明**升一档特异性**
- * （`.mh-code__wrap > .mh-code__copy`，悬停 / 成功态再各叠一层）—— 按钮族日后换皮肤也压不掉它。
- *
- * 零 JS 可表达：全部皮肤 + 角标让位 + 复制位的显隐。**真正的复制动作归组件层**（要 `navigator.clipboard`）。
- */
-
-/* 几何只挂在行内 chip 上：令牌在同名 `.tokens.css`（锚 `[data-manohub-ui]`），几何若跟着挂会把壳与块级元素也画成 chip */
-.mh-code {
-  display: inline-flex;
-  align-items: center;
-  padding: 1px var(--ui-space-3);
-  border-radius: var(--ui-radius-full);
-  background: var(--ui-code-chip-bg);
-  color: var(--ui-primary);
-  font-family: var(--ui-font-mono);
-  font-size: var(--ui-code-font-size);
-}
-
-/* 中性档（规范 `.chip--plain`：规则 ID 这类不强调的短标识） */
-.mh-code--plain {
-  background: var(--ui-code-block-bg);
-  color: var(--ui-base-content);
-  border-radius: var(--ui-code-radius);
-}
-
-/* 代码块：无边框浅底 + 方圆角；**缺省不折行**（保持 `pre` 的横向滚动，缩进与列对齐不被破坏），
-   `--wrap` 档才软换行 */
-.mh-code--block {
-  display: block;
-  margin: var(--ui-space-2) 0 0;
-  padding: var(--ui-code-block-padding);
-  border: 0;
-  border-radius: var(--ui-code-radius);
-  background: var(--ui-code-block-bg);
-  font-family: var(--ui-font-mono);
-  font-size: var(--ui-code-font-size);
-  line-height: var(--ui-code-line);
-  color: var(--ui-base-content);
-  overflow-x: auto;
-  white-space: pre;
-  overflow-wrap: normal;
-}
-
-/* 宿主：给复制位与语言角标一个不受裁切的定位上下文；同时把「缺省不折行」的代价收在块内 ——
-   `min-width: 0` 让它在 flex / grid 里能被压到容器宽度（否则长行的 min-content 会把轨道撑宽、
-   页面跟着横向溢出），长行改为块内横向滚动。 */
-.mh-code__wrap {
-  position: relative;
-  min-width: 0;
-}
-
-/* 语言角标（可选）：与复制位**同槽位**，悬浮/聚焦时淡出让位（零 JS 互斥）。
-   装饰位：不吃指针事件，否则它会挡住复制位的悬停热区 */
-.mh-code__lang {
-  position: absolute;
-  top: var(--ui-code-copy-inset);
-  right: var(--ui-code-copy-inset);
-  display: flex;
-  align-items: center;
-  height: var(--ui-code-copy-size); /* 与复制位等高：让位互换时基线不跳 */
-  font-family: var(--ui-font-mono);
-  font-size: var(--ui-code-font-size);
-  line-height: 1;
-  color: var(--ui-base-content-subtle);
-  user-select: none;
-  pointer-events: none;
-  transition: opacity 0.15s ease;
-}
-.mh-code__wrap:hover > .mh-code__lang,
-.mh-code__wrap:focus-within > .mh-code__lang,
-.mh-code__wrap.is-hover > .mh-code__lang {
-  opacity: 0;
-}
-
-/* 复制位（面归按钮族，这里只给定位、浮底、方形几何、显隐）。
-   选择器**刻意升一档**（`.mh-code__wrap >`）：同特异性下按钮族的档位规则会压掉这几条（见文件头） */
-.mh-code__wrap > .mh-code__copy {
-  position: absolute;
-  top: var(--ui-code-copy-inset);
-  right: var(--ui-code-copy-inset);
-  width: var(--ui-code-copy-size);
-  height: var(--ui-code-copy-size);
-  padding: 0;
-  border: 1px solid var(--ui-code-block-line);
-  border-radius: var(--ui-radius-sm);
-  background: var(--ui-base-100);
-  color: var(--ui-base-content);
-  box-shadow: none; /* 压掉图标按钮 hover 档的卡片光晕（本件浮在块上，再加影会脏） */
-  opacity: 0;
-  pointer-events: none;
-  transition: opacity 0.15s ease, border-color 0.15s ease, color 0.15s ease;
-}
-/* 显形：宿主悬停 / 键盘聚焦进入（`.is-hover` 是**静态档**，供静态页与读图对状态，与全库同款三源等价） */
-.mh-code__wrap:hover > .mh-code__copy,
-.mh-code__wrap:focus-within > .mh-code__copy,
-.mh-code__wrap.is-hover > .mh-code__copy {
-  opacity: 1;
-  pointer-events: auto;
-}
-/* 悬停 / 键盘聚焦的加深档（再叠一层，压过 `.mh-button--icon:hover` 的字色与光晕） */
-.mh-code__wrap > .mh-code__copy:hover,
-.mh-code__wrap > .mh-code__copy:focus-visible,
-.mh-code__wrap.is-hover > .mh-code__copy {
-  border-color: var(--ui-base-content-subtle);
-  color: var(--ui-primary);
-  box-shadow: none;
-}
-
-/* 复制成功态（组件下发 `data-state`；原生无此态，静态档 `.is-copied` 供读图） */
-.mh-code__wrap > .mh-code__copy.is-copied,
-.mh-code__wrap > .mh-code__copy[data-state='copied'] {
-  border-color: var(--ui-success);
-  color: var(--ui-success);
-  opacity: 1;
-  pointer-events: auto;
-}
-
-/* 无悬停能力的设备（触屏）：复制位常显；角标让位（`display: none` 而非透明 —— 它只是装饰，
-   不占焦点序列，隐藏掉才不会与常显的复制位叠在一起） */
-@media (hover: none) {
-  .mh-code__wrap > .mh-code__copy {
-    opacity: 1;
-    pointer-events: auto;
-  }
-  .mh-code__lang {
-    display: none;
-  }
-}
-
-/* ===== 软换行档（缺省保持 `pre` 的横向不换行 + 横向滚动） ===== */
-.mh-code--wrap {
-  white-space: pre-wrap;
-  overflow-wrap: anywhere;
-}

package/dist/styles/components/code.tokens.css

@@ -1,29 +0,0 @@
-/**
- * code —— 单件令牌（**基础值**）。
- *
- * 本件自己的几何 / 尺寸 / 色彩槽位；只服务本件，故不随主题进 `@manohub/theme`。
- *
- * ## 抽出说明
- * 本文件从面文件里抽出（原先混写在 `code.css` 顶部）：这些是**基础值**，锚在
- * `[data-manohub-ui]` —— 跨包唯一作用域锚，由入口层无条件写在应用容器上，因此**任何落在
- * 容器里的分件都取得到值**，不再依赖「声明在某个组件根类上」这条脆弱假设
- * （历史症状：跨件消费的 `--ui-*-group-*` 取不到值，组内间距变 0）。
- *
- * ⚠️ `.mh-<件>--<档>` 这类**档位改写**留在面文件的修饰符块里 —— 它们靠「同一元素上两个
- * 选择器改写同一个令牌」生效，搬到本文件会让档位失效。
- * ⚠️ 新增组件要登记两处：本文件 + `src/styles/index.css`（见其文件头「五处齐备」）。
- */
-[data-manohub-ui] {
-  /* 单件令牌（也挂到外层容器与块级元素上：块级 `<pre>` 是 `.mh-code__wrap` 的子元素、
-     并不带 `.mh-code`（行内 chip）类，只在 `.mh-code` 上声明会让块级与复制位全部取不到值） */
-  --ui-code-chip-bg: var(--ui-primary-weak); /* 规范 Au02 行内底 */
-  --ui-code-block-bg: var(--ui-base-200); /* 规范代码块底（页面底 Ne11） */
-  --ui-code-block-line: var(--ui-base-300); /* 描边色：块自身已去边框，本令牌现服务复制位按钮 */
-  --ui-code-radius: var(--ui-radius-control);
-  --ui-code-font-size: var(--ui-font-caption); /* 规范等宽字号档对位 */
-  --ui-code-line: var(--ui-line-caption); /* 等宽行高：角标与复制位的行高同源 */
-  --ui-code-block-padding: var(--ui-space-3); /* 12：代码块内距 */
-  --ui-code-copy-size: var(--ui-control-height-md); /* 32：复制位方形热区（与按钮族标准档同高） */
-  /* 复制位是 `Button`（`mh-button__icon`）：字形尺寸归按钮族的图标槽（常规图标档），本件不另设令牌 */
-  --ui-code-copy-inset: var(--ui-space-2); /* 8：复制位 / 角标距块边 */
-}