@manohub/ui 0.8.1 → 0.9.0

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

@@ -0,0 +1,328 @@
+import { defineComponent, createVNode, mergeProps, ref, computed, onBeforeUnmount } from "vue";
+import { Icon } from "@manohub/icon";
+const CodeView = /* @__PURE__ */ defineComponent({
+  name: "CodeView",
+  inheritAttrs: false,
+  props: {
+    code: {
+      type: String,
+      default: ""
+    },
+    inline: {
+      type: Boolean,
+      default: false
+    },
+    plain: {
+      type: Boolean,
+      default: false
+    },
+    language: {
+      type: String,
+      default: ""
+    },
+    copyable: {
+      type: Boolean,
+      default: false
+    },
+    maxHeight: {
+      type: [String, Number],
+      default: void 0
+    },
+    wrap: {
+      type: Boolean,
+      default: false
+    },
+    onCopy: {
+      type: Function,
+      default: void 0
+    }
+  },
+  slots: Object,
+  setup(props, {
+    slots,
+    attrs
+  }) {
+    const copied = ref(false);
+    let timer;
+    onBeforeUnmount(() => {
+      if (timer) clearTimeout(timer);
+    });
+    const copy = async () => {
+      const text = props.code;
+      let ok = false;
+      try {
+        if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
+          await navigator.clipboard.writeText(text);
+          ok = true;
+        }
+      } catch {
+        ok = false;
+      }
+      if (!ok) {
+        console.warn("[ui] CodeBlock.View：当前环境无法写入剪贴板，复制未生效");
+      }
+      copied.value = ok;
+      if (ok) {
+        if (timer) clearTimeout(timer);
+        timer = setTimeout(() => copied.value = false, 1500);
+      }
+      props.onCopy?.(ok);
+    };
+    return () => {
+      const extra = attrs.class;
+      const style = attrs.style;
+      const content = slots.default ? slots.default() : props.code;
+      if (props.inline) {
+        return createVNode("code", {
+          "class": ["mh-code-block", "mh-code-block--inline", props.plain ? "mh-code-block--plain" : "", extra].filter(Boolean).join(" "),
+          "style": style
+        }, [content]);
+      }
+      const copyLabel = copied.value ? "已复制" : "复制代码";
+      const limited = props.maxHeight === void 0 ? void 0 : {
+        maxHeight: typeof props.maxHeight === "number" ? `${props.maxHeight}px` : props.maxHeight,
+        overflow: "auto"
+      };
+      return createVNode("div", {
+        "class": ["mh-code-block", props.wrap ? "mh-code-block--wrap" : "", extra].filter(Boolean).join(" "),
+        "style": style
+      }, [createVNode("pre", {
+        "class": "mh-code-block__view",
+        "style": limited
+      }, [content]), props.language ? createVNode("span", {
+        "class": "mh-code-block__lang"
+      }, [props.language]) : null, props.copyable ? createVNode("button", {
+        "type": "button",
+        "class": ["mh-button", "mh-button--icon", "mh-code-block__copy", copied.value ? "is-copied" : ""].filter(Boolean).join(" "),
+        "data-state": copied.value ? "copied" : "idle",
+        "aria-label": copyLabel,
+        "title": copyLabel,
+        "onClick": copy
+      }, [createVNode(Icon, {
+        "name": copied.value ? "check" : "copy",
+        "class": "mh-button__icon"
+      }, null)]) : null]);
+    };
+  }
+});
+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-block", "mh-code-block--editable", attrs.class].filter(Boolean).join(" "),
+      "style": attrs.style
+    }, [createVNode("textarea", {
+      "class": "mh-code-block__editor",
+      "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-block__lang"
+    }, [props.language]) : null]);
+  }
+});
+const CodeBlockBase = /* @__PURE__ */ defineComponent({
+  name: "CodeBlock",
+  inheritAttrs: false,
+  props: {
+    editable: {
+      type: Boolean,
+      default: false
+    },
+    /* —— 只读档（`editable` 为假时生效） —— */
+    code: {
+      type: String,
+      default: ""
+    },
+    inline: {
+      type: Boolean,
+      default: false
+    },
+    plain: {
+      type: Boolean,
+      default: false
+    },
+    copyable: {
+      type: Boolean,
+      default: false
+    },
+    wrap: {
+      type: Boolean,
+      default: false
+    },
+    onCopy: {
+      type: Function,
+      default: void 0
+    },
+    /* —— 编辑档（`editable` 为真时生效） —— */
+    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
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    onChange: {
+      type: Function,
+      default: void 0
+    },
+    /* —— 两档共用 —— */
+    language: {
+      type: String,
+      default: ""
+    },
+    maxHeight: {
+      type: [String, Number],
+      default: void 0
+    }
+  },
+  emits: {
+    "update:modelValue": (v) => true
+  },
+  slots: Object,
+  setup(props, {
+    emit,
+    slots,
+    attrs
+  }) {
+    return () => {
+      const shared = {
+        language: props.language,
+        maxHeight: props.maxHeight,
+        class: attrs.class,
+        style: attrs.style
+      };
+      if (props.editable) {
+        return createVNode(CodeEditor, mergeProps(shared, {
+          "modelValue": props.modelValue,
+          "defaultValue": props.defaultValue,
+          "placeholder": props.placeholder,
+          "rows": props.rows,
+          "autoSize": props.autoSize,
+          "readonly": props.readonly,
+          "disabled": props.disabled,
+          "onChange": props.onChange,
+          "onUpdate:modelValue": (v) => emit("update:modelValue", v)
+        }), null);
+      }
+      return createVNode(CodeView, mergeProps(shared, {
+        "code": props.code,
+        "inline": props.inline,
+        "plain": props.plain,
+        "copyable": props.copyable,
+        "wrap": props.wrap,
+        "onCopy": props.onCopy
+      }), {
+        default: () => [slots.default?.()]
+      });
+    };
+  }
+});
+const CodeBlock = Object.assign(CodeBlockBase, {
+  View: CodeView,
+  Editor: CodeEditor
+});
+export {
+  CodeBlock,
+  CodeEditor,
+  CodeView
+};

package/dist/components/dialog/index.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type SlotsType, type VNodeChild } from 'vue';
 export type DialogWidth = 'md' | 'lg';
-/** 语义档：决定标题左侧裸符号的图形与颜色（缺省不渲染图标） */
+/** 语义档：决定标题左侧图标的图形与颜色（缺省不渲染图标） */
 export type DialogTone = 'info' | 'success' | 'warning' | 'error';
 /**
  * 对话框（**自绘**；模态语义与遮罩全由原生 `<dialog>` 给）。
@@ -50,7 +50,7 @@ export declare const Dialog: import("vue").DefineComponent<import("vue").Extract
     /**
      * 语义档（缺省不渲染图标）：`warning` / `error` 用于「这一步有风险」的确认 ——
      * 服务层的 `confirm()` / `alert()` 就是靠它把「删除确认」与「保存成功」区分开的。
-     * 它**只加一个裸符号与配色**，不改标题文案、不动底栏按钮的语义（危险色仍由 `okDanger` 定）。
+     * 它**只加一个带圈语义图标与配色**，不改标题文案、不动底栏按钮的语义（危险色仍由 `okDanger` 定）。
      */
     tone: {
         type: PropType<DialogTone>;
@@ -157,7 +157,7 @@ export declare const Dialog: import("vue").DefineComponent<import("vue").Extract
     /**
      * 语义档（缺省不渲染图标）：`warning` / `error` 用于「这一步有风险」的确认 ——
      * 服务层的 `confirm()` / `alert()` 就是靠它把「删除确认」与「保存成功」区分开的。
-     * 它**只加一个裸符号与配色**，不改标题文案、不动底栏按钮的语义（危险色仍由 `okDanger` 定）。
+     * 它**只加一个带圈语义图标与配色**，不改标题文案、不动底栏按钮的语义（危险色仍由 `okDanger` 定）。
      */
     tone: {
         type: PropType<DialogTone>;

package/dist/components/dialog/index.js

@@ -2,10 +2,10 @@ import { defineComponent, ref, watch, onMounted, onBeforeUnmount, computed, crea
 import { Icon } from "@manohub/icon";
 import { Button } from "../button/index.js";
 const TONE_ICON = {
-  info: "info",
-  success: "check",
-  warning: "alert",
-  error: "close"
+  info: "info-circle",
+  success: "check-circle",
+  warning: "alert-circle",
+  error: "close-circle"
 };
 const Dialog = /* @__PURE__ */ defineComponent({
   name: "Dialog",
@@ -24,7 +24,7 @@ const Dialog = /* @__PURE__ */ defineComponent({
     /**
      * 语义档（缺省不渲染图标）：`warning` / `error` 用于「这一步有风险」的确认 ——
      * 服务层的 `confirm()` / `alert()` 就是靠它把「删除确认」与「保存成功」区分开的。
-     * 它**只加一个裸符号与配色**，不改标题文案、不动底栏按钮的语义（危险色仍由 `okDanger` 定）。
+     * 它**只加一个带圈语义图标与配色**，不改标题文案、不动底栏按钮的语义（危险色仍由 `okDanger` 定）。
      */
     tone: {
       type: String,

package/dist/components/notice/index.d.ts

@@ -136,7 +136,7 @@ export declare const Notice: import("vue").DefineComponent<import("vue").Extract
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    icon: boolean | "search" | "link" | "filter" | "copy" | "help" | "table" | "menu" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "tool" | "plus" | "notification" | "settings" | "logout" | "home" | "workbench" | "apps" | "favorite" | "favorite-filled" | "drag-handle" | "edit" | "refresh" | "upload" | "save" | "more" | "preview" | "external-link" | "minus" | "plus-circle" | "close-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "ai" | "shield-check" | "shield-alert" | "history";
+    icon: boolean | "search" | "link" | "filter" | "copy" | "help" | "table" | "menu" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "tool" | "plus" | "notification" | "settings" | "logout" | "home" | "workbench" | "apps" | "favorite" | "favorite-filled" | "drag-handle" | "edit" | "refresh" | "upload" | "save" | "more" | "preview" | "external-link" | "minus" | "plus-circle" | "close-circle" | "info-circle" | "check-circle" | "alert-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "ai" | "shield-check" | "shield-alert" | "history";
     onClose: () => void;
     message: string;
     closable: boolean;

package/dist/components/notice/index.js

@@ -1,10 +1,10 @@
 import { defineComponent, createVNode, Fragment, createTextVNode } from "vue";
 import { Icon } from "@manohub/icon";
 const TONE_ICON = {
-  info: "info",
-  success: "check",
-  warning: "alert",
-  error: "close"
+  info: "info-circle",
+  success: "check-circle",
+  warning: "alert-circle",
+  error: "close-circle"
 };
 const Notice = /* @__PURE__ */ defineComponent({
   name: "Notice",

package/dist/components/notification/index.d.ts

@@ -102,7 +102,7 @@ export declare const Notification: import("vue").DefineComponent<import("vue").E
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    icon: boolean | "search" | "link" | "filter" | "copy" | "help" | "table" | "menu" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "tool" | "plus" | "notification" | "settings" | "logout" | "home" | "workbench" | "apps" | "favorite" | "favorite-filled" | "drag-handle" | "edit" | "refresh" | "upload" | "save" | "more" | "preview" | "external-link" | "minus" | "plus-circle" | "close-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "ai" | "shield-check" | "shield-alert" | "history";
+    icon: boolean | "search" | "link" | "filter" | "copy" | "help" | "table" | "menu" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "tool" | "plus" | "notification" | "settings" | "logout" | "home" | "workbench" | "apps" | "favorite" | "favorite-filled" | "drag-handle" | "edit" | "refresh" | "upload" | "save" | "more" | "preview" | "external-link" | "minus" | "plus-circle" | "close-circle" | "info-circle" | "check-circle" | "alert-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "ai" | "shield-check" | "shield-alert" | "history";
     title: string;
     onClose: () => void;
     closable: boolean;

package/dist/components/notification/index.js

@@ -1,11 +1,11 @@
 import { defineComponent, onMounted, onBeforeUnmount, createVNode } from "vue";
 import { Icon } from "@manohub/icon";
 const TONE_ICON = {
-  info: "info",
-  success: "check",
-  warning: "alert",
-  error: "close",
-  submit: "check"
+  info: "info-circle",
+  success: "check-circle",
+  warning: "alert-circle",
+  error: "close-circle",
+  submit: "check-circle"
 };
 const Notification = /* @__PURE__ */ defineComponent({
   name: "Notification",

package/dist/components/tag/index.d.ts

@@ -185,7 +185,7 @@ export declare const Tag: import("vue").DefineComponent<import("vue").ExtractPro
 }>> & Readonly<{}>, {
     color: string;
     size: ControlSize;
-    icon: "search" | "link" | "filter" | "copy" | "help" | "table" | "menu" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "tool" | "plus" | "notification" | "settings" | "logout" | "home" | "workbench" | "apps" | "favorite" | "favorite-filled" | "drag-handle" | "edit" | "refresh" | "upload" | "save" | "more" | "preview" | "external-link" | "minus" | "plus-circle" | "close-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "ai" | "shield-check" | "shield-alert" | "history";
+    icon: "search" | "link" | "filter" | "copy" | "help" | "table" | "menu" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "tool" | "plus" | "notification" | "settings" | "logout" | "home" | "workbench" | "apps" | "favorite" | "favorite-filled" | "drag-handle" | "edit" | "refresh" | "upload" | "save" | "more" | "preview" | "external-link" | "minus" | "plus-circle" | "close-circle" | "info-circle" | "check-circle" | "alert-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "ai" | "shield-check" | "shield-alert" | "history";
     disabled: boolean;
     name: string;
     value: string | number;

package/dist/components/toast/index.d.ts

@@ -99,7 +99,7 @@ export declare const Toast: import("vue").DefineComponent<import("vue").ExtractP
     onClose?: (() => any) | undefined;
 }>, {
     text: string;
-    icon: boolean | "search" | "link" | "filter" | "copy" | "help" | "table" | "menu" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "tool" | "plus" | "notification" | "settings" | "logout" | "home" | "workbench" | "apps" | "favorite" | "favorite-filled" | "drag-handle" | "edit" | "refresh" | "upload" | "save" | "more" | "preview" | "external-link" | "minus" | "plus-circle" | "close-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "ai" | "shield-check" | "shield-alert" | "history";
+    icon: boolean | "search" | "link" | "filter" | "copy" | "help" | "table" | "menu" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "tool" | "plus" | "notification" | "settings" | "logout" | "home" | "workbench" | "apps" | "favorite" | "favorite-filled" | "drag-handle" | "edit" | "refresh" | "upload" | "save" | "more" | "preview" | "external-link" | "minus" | "plus-circle" | "close-circle" | "info-circle" | "check-circle" | "alert-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "ai" | "shield-check" | "shield-alert" | "history";
     closable: boolean;
     tone: ToastTone;
     action: string;
@@ -151,7 +151,7 @@ export declare const ToastCompound: {
         close: () => true;
     }, import("vue").PublicProps, {
         text: string;
-        icon: boolean | "search" | "link" | "filter" | "copy" | "help" | "table" | "menu" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "tool" | "plus" | "notification" | "settings" | "logout" | "home" | "workbench" | "apps" | "favorite" | "favorite-filled" | "drag-handle" | "edit" | "refresh" | "upload" | "save" | "more" | "preview" | "external-link" | "minus" | "plus-circle" | "close-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "ai" | "shield-check" | "shield-alert" | "history";
+        icon: boolean | "search" | "link" | "filter" | "copy" | "help" | "table" | "menu" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "tool" | "plus" | "notification" | "settings" | "logout" | "home" | "workbench" | "apps" | "favorite" | "favorite-filled" | "drag-handle" | "edit" | "refresh" | "upload" | "save" | "more" | "preview" | "external-link" | "minus" | "plus-circle" | "close-circle" | "info-circle" | "check-circle" | "alert-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "ai" | "shield-check" | "shield-alert" | "history";
         closable: boolean;
         tone: ToastTone;
         action: string;
@@ -205,7 +205,7 @@ export declare const ToastCompound: {
         onClose?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         text: string;
-        icon: boolean | "search" | "link" | "filter" | "copy" | "help" | "table" | "menu" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "tool" | "plus" | "notification" | "settings" | "logout" | "home" | "workbench" | "apps" | "favorite" | "favorite-filled" | "drag-handle" | "edit" | "refresh" | "upload" | "save" | "more" | "preview" | "external-link" | "minus" | "plus-circle" | "close-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "ai" | "shield-check" | "shield-alert" | "history";
+        icon: boolean | "search" | "link" | "filter" | "copy" | "help" | "table" | "menu" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "tool" | "plus" | "notification" | "settings" | "logout" | "home" | "workbench" | "apps" | "favorite" | "favorite-filled" | "drag-handle" | "edit" | "refresh" | "upload" | "save" | "more" | "preview" | "external-link" | "minus" | "plus-circle" | "close-circle" | "info-circle" | "check-circle" | "alert-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "ai" | "shield-check" | "shield-alert" | "history";
         closable: boolean;
         tone: ToastTone;
         action: string;
@@ -256,7 +256,7 @@ export declare const ToastCompound: {
     close: () => true;
 }, string, {
     text: string;
-    icon: boolean | "search" | "link" | "filter" | "copy" | "help" | "table" | "menu" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "tool" | "plus" | "notification" | "settings" | "logout" | "home" | "workbench" | "apps" | "favorite" | "favorite-filled" | "drag-handle" | "edit" | "refresh" | "upload" | "save" | "more" | "preview" | "external-link" | "minus" | "plus-circle" | "close-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "ai" | "shield-check" | "shield-alert" | "history";
+    icon: boolean | "search" | "link" | "filter" | "copy" | "help" | "table" | "menu" | "delete" | "image" | "close" | "key" | "page-title" | "loading" | "info" | "alert" | "chevron-left" | "chevron-right" | "chevron-down" | "chevron-up" | "check" | "user" | "download" | "back" | "folder" | "folder-open" | "file" | "file-code" | "file-json" | "file-text" | "terminal" | "shield" | "tool" | "plus" | "notification" | "settings" | "logout" | "home" | "workbench" | "apps" | "favorite" | "favorite-filled" | "drag-handle" | "edit" | "refresh" | "upload" | "save" | "more" | "preview" | "external-link" | "minus" | "plus-circle" | "close-circle" | "info-circle" | "check-circle" | "alert-circle" | "list" | "calendar" | "clock" | "lock" | "unlock" | "users" | "archive" | "package" | "plug" | "branch" | "tag" | "ai" | "shield-check" | "shield-alert" | "history";
     closable: boolean;
     tone: ToastTone;
     action: string;

package/dist/index.d.ts

@@ -50,8 +50,7 @@ export { Pagination, type PaginationPageItem } from './components/pagination';
 export { TabBar, type TabBarOption, type TabBarValue } from './components/tabbar';
 export { Steps, type CanJump, type StepsItem, type StepsVariant, type StepsCompound, type StepsCompoundType, } from './components/steps';
 export { Toast, type ToastTone, type ToastCompound, type ToastCompoundType, } from './components/toast';
-export { Code } from './components/code';
-export { CodeEditor, type CodeEditorProps, type CodeEditorAutoSize, } from './components/code-editor';
+export { CodeBlock, type CodeBlockProps, type CodeEditorAutoSize, type CodeBlockCompound, type CodeBlockCompoundType, } from './components/code-block';
 export { Upload, formatFileSize, type UploadFile, type UploadCompound, type UploadCompoundType, } from './components/upload';
 export { QueryState, type QueryStateKind, type QueryStateProps } from './components/query-state';
 export { Loading, type LoadingOverlay, type LoadingProps } from './components/loading';

package/dist/index.js

@@ -33,8 +33,7 @@ import { Pagination } from "./components/pagination/index.js";
 import { TabBar } from "./components/tabbar/index.js";
 import { Steps } from "./components/steps/index.js";
 import { Toast } from "./components/toast/index.js";
-import { Code } from "./components/code/index.js";
-import { CodeEditor } from "./components/code-editor/index.js";
+import { CodeBlock } from "./components/code-block/index.js";
 import { Upload, formatFileSize } from "./components/upload/index.js";
 import { QueryState } from "./components/query-state/index.js";
 import { Loading } from "./components/loading/index.js";
@@ -51,8 +50,7 @@ export {
   Capsule,
   Card,
   Checkbox,
-  Code,
-  CodeEditor,
+  CodeBlock,
   Collapse,
   Dialog,
   Divider,

package/dist/services/dialog.d.ts

@@ -5,7 +5,7 @@ export interface ConfirmOptions {
     /** 正文（纯文本；复杂内容请直接用 `Dialog` 组件） */
     detail?: string;
     /**
-     * 语义档（决定标题左侧的裸符号与配色）：`info` / `success` / `warning` / `error`。
+     * 语义档（决定标题左侧的带圈语义图标与配色）：`info` / `success` / `warning` / `error`。
      *
      * 不传则无图标。**危险操作用 `error`** —— 它同时把确定按钮染成危险色
      * （除非显式给了 `okDanger`），这样「删除确认」与「保存成功」不再长得一样。