@aithe/aithe-ui 26.2.3 → 26.3.2

package/dist/apps/admin/pages/login-page.js

@@ -0,0 +1,278 @@
+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 { LitElement, html, css } from 'lit';
+import { customElement, state, property } from 'lit/decorators.js';
+import { onAitheLocaleChange, t } from '../../../styles/i18n';
+import { AuthService } from '../datahub/auth';
+import { AuthTokenManager } from '../store/auth';
+import { router } from '../router';
+let AitheAdminLoginPage = class AitheAdminLoginPage extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.params = {};
+        this.query = {};
+        this.route = null;
+        this.location = null;
+        this.username = '';
+        this.password = '';
+        this.usernameError = '';
+        this.passwordError = '';
+        this.loginError = '';
+        this.loading = false;
+    }
+    static { this.styles = css `
+    :host {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      min-height: 100vh;
+      width: 100%;
+      background: var(--aithe-color-bg, #f5f5f5);
+    }
+
+    .login-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100vh;
+    }
+
+    .login-card {
+      width: 420px;
+      max-width: 90vw;
+    }
+
+    .login-header {
+      text-align: center;
+      margin-bottom: var(--aithe-space-lg, 24px);
+    }
+
+    .login-header h1 {
+      font-size: var(--aithe-font-size-2xl, 24px);
+      font-weight: var(--aithe-font-weight-bold, 700);
+      color: var(--aithe-color-text, #1a1a1a);
+      margin: 0 0 var(--aithe-space-xs, 4px) 0;
+    }
+
+    .login-header p {
+      font-size: var(--aithe-font-size-sm, 14px);
+      color: var(--aithe-color-text-muted, #666);
+      margin: 0;
+    }
+
+    .login-form {
+      display: flex;
+      flex-direction: column;
+      gap: var(--aithe-space-md, 16px);
+    }
+
+    .form-item {
+      display: flex;
+      flex-direction: column;
+      gap: var(--aithe-space-xs, 4px);
+    }
+
+    .form-item label {
+      font-size: var(--aithe-font-size-sm, 14px);
+      font-weight: var(--aithe-font-weight-medium, 500);
+      color: var(--aithe-color-text, #1a1a1a);
+    }
+
+    .form-item .error-text {
+      font-size: var(--aithe-font-size-xs, 12px);
+      color: var(--aithe-danger-6, #e53e3e);
+    }
+
+    .login-error {
+      font-size: var(--aithe-font-size-sm, 14px);
+      color: var(--aithe-danger-6, #e53e3e);
+      text-align: center;
+      padding: var(--aithe-space-xs, 4px) 0;
+    }
+
+    .login-actions {
+      margin-top: var(--aithe-space-sm, 8px);
+    }
+
+    .login-actions aithe-button {
+      width: 100%;
+    }
+
+    .locale-toggle {
+      position: fixed;
+      top: var(--aithe-space-md, 16px);
+      right: var(--aithe-space-md, 16px);
+      display: flex;
+      align-items: center;
+      gap: var(--aithe-space-sm, 8px);
+    }
+  `; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.unsubscribeLocale = onAitheLocaleChange(() => {
+            this.requestUpdate();
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.unsubscribeLocale?.();
+    }
+    handleUsernameInput(e) {
+        this.username = e.detail.value;
+        this.usernameError = '';
+        this.loginError = '';
+    }
+    handlePasswordInput(e) {
+        this.password = e.detail.value;
+        this.passwordError = '';
+        this.loginError = '';
+    }
+    validate() {
+        let valid = true;
+        if (!this.username.trim()) {
+            this.usernameError = t('admin.login.usernameRequired');
+            valid = false;
+        }
+        if (!this.password.trim()) {
+            this.passwordError = t('admin.login.passwordRequired');
+            valid = false;
+        }
+        return valid;
+    }
+    async handleLogin() {
+        if (!this.validate())
+            return;
+        this.loading = true;
+        this.loginError = '';
+        try {
+            const res = await AuthService.login({ username: this.username, password: this.password });
+            const { token, username, role, avatar } = (res).data;
+            const user = { username, role, avatar };
+            AuthTokenManager.setToken(token);
+            AuthTokenManager.setUser(user);
+            router.navigate('/dashboard');
+        }
+        catch {
+            this.loginError = t('admin.common.error');
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    handleFormKeydown(e) {
+        if (e.key === 'Enter') {
+            this.handleLogin();
+        }
+    }
+    render() {
+        return html `
+      <div class="login-wrapper">
+        <div class="locale-toggle">
+          <aithe-locale-switch placement="bottom-end"></aithe-locale-switch>
+          <aithe-theme-picker placement="bottom-end"></aithe-theme-picker>
+        </div>
+
+        <aithe-card class="login-card" shadow="3">
+          <div class="login-header">
+            <h1>${t('admin.brand')}</h1>
+            <p>${t('admin.login.title')}</p>
+          </div>
+
+          <div class="login-form" @keydown=${this.handleFormKeydown}>
+            <div class="form-item">
+              <label>${t('admin.login.username')}</label>
+              <aithe-input
+                .value=${this.username}
+                .placeholder=${t('admin.login.usernamePlaceholder')}
+                .status=${this.usernameError ? 'error' : 'normal'}
+                .clearable=${true}
+                .disabled=${this.loading}
+                @aithe-input=${this.handleUsernameInput}
+              ></aithe-input>
+              ${this.usernameError
+            ? html `
+                    <span class="error-text">${this.usernameError}</span>
+                  `
+            : ''}
+            </div>
+
+            <div class="form-item">
+              <label>${t('admin.login.password')}</label>
+              <aithe-input
+                type="password"
+                .value=${this.password}
+                .placeholder=${t('admin.login.passwordPlaceholder')}
+                .status=${this.passwordError ? 'error' : 'normal'}
+                .clearable=${true}
+                .disabled=${this.loading}
+                @aithe-input=${this.handlePasswordInput}
+              ></aithe-input>
+              ${this.passwordError
+            ? html `
+                    <span class="error-text">${this.passwordError}</span>
+                  `
+            : ''}
+            </div>
+
+            ${this.loginError
+            ? html `
+                  <div class="login-error">${this.loginError}</div>
+                `
+            : ''}
+
+            <div class="login-actions">
+              <aithe-button
+                type="primary"
+                .block=${true}
+                .loading=${this.loading}
+                .disabled=${this.loading}
+                @aithe-click=${this.handleLogin}
+              >
+                ${t('admin.login.button')}
+              </aithe-button>
+            </div>
+          </div>
+        </aithe-card>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], AitheAdminLoginPage.prototype, "params", void 0);
+__decorate([
+    property({ attribute: false })
+], AitheAdminLoginPage.prototype, "query", void 0);
+__decorate([
+    property({ attribute: false })
+], AitheAdminLoginPage.prototype, "route", void 0);
+__decorate([
+    property({ attribute: false })
+], AitheAdminLoginPage.prototype, "location", void 0);
+__decorate([
+    state()
+], AitheAdminLoginPage.prototype, "username", void 0);
+__decorate([
+    state()
+], AitheAdminLoginPage.prototype, "password", void 0);
+__decorate([
+    state()
+], AitheAdminLoginPage.prototype, "usernameError", void 0);
+__decorate([
+    state()
+], AitheAdminLoginPage.prototype, "passwordError", void 0);
+__decorate([
+    state()
+], AitheAdminLoginPage.prototype, "loginError", void 0);
+__decorate([
+    state()
+], AitheAdminLoginPage.prototype, "loading", void 0);
+AitheAdminLoginPage = __decorate([
+    customElement('aithe-admin-login-page')
+], AitheAdminLoginPage);
+export { AitheAdminLoginPage };

package/dist/apps/admin/pages/not-found-page.js

@@ -0,0 +1,57 @@
+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 { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { onAitheLocaleChange, t } from '../../../styles/i18n';
+let AitheAdminNotFoundPage = class AitheAdminNotFoundPage extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.params = {};
+        this.query = {};
+        this.route = null;
+        this.location = null;
+    }
+    static { this.styles = css `
+    :host {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      min-height: 400px;
+    }
+  `; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.unsubscribeLocale = onAitheLocaleChange(() => {
+            this.requestUpdate();
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.unsubscribeLocale?.();
+    }
+    render() {
+        return html `
+      <aithe-empty .description=${t('admin.page.notFound')}></aithe-empty>
+    `;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], AitheAdminNotFoundPage.prototype, "params", void 0);
+__decorate([
+    property({ attribute: false })
+], AitheAdminNotFoundPage.prototype, "query", void 0);
+__decorate([
+    property({ attribute: false })
+], AitheAdminNotFoundPage.prototype, "route", void 0);
+__decorate([
+    property({ attribute: false })
+], AitheAdminNotFoundPage.prototype, "location", void 0);
+AitheAdminNotFoundPage = __decorate([
+    customElement('aithe-admin-not-found-page')
+], AitheAdminNotFoundPage);
+export { AitheAdminNotFoundPage };

package/dist/apps/admin/pages/role-page.js

@@ -0,0 +1,76 @@
+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 { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { onAitheLocaleChange, t } from '../../../styles/i18n';
+let AitheAdminRolePage = class AitheAdminRolePage extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.params = {};
+        this.query = {};
+        this.route = null;
+        this.location = null;
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+    }
+
+    .page-toolbar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: var(--aithe-space-lg, 24px);
+    }
+
+    .search-bar {
+      display: flex;
+      align-items: center;
+      gap: var(--aithe-space-sm, 8px);
+    }
+  `; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.unsubscribeLocale = onAitheLocaleChange(() => {
+            this.requestUpdate();
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.unsubscribeLocale?.();
+    }
+    render() {
+        return html `
+      <div class="page-toolbar">
+        <div class="search-bar">
+          <aithe-input placeholder=${t('admin.common.search')} size="sm" clearable></aithe-input>
+          <aithe-button type="primary" size="sm">${t('admin.common.search')}</aithe-button>
+        </div>
+        <aithe-button type="primary" size="sm" icon="plus">${t('admin.common.add')}</aithe-button>
+      </div>
+      <aithe-card shadow="1">
+        <aithe-empty></aithe-empty>
+      </aithe-card>
+    `;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], AitheAdminRolePage.prototype, "params", void 0);
+__decorate([
+    property({ attribute: false })
+], AitheAdminRolePage.prototype, "query", void 0);
+__decorate([
+    property({ attribute: false })
+], AitheAdminRolePage.prototype, "route", void 0);
+__decorate([
+    property({ attribute: false })
+], AitheAdminRolePage.prototype, "location", void 0);
+AitheAdminRolePage = __decorate([
+    customElement('aithe-admin-role-page')
+], AitheAdminRolePage);
+export { AitheAdminRolePage };

package/dist/apps/admin/pages/settings-page.js

@@ -0,0 +1,95 @@
+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 { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { onAitheLocaleChange, t } from '../../../styles/i18n';
+let AitheAdminSettingsPage = class AitheAdminSettingsPage extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.params = {};
+        this.query = {};
+        this.route = null;
+        this.location = null;
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+    }
+
+    .settings-section {
+      margin-bottom: var(--aithe-space-lg, 24px);
+    }
+
+    .section-title {
+      font-size: var(--aithe-font-size-lg, 18px);
+      font-weight: var(--aithe-font-weight-semibold, 600);
+      color: var(--aithe-color-text, #1a1a1a);
+      margin-bottom: var(--aithe-space-md, 16px);
+    }
+
+    .setting-row {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: var(--aithe-space-md, 16px) 0;
+      border-bottom: 1px solid var(--aithe-color-border, #e5e5e5);
+    }
+
+    .setting-label {
+      font-size: var(--aithe-font-size-sm, 14px);
+      color: var(--aithe-color-text, #1a1a1a);
+    }
+
+    .setting-desc {
+      font-size: var(--aithe-font-size-xs, 12px);
+      color: var(--aithe-color-text-muted, #999);
+      margin-top: var(--aithe-space-xs, 4px);
+    }
+  `; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.unsubscribeLocale = onAitheLocaleChange(() => {
+            this.requestUpdate();
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.unsubscribeLocale?.();
+    }
+    render() {
+        return html `
+      <aithe-card shadow="1">
+        <div class="settings-section">
+          <div class="section-title">${t('admin.page.settings')}</div>
+          <div class="setting-row">
+            <div>
+              <div class="setting-label">${t('admin.common.edit')}</div>
+              <div class="setting-desc">...</div>
+            </div>
+            <aithe-button type="text" size="sm" icon="edit"></aithe-button>
+          </div>
+        </div>
+      </aithe-card>
+    `;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], AitheAdminSettingsPage.prototype, "params", void 0);
+__decorate([
+    property({ attribute: false })
+], AitheAdminSettingsPage.prototype, "query", void 0);
+__decorate([
+    property({ attribute: false })
+], AitheAdminSettingsPage.prototype, "route", void 0);
+__decorate([
+    property({ attribute: false })
+], AitheAdminSettingsPage.prototype, "location", void 0);
+AitheAdminSettingsPage = __decorate([
+    customElement('aithe-admin-settings-page')
+], AitheAdminSettingsPage);
+export { AitheAdminSettingsPage };

package/dist/apps/admin/pages/user-page.js

@@ -0,0 +1,76 @@
+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 { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { onAitheLocaleChange, t } from '../../../styles/i18n';
+let AitheAdminUserPage = class AitheAdminUserPage extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.params = {};
+        this.query = {};
+        this.route = null;
+        this.location = null;
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+    }
+
+    .page-toolbar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: var(--aithe-space-lg, 24px);
+    }
+
+    .search-bar {
+      display: flex;
+      align-items: center;
+      gap: var(--aithe-space-sm, 8px);
+    }
+  `; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.unsubscribeLocale = onAitheLocaleChange(() => {
+            this.requestUpdate();
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.unsubscribeLocale?.();
+    }
+    render() {
+        return html `
+      <div class="page-toolbar">
+        <div class="search-bar">
+          <aithe-input placeholder=${t('admin.common.search')} size="sm" clearable></aithe-input>
+          <aithe-button type="primary" size="sm">${t('admin.common.search')}</aithe-button>
+        </div>
+        <aithe-button type="primary" size="sm" icon="plus">${t('admin.common.add')}</aithe-button>
+      </div>
+      <aithe-card shadow="1">
+        <aithe-empty></aithe-empty>
+      </aithe-card>
+    `;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], AitheAdminUserPage.prototype, "params", void 0);
+__decorate([
+    property({ attribute: false })
+], AitheAdminUserPage.prototype, "query", void 0);
+__decorate([
+    property({ attribute: false })
+], AitheAdminUserPage.prototype, "route", void 0);
+__decorate([
+    property({ attribute: false })
+], AitheAdminUserPage.prototype, "location", void 0);
+AitheAdminUserPage = __decorate([
+    customElement('aithe-admin-user-page')
+], AitheAdminUserPage);
+export { AitheAdminUserPage };

package/dist/apps/admin/router/index.js

@@ -0,0 +1,43 @@
+import { Router } from '../../../core/router';
+import { AuthTokenManager } from '../store/auth';
+export const routes = [
+    { path: '/login', component: 'aithe-admin-login-page', meta: { auth: false, title: 'Login' } },
+    { path: '/', component: 'aithe-admin-dashboard-page', meta: { auth: true, title: 'Dashboard' } },
+    {
+        path: '/dashboard',
+        component: 'aithe-admin-dashboard-page',
+        meta: { auth: true, title: 'Dashboard' },
+    },
+    {
+        path: '/user',
+        component: 'aithe-admin-user-page',
+        meta: { auth: true, title: 'User Management' },
+    },
+    {
+        path: '/role',
+        component: 'aithe-admin-role-page',
+        meta: { auth: true, title: 'Role Management' },
+    },
+    {
+        path: '/settings',
+        component: 'aithe-admin-settings-page',
+        meta: { auth: true, title: 'Settings' },
+    },
+    { path: '*', component: 'aithe-admin-not-found-page', meta: { auth: true, title: 'Not Found' } },
+];
+export const router = new Router({ mode: 'hash', routes });
+router.addGuard((to) => {
+    const auth = to.route?.meta?.auth;
+    if (auth && !AuthTokenManager.isAuthenticated()) {
+        router.replace('/login');
+        return false;
+    }
+    if (auth === false && AuthTokenManager.isAuthenticated() && to.path === '/login') {
+        router.replace('/dashboard');
+        return false;
+    }
+    return true;
+});
+export function initRouter() {
+    router.start();
+}

package/dist/apps/admin/standalone.js

@@ -0,0 +1 @@
+import './app';

package/dist/apps/admin/store/auth.js

@@ -0,0 +1,42 @@
+/**
+ * @file AuthTokenManager - 认证令牌管理 / Auth Token Manager
+ * @description 管理 Admin 后台的认证状态，包括 token 存储、用户信息。
+ *              Manages Admin dashboard auth state, including token storage and user info.
+ */
+const TOKEN_KEY = 'aithe_admin_token';
+const USER_KEY = 'aithe_admin_user';
+export class AuthTokenManager {
+    static getToken() {
+        return localStorage.getItem(TOKEN_KEY);
+    }
+    static setToken(token) {
+        localStorage.setItem(TOKEN_KEY, token);
+    }
+    static removeToken() {
+        localStorage.removeItem(TOKEN_KEY);
+    }
+    static isAuthenticated() {
+        return !!AuthTokenManager.getToken();
+    }
+    static getUser() {
+        const raw = localStorage.getItem(USER_KEY);
+        if (!raw)
+            return null;
+        try {
+            return JSON.parse(raw);
+        }
+        catch {
+            return null;
+        }
+    }
+    static setUser(user) {
+        localStorage.setItem(USER_KEY, JSON.stringify(user));
+    }
+    static removeUser() {
+        localStorage.removeItem(USER_KEY);
+    }
+    static logout() {
+        AuthTokenManager.removeToken();
+        AuthTokenManager.removeUser();
+    }
+}