@aithe/aithe-ui 26.2.2 → 26.3.1

package/dist/components/display/markdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../src/components/display/markdown.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAgGxD;;GAEG;AACH,qBACa,aAAc,SAAQ,YAAY;IACjB,OAAO,SAAM;IACb,KAAK,EAAE,SAAS,GAAG,SAAS,CAAa;IAErE,MAAM,CAAC,QAAQ,CAAC,MAAM,0DAyCpB;IAEF,MAAM;CAGP"}
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../src/components/display/markdown.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AA6BvD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBACa,aAAc,SAAQ,YAAY;IAC7C,mDAAmD;IACvB,OAAO,SAAM;IAEzC,0DAA0D;IAC1B,SAAS,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAE/D;;;;;OAKG;IACH,OAAO,KAAK,MAAM,GAMjB;IAED,qEAAqE;IACrE,OAAO,CAAC,OAAO,CAAC,CAAqB;IAErC,4FAA4F;IAC5F,OAAO,CAAC,UAAU,CAAC,CAAqB;IAExC,MAAM,CAAC,QAAQ,CAAC,MAAM,0DAqFpB;IAEF;;;;OAIG;IACH,MAAM;CAKP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF"}

package/dist/components/display/markdown.js

@@ -0,0 +1,193 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { unsafeHTML } from 'lit/directives/unsafe-html.js';
+import { AitheElement } from '../../core/aithe-element';
+import { aitheBaseStyles } from '../../core/styles';
+import { FullMarkdownParser } from '../../core/markdown/parser';
+/**
+ * Default link hook: blocks all external links (http/https/ftp/absolute paths).
+ * External URLs are converted to plain text for security.
+ * 默认 link hook：阻止所有外部链接（http/https/ftp/绝对路径）。
+ * 外部 URL 会被转为纯文本以确保安全。
+ */
+const defaultLinkHook = (url) => {
+    if (/^(?:https?:|ftp:|\/\/)/i.test(url))
+        return '';
+    return url;
+};
+/**
+ * Creates a FullMarkdownParser instance with the default link hook
+ * prepended before any user-provided hooks.
+ * 创建一个 FullMarkdownParser 实例，将默认 link hook 置于用户自定义 hooks 之前。
+ */
+function createParser(hooks) {
+    const parser = new FullMarkdownParser();
+    parser.addLinkHook(defaultLinkHook);
+    if (hooks) {
+        for (const hook of hooks) {
+            parser.addLinkHook(hook);
+        }
+    }
+    return parser;
+}
+/**
+ * Full-featured markdown renderer that converts GFM markdown text to styled HTML.
+ * 全功能 Markdown 渲染器，将 GFM Markdown 文本转换为带样式的 HTML。
+ *
+ * Supported syntax / 支持的语法：
+ * - `# ` `## ` `### ` … `###### ` — ATX headings 标题
+ * - `===` / `---` underline — setext headings 下划线标题
+ * - `---` `***` `___` — thematic break 分隔线
+ * - `` ``` ```` / `~~~` — fenced code blocks 围栏代码块
+ * - `| col1 | col2 |` — tables 表格
+ * - `> text` — blockquote 引用块
+ * - `- item` / `* item` — unordered list 无序列表
+ * - `- [ ] task` / `- [x] done` — task list 任务列表
+ * - `**bold**` — bold 加粗
+ * - `*italic*` — italic 斜体
+ * - `` `code` `` — inline code 行内代码
+ * - `~~text~~` — strikethrough 删除线
+ * - `[text](url)` — link 链接（外链默认转为纯文本，可通过 linkHooks 自定义）
+ * - `![alt](url)` — image 图片
+ *
+ * @slot - No slots; content is provided via the `content` property. 无插槽；内容通过 `content` 属性提供。
+ * @property {string} content - Raw markdown source string. Markdown 源文本字符串。
+ * @property {MarkdownLinkHook[]} [linkHooks] - Custom link hooks for URL processing. 自定义链接处理 hook。
+ *
+ * @example
+ * ```html
+ * <aithe-markdown content="# Hello\n**Bold** text and \`code\`."></aithe-markdown>
+ * ```
+ */
+let AitheMarkdown = class AitheMarkdown extends AitheElement {
+    constructor() {
+        super(...arguments);
+        /** Raw markdown source string. Markdown 源文本字符串。 */
+        this.content = '';
+    }
+    /**
+     * Lazily creates or re-creates the FullMarkdownParser when linkHooks changes.
+     * Caches the parser instance to avoid re-parsing on every render.
+     * 懒创建解析器，当 linkHooks 变化时重新创建 FullMarkdownParser。
+     * 缓存解析器实例以避免每次渲染都重新解析。
+     */
+    get parser() {
+        if (!this._parser || this._linkHooks !== this.linkHooks) {
+            this._parser = createParser(this.linkHooks);
+            this._linkHooks = this.linkHooks;
+        }
+        return this._parser;
+    }
+    static { this.styles = [
+        aitheBaseStyles,
+        css `
+      :host {
+        display: block;
+      }
+
+      .markdown {
+        color: var(--aithe-color-text);
+      }
+
+      /* Heading spacing */
+      .markdown :where(.md-heading) {
+        margin: 0 0 var(--aithe-space-3);
+      }
+
+      /* Block-level element spacing */
+      .markdown :where(.md-p, .md-list, .md-blockquote, .md-code-fence) {
+        margin: 0 0 var(--aithe-space-4);
+      }
+
+      .markdown .md-code-fence {
+        display: block;
+      }
+
+      /* Bold / strong styling */
+      .markdown .md-strong {
+        font-weight: 700;
+      }
+
+      /* Inline code styling */
+      .markdown .md-code {
+        font-family: var(--aithe-font-family-mono);
+        padding: 1px 4px;
+        border-radius: 3px;
+        background: var(--aithe-color-bg-muted, #f1f5f9);
+        color: var(--aithe-primary-7, #c7254e);
+        font-size: 0.9em;
+      }
+
+      /* Blockquote styling with left accent border */
+      .markdown .md-blockquote {
+        padding-left: var(--aithe-space-4);
+        border-left: 3px solid var(--aithe-primary-5);
+        color: var(--aithe-color-text-muted);
+      }
+
+      /* Link styling */
+      .markdown .md-link {
+        color: var(--aithe-primary-6);
+      }
+
+      /* Table styling */
+      .markdown .md-table {
+        border-collapse: collapse;
+        width: 100%;
+        margin-bottom: var(--aithe-space-4);
+      }
+
+      .markdown .md-table th,
+      .markdown .md-table td {
+        border: 1px solid var(--aithe-color-border, #e2e8f0);
+        padding: var(--aithe-space-2) var(--aithe-space-3);
+        text-align: left;
+      }
+
+      .markdown .md-table th {
+        background: var(--aithe-color-bg-muted, #f8fafc);
+        font-weight: 600;
+      }
+
+      /* Thematic break / horizontal rule */
+      .markdown .md-hr {
+        border: none;
+        border-top: 1px solid var(--aithe-color-border, #e2e8f0);
+        margin: var(--aithe-space-4) 0;
+      }
+
+      /* Image: responsive, rounded corners */
+      .markdown .md-image {
+        max-width: 100%;
+        height: auto;
+        border-radius: var(--aithe-container-radius-md, 6px);
+      }
+    `,
+    ]; }
+    /**
+     * Renders the markdown content by parsing it into styled HTML
+     * and wrapping it in an <article> element for semantic structure.
+     * 渲染 markdown 内容：解析为带样式的 HTML，并用 <article> 元素包裹以保持语义化结构。
+     */
+    render() {
+        return html `
+      <article class="markdown">${unsafeHTML(this.parser.parse(this.content))}</article>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], AitheMarkdown.prototype, "content", void 0);
+__decorate([
+    property({ attribute: false })
+], AitheMarkdown.prototype, "linkHooks", void 0);
+AitheMarkdown = __decorate([
+    customElement('aithe-markdown')
+], AitheMarkdown);
+export { AitheMarkdown };

package/dist/components/display/mini-box.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @file AitheMiniBox — compact record display base class / AitheMiniBox — 紧凑记录展示基类
+ * @description AitheMiniBox is the base class for the Box component family (MiniBox, BriefBox, DetailBox).
+ *              Provides selectable/selected properties and shared layout utilities.
+ *              AitheMiniBox 是 Box 组件族（MiniBox、BriefBox、DetailBox）的基类。
+ *              提供 selectable/selected 属性和共享布局工具。
+ *
+ * @slot name - Primary label / title region. 主标签/标题区域。
+ * @slot status - Status indicator region. 状态指示器区域。
+ *
+ * @fires aithe-box-click - Fired when the box is clicked. 点击 box 时触发。
+ * @fires aithe-selected-change - Fired when selected changes via checkbox. selected 变化时触发。
+ */
+import { type TemplateResult } from 'lit';
+import { AitheElement } from '../../core/aithe-element';
+import type { AitheSelectableType } from '../../core/types';
+export declare class AitheMiniBox extends AitheElement {
+    selected: boolean;
+    selectable: AitheSelectableType;
+    static readonly styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    protected handleSelectChange(e: Event): void;
+    protected renderCheckbox(): TemplateResult;
+    protected handleBoxClick(): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'aithe-mini-box': AitheMiniBox;
+    }
+}
+//# sourceMappingURL=mini-box.d.ts.map

package/dist/components/display/mini-box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mini-box.d.ts","sourceRoot":"","sources":["../../../src/components/display/mini-box.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD,qBACa,YAAa,SAAQ,YAAY;IACA,QAAQ,UAAS;IAEjC,UAAU,EAAE,mBAAmB,CAAU;IAErE,MAAM,CAAC,QAAQ,CAAC,MAAM,0DA6DpB;IAEF,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAM5C,SAAS,CAAC,cAAc,IAAI,cAAc;IAc1C,SAAS,CAAC,cAAc,IAAI,IAAI;IAIvB,MAAM,IAAI,cAAc;CAalC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/components/display/mini-box.js

@@ -0,0 +1,137 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * @file AitheMiniBox — compact record display base class / AitheMiniBox — 紧凑记录展示基类
+ * @description AitheMiniBox is the base class for the Box component family (MiniBox, BriefBox, DetailBox).
+ *              Provides selectable/selected properties and shared layout utilities.
+ *              AitheMiniBox 是 Box 组件族（MiniBox、BriefBox、DetailBox）的基类。
+ *              提供 selectable/selected 属性和共享布局工具。
+ *
+ * @slot name - Primary label / title region. 主标签/标题区域。
+ * @slot status - Status indicator region. 状态指示器区域。
+ *
+ * @fires aithe-box-click - Fired when the box is clicked. 点击 box 时触发。
+ * @fires aithe-selected-change - Fired when selected changes via checkbox. selected 变化时触发。
+ */
+import { css, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { aitheBaseStyles } from '../../core/styles';
+import { AitheElement } from '../../core/aithe-element';
+let AitheMiniBox = class AitheMiniBox extends AitheElement {
+    constructor() {
+        super(...arguments);
+        this.selected = false;
+        this.selectable = 'none';
+    }
+    static { this.styles = [
+        aitheBaseStyles,
+        css `
+      :host {
+        display: block;
+        box-sizing: border-box;
+        font-family: var(--aithe-font-family);
+        color: var(--aithe-color-text);
+        background: var(--aithe-color-surface);
+        border: 1px solid var(--aithe-color-border);
+        border-radius: var(--aithe-container-radius-lg);
+        transition:
+          border-color var(--aithe-duration-fast) var(--aithe-ease-standard),
+          box-shadow var(--aithe-duration-fast) var(--aithe-ease-standard);
+      }
+
+      :host(:hover) {
+        border-color: var(--aithe-primary-5);
+        background: var(--aithe-color-surface-hover, rgba(0,0,0,0.02));
+      }
+
+      :host([selected]) {
+        border-color: var(--aithe-primary-6);
+        box-shadow: 0 0 0 1px var(--aithe-primary-6);
+      }
+
+      .box-inner {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        gap: var(--aithe-space-2, 8px);
+        padding: var(--aithe-space-3, 12px);
+      }
+
+      .box-check {
+        display: flex;
+        align-items: center;
+        flex-shrink: 0;
+      }
+
+      .box-check input {
+        width: 16px;
+        height: 16px;
+        cursor: pointer;
+        accent-color: var(--aithe-primary-6);
+      }
+
+      .box-body {
+        flex: 1;
+        min-width: 0;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        gap: var(--aithe-space-2, 8px);
+      }
+
+      .box-status {
+        margin-left: auto;
+        flex-shrink: 0;
+      }
+    `,
+    ]; }
+    handleSelectChange(e) {
+        const checkbox = e.target;
+        this.selected = checkbox.checked;
+        this.emit('selected-change', { selected: this.selected });
+    }
+    renderCheckbox() {
+        if (this.selectable === 'none')
+            return html ``;
+        return html `
+      <div class="box-check" part="select">
+        <input
+          type="checkbox"
+          .checked=${this.selected}
+          @change=${this.handleSelectChange}
+          @click=${(e) => e.stopPropagation()}
+        />
+      </div>
+    `;
+    }
+    handleBoxClick() {
+        this.emit('aithe-box-click', { selected: this.selected });
+    }
+    render() {
+        return html `
+      <div class="box-inner" @click=${this.handleBoxClick}>
+        ${this.renderCheckbox()}
+        <div class="box-body">
+          <slot name="name"></slot>
+          <div class="box-status" part="status">
+            <slot name="status"></slot>
+          </div>
+        </div>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], AitheMiniBox.prototype, "selected", void 0);
+__decorate([
+    property({ type: String })
+], AitheMiniBox.prototype, "selectable", void 0);
+AitheMiniBox = __decorate([
+    customElement('aithe-mini-box')
+], AitheMiniBox);
+export { AitheMiniBox };

package/dist/components/display/profile.d.ts

@@ -0,0 +1,18 @@
+import { AitheElement } from '../../core/aithe-element';
+export declare class AitheProfile extends AitheElement {
+    icon: string;
+    iconSize: string;
+    iconShape: 'circle' | 'square' | 'none';
+    title: string;
+    desc: string;
+    titleEllipsis: boolean;
+    descEllipsis: boolean;
+    static readonly styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'aithe-profile': AitheProfile;
+    }
+}
+//# sourceMappingURL=profile.d.ts.map

package/dist/components/display/profile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile.d.ts","sourceRoot":"","sources":["../../../src/components/display/profile.ts"],"names":[],"mappings":"AA2BA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,qBACa,YAAa,SAAQ,YAAY;IAChB,IAAI,SAAM;IAEc,QAAQ,SAAQ;IAEf,SAAS,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAU;IAE1E,KAAK,SAAM;IAEX,IAAI,SAAM;IAEoB,aAAa,UAAQ;IAEtB,YAAY,UAAQ;IAE7E,MAAM,CAAC,QAAQ,CAAC,MAAM,0DA4CpB;IAEO,MAAM;CAmDhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}

package/dist/components/display/profile.js

@@ -0,0 +1,164 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * @file AitheProfile — profile display component / AitheProfile — 档案展示组件
+ * @description AitheProfile renders a fixed left-right layout: icon/avatar on the left,
+ *              title and description on the right. Designed as the standard name region
+ *              component for the Box component family.
+ *              Icon supports `(class)xxx` format for class-based icons, or auto-generates
+ *              from the first character of title when icon is empty.
+ *              AitheProfile 渲染固定左右布局：左侧图标/头像，右侧标题和描述。
+ *              作为 Box 组件族的标准 name 区域组件。
+ *              Icon 支持 `(class)xxx` 格式使用 class 图标，icon 为空时自动用 title 首字符生成。
+ *
+ * @slot icon - Custom icon/avatar region. 自定义图标/头像区域。
+ * @slot title - Custom title region. 自定义标题区域。
+ * @slot desc - Custom description region. 自定义描述区域。
+ *
+ * @csspart title - The title region container. 标题区域容器。
+ * @csspart desc - The description region container. 描述区域容器。
+ *
+ * @example
+ * ```html
+ * <aithe-profile title="Project Alpha" desc="Frontend application" icon="app"></aithe-profile>
+ * ```
+ */
+import { css, html, nothing } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { aitheBaseStyles } from '../../core/styles';
+import { AitheElement } from '../../core/aithe-element';
+let AitheProfile = class AitheProfile extends AitheElement {
+    constructor() {
+        super(...arguments);
+        this.icon = '';
+        this.iconSize = 'lg';
+        this.iconShape = 'none';
+        this.title = '';
+        this.desc = '';
+        this.titleEllipsis = true;
+        this.descEllipsis = true;
+    }
+    static { this.styles = [
+        aitheBaseStyles,
+        css `
+      :host {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--aithe-space-3, 12px);
+        font-family: var(--aithe-font-family);
+        color: var(--aithe-color-text);
+      }
+
+      .profile-body {
+        flex: 1;
+        min-width: 0;
+        display: flex;
+        flex-direction: column;
+        gap: var(--aithe-space-1, 4px);
+      }
+
+      .profile-title {
+        font-size: var(--aithe-font-size-sm);
+        font-weight: var(--aithe-font-weight-medium, 500);
+        color: var(--aithe-color-text);
+        line-height: 1.4;
+      }
+
+      .profile-title.ellipsis {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .profile-desc {
+        font-size: var(--aithe-font-size-xs);
+        color: var(--aithe-color-text-secondary);
+        line-height: 1.4;
+      }
+
+      .profile-desc.ellipsis {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    `,
+    ]; }
+    render() {
+        const hasIconSlot = this.querySelector('[slot="icon"]') != null;
+        const hasTitleSlot = this.querySelector('[slot="title"]') != null;
+        const hasDescSlot = this.querySelector('[slot="desc"]') != null;
+        const showAvatar = hasIconSlot || this.icon || this.title;
+        let iconContent;
+        if (hasIconSlot) {
+            iconContent = html `
+        <slot name="icon"></slot>
+      `;
+        }
+        else if (this.iconShape === 'none') {
+            iconContent = html `
+        <aithe-icon name=${this.icon || this.title} size=${this.iconSize}></aithe-icon>
+      `;
+        }
+        else {
+            iconContent = html `
+        <aithe-avatar
+          text=${this.icon || this.title}
+          size=${this.iconSize}
+          shape=${this.iconShape}
+        ></aithe-avatar>
+      `;
+        }
+        const titleClass = this.titleEllipsis ? 'profile-title ellipsis' : 'profile-title';
+        const descClass = this.descEllipsis ? 'profile-desc ellipsis' : 'profile-desc';
+        const titleAttr = this.titleEllipsis ? this.title : nothing;
+        const descAttr = this.descEllipsis ? this.desc : nothing;
+        return html `
+      ${showAvatar ? iconContent : nothing}
+      <div class="profile-body">
+        ${hasTitleSlot || this.title
+            ? html `
+              <div class="${titleClass}" part="title" title=${titleAttr}>
+                <slot name="title">${this.title}</slot>
+              </div>
+            `
+            : nothing}
+        ${hasDescSlot || this.desc
+            ? html `
+              <div class="${descClass}" part="desc" title=${descAttr}>
+                <slot name="desc">${this.desc}</slot>
+              </div>
+            `
+            : nothing}
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], AitheProfile.prototype, "icon", void 0);
+__decorate([
+    property({ type: String, attribute: 'icon-size' })
+], AitheProfile.prototype, "iconSize", void 0);
+__decorate([
+    property({ type: String, attribute: 'icon-shape' })
+], AitheProfile.prototype, "iconShape", void 0);
+__decorate([
+    property({ type: String })
+], AitheProfile.prototype, "title", void 0);
+__decorate([
+    property({ type: String })
+], AitheProfile.prototype, "desc", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'title-ellipsis' })
+], AitheProfile.prototype, "titleEllipsis", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'desc-ellipsis' })
+], AitheProfile.prototype, "descEllipsis", void 0);
+AitheProfile = __decorate([
+    customElement('aithe-profile')
+], AitheProfile);
+export { AitheProfile };

package/dist/components/feedback/AGENTS.md

@@ -0,0 +1,31 @@
+# src/components/feedback/ — 反馈组件（9个）
+
+## 组件列表
+
+| 组件              | 标签                   | 说明             |
+| ----------------- | ---------------------- | ---------------- |
+| `dialog.ts`       | `<aithe-dialog>`       | 模态对话框浮层   |
+| `modal.ts`        | `<aithe-modal>`        | 轻量级模态框     |
+| `drawer.ts`       | `<aithe-drawer>`       | 侧边抽屉面板     |
+| `tooltip.ts`      | `<aithe-tooltip>`      | 悬停工具提示     |
+| `popover.ts`      | `<aithe-popover>`      | 点击触发弹出框   |
+| `toast.ts`        | `<aithe-toast>`        | 轻提示，自动消失 |
+| `alert.ts`        | `<aithe-alert>`        | 内联警告横幅     |
+| `notification.ts` | `<aithe-notification>` | 角落通知卡片     |
+| `loading.ts`      | `<aithe-loading>`      | 加载旋转浮层     |
+
+## 编码规范
+
+- 继承 `AitheElement`，使用 `@customElement` 装饰器
+- 浮层类组件（dialog/drawer/tooltip/popover）依赖 `anchored-overlay` 和 `floating` 模块
+- 导入使用 `@components/feedback/xxx` 路径别名
+- 中英文双语 JSDoc 注释
+
+## 关键约定
+
+- `aithe-dialog` 和 `aithe-modal` 通过 `open` 属性控制显隐
+- `aithe-tooltip` 通过 `content` 属性设置提示内容
+- `aithe-toast` 和 `aithe-notification` 支持编程式调用
+- `aithe-drawer` 通过 `placement` 控制从哪侧滑出（left/right/top/bottom）
+- 浮层类组件统一使用 `aithe-dropdown-change` 事件名（替代已废弃的 `aithe-open-change`）通知开关状态变更
+- 新增组件需同步更新 `src/index.ts` 和 `docs/api/feedback/`

package/dist/components/feedback/alert.d.ts

@@ -1,15 +1,32 @@
-import { AitheElement } from '../../base/aithe-element';
+import { AitheElement } from '../../core/aithe-element';
 /**
- * Inline banner / alert strip.
+ * Inline banner / alert strip with optional close button.
+ * 内联横幅/警告条，支持可选关闭按钮。
+ *
+ * @slot - Default slot for alert body content. 警告正文内容。
+ * @fires aithe-close - Emitted when the alert is closed. 关闭时触发。
+ * @example
+ * ```html
+ * <aithe-alert type="warning" title="Warning" closable>
+ *   Please review before proceeding.
+ * </aithe-alert>
+ * ```
  */
 export declare class AitheAlert extends AitheElement {
+    /** Alert color variant. 警告颜色类型。 */
     type: 'default' | 'success' | 'warning' | 'danger';
+    /** Alert title text. 警告标题文本。 */
     title: string;
+    /** Icon name to display before the title. 在标题前显示的图标名称。 */
+    icon: string;
+    /** Whether the alert shows a close button. 是否显示关闭按钮。 */
     closable: boolean;
+    /** Whether the alert renders as a full-width banner. 是否以全宽横幅样式渲染。 */
     banner: boolean;
+    /** Whether the alert is visible (open). 是否可见（打开）。 */
     open: boolean;
     static readonly styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
-    private close;
+    private readonly close;
     render(): import("lit-html").TemplateResult<1>;
 }
 //# sourceMappingURL=alert.d.ts.map

package/dist/components/feedback/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/alert.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGxD;;GAEG;AACH,qBACa,UAAW,SAAQ,YAAY;IACd,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAa;IAC/D,KAAK,SAAM;IACV,QAAQ,UAAS;IACjB,MAAM,UAAS;IACA,IAAI,UAAQ;IAExD,MAAM,CAAC,QAAQ,CAAC,MAAM,0DA8CpB;IAEF,OAAO,CAAC,KAAK,CAGX;IAEF,MAAM;CAaP"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/feedback/alert.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD;;;;;;;;;;;;GAYG;AACH,qBACa,UAAW,SAAQ,YAAY;IAC1C,mCAAmC;IACP,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAa;IAC3F,gCAAgC;IACJ,KAAK,SAAM;IACvC,0DAA0D;IAC9B,IAAI,SAAM;IACtC,wDAAwD;IAC3B,QAAQ,UAAS;IAC9C,qEAAqE;IACxC,MAAM,UAAS;IAC5C,qDAAqD;IACT,IAAI,UAAQ;IAExD,MAAM,CAAC,QAAQ,CAAC,MAAM,0DAsDpB;IAEF,OAAO,CAAC,QAAQ,CAAC,KAAK,CAGpB;IAEF,MAAM;CA6BP"}