@aithe/aithe-ui 26.2.2 → 26.3.1

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

@@ -0,0 +1,199 @@
+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 Admin 仪表盘页面 / Admin Dashboard Page
+ * @description 仪表盘首页，使用 aithe-dashboard 组件展示系统统计数据。
+ *              数据通过 DataHub 从后端获取，开发阶段使用 Mock 模式。
+ *              Dashboard home page using aithe-dashboard component to display system statistics.
+ *              Data is fetched from backend via DataHub, using Mock mode during development.
+ */
+import { LitElement, html, css } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { onAitheLocaleChange, t } from '../../../styles/i18n';
+import { dataHub } from '../../../core/datahub';
+import { DashboardService } from '../datahub/dashboard';
+let AitheAdminDashboardPage = class AitheAdminDashboardPage extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.params = {};
+        this.query = {};
+        this.route = null;
+        this.location = null;
+        this.stats = null;
+        this.loading = false;
+        this.error = '';
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+    }
+
+    .welcome-text {
+      font-size: var(--aithe-font-size-lg, 18px);
+      color: var(--aithe-color-text, #1a1a1a);
+      margin-bottom: var(--aithe-space-lg, 24px);
+    }
+
+    .stat-value {
+      font-size: var(--aithe-font-size-2xl, 32px);
+      font-weight: var(--aithe-font-weight-bold, 700);
+      color: var(--aithe-primary-6, #1677ff);
+    }
+
+    .stat-label {
+      font-size: var(--aithe-font-size-sm, 14px);
+      color: var(--aithe-color-text-muted, #666);
+      margin-top: var(--aithe-space-xs, 4px);
+    }
+
+    .loading-hint,
+    .error-hint {
+      text-align: center;
+      padding: var(--aithe-space-lg, 24px);
+      color: var(--aithe-color-text-muted, #666);
+    }
+
+    .error-hint {
+      color: var(--aithe-danger-6, #e53e3e);
+    }
+  `; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.unsubscribeLocale = onAitheLocaleChange(() => {
+            this.requestUpdate();
+        });
+        this.unsubscribeLoading = dataHub.onLoadingChange((url, isLoading) => {
+            if (url.endsWith('/dashboard/query')) {
+                this.loading = isLoading;
+            }
+        });
+        this.fetchStats();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.abortController?.abort();
+        this.unsubscribeLocale?.();
+        this.unsubscribeLoading?.();
+    }
+    /**
+     * 获取仪表盘统计数据 / Fetch dashboard statistics
+     * @description 通过 DataHub 请求统计数据，开发阶段使用 Mock 模式。
+     *              Fetches statistics via DataHub, using Mock mode during development.
+     */
+    async fetchStats() {
+        this.abortController?.abort();
+        const ac = new AbortController();
+        this.abortController = ac;
+        this.error = '';
+        try {
+            const res = await DashboardService.getStats({ signal: ac.signal });
+            if (ac.signal.aborted)
+                return;
+            const payload = res.data;
+            this.stats = payload && typeof payload === 'object' && 'data' in payload && typeof payload.data === 'object'
+                ? payload.data
+                : payload;
+        }
+        catch (err) {
+            if (ac.signal.aborted)
+                return;
+            this.error = err instanceof Error ? err.message : t('admin.common.error');
+        }
+    }
+    renderStatValue(value) {
+        if (value === undefined)
+            return '-';
+        return typeof value === 'number' ? value.toLocaleString() : String(value);
+    }
+    render() {
+        return html `
+      <div class="welcome-text">${t('admin.welcome')}</div>
+
+      ${this.loading && !this.stats
+            ? html `
+            <div class="loading-hint">${t('admin.common.loading') ?? 'Loading...'}</div>
+          `
+            : ''}
+      ${this.error
+            ? html `
+            <div class="error-hint">${this.error}</div>
+          `
+            : ''}
+      ${this.stats
+            ? html `
+            <aithe-dashboard columns="12" cell-height="60" gap="10" storage-key="admin-dashboard">
+              <aithe-dashboard-panel
+                panel-id="users"
+                x="0"
+                y="0"
+                w="3"
+                h="3"
+                label="${t('admin.stat.users')}"
+                icon="users"
+              >
+                <div class="stat-value">${this.renderStatValue(this.stats.userCount)}</div>
+                <div class="stat-label">${t('admin.stat.users')}</div>
+              </aithe-dashboard-panel>
+              <aithe-dashboard-panel panel-id="roles" x="3" y="0" w="3" h="3">
+                <div class="stat-value">${this.renderStatValue(this.stats.roleCount)}</div>
+                <div class="stat-label">${t('admin.stat.roles')}</div>
+              </aithe-dashboard-panel>
+              <aithe-dashboard-panel
+                panel-id="uptime"
+                x="6"
+                y="0"
+                w="3"
+                h="3"
+                label="${t('admin.stat.uptime')}"
+                icon="clock"
+              >
+                <div class="stat-value">${this.stats.uptime}</div>
+                <div class="stat-label">${t('admin.stat.uptime')}</div>
+              </aithe-dashboard-panel>
+              <aithe-dashboard-panel
+                panel-id="requests"
+                x="9"
+                y="0"
+                w="3"
+                h="3"
+                label="${t('admin.stat.requests')}"
+                icon="database"
+              >
+                <div class="stat-value">${this.renderStatValue(this.stats.requestCount)}</div>
+                <div class="stat-label">${t('admin.stat.requests')}</div>
+              </aithe-dashboard-panel>
+            </aithe-dashboard>
+          `
+            : ''}
+    `;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], AitheAdminDashboardPage.prototype, "params", void 0);
+__decorate([
+    property({ attribute: false })
+], AitheAdminDashboardPage.prototype, "query", void 0);
+__decorate([
+    property({ attribute: false })
+], AitheAdminDashboardPage.prototype, "route", void 0);
+__decorate([
+    property({ attribute: false })
+], AitheAdminDashboardPage.prototype, "location", void 0);
+__decorate([
+    state()
+], AitheAdminDashboardPage.prototype, "stats", void 0);
+__decorate([
+    state()
+], AitheAdminDashboardPage.prototype, "loading", void 0);
+__decorate([
+    state()
+], AitheAdminDashboardPage.prototype, "error", void 0);
+AitheAdminDashboardPage = __decorate([
+    customElement('aithe-admin-dashboard-page')
+], AitheAdminDashboardPage);
+export { AitheAdminDashboardPage };

package/dist/apps/admin/pages/login-page.d.ts

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit';
+import type { RouteConfig, RouteLocation } from '../router';
+export declare class AitheAdminLoginPage extends LitElement {
+    params: Record<string, string>;
+    query: Record<string, string>;
+    route: RouteConfig | null;
+    location: RouteLocation | null;
+    private username;
+    private password;
+    private usernameError;
+    private passwordError;
+    private loginError;
+    private loading;
+    private unsubscribeLocale?;
+    static readonly styles: import("lit").CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleUsernameInput;
+    private handlePasswordInput;
+    private validate;
+    private handleLogin;
+    private handleFormKeydown;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=login-page.d.ts.map

package/dist/apps/admin/pages/login-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"login-page.d.ts","sourceRoot":"","sources":["../../../../src/apps/admin/pages/login-page.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAQ5C,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE5D,qBACa,mBAAoB,SAAQ,UAAU;IACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IACpC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IACnC,KAAK,EAAE,WAAW,GAAG,IAAI,CAAQ;IACjC,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAQ;IAC7D,OAAO,CAAC,QAAQ,CAAM;IACtB,OAAO,CAAC,QAAQ,CAAM;IACtB,OAAO,CAAC,aAAa,CAAM;IAC3B,OAAO,CAAC,aAAa,CAAM;IAC3B,OAAO,CAAC,UAAU,CAAM;IACxB,OAAO,CAAC,OAAO,CAAS;IAEjC,OAAO,CAAC,iBAAiB,CAAC,CAAa;IAEvC,MAAM,CAAC,QAAQ,CAAC,MAAM,0BAuFpB;IAEF,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,mBAAmB;IAM3B,OAAO,CAAC,mBAAmB;IAM3B,OAAO,CAAC,QAAQ;YAaF,WAAW;IAkBzB,OAAO,CAAC,iBAAiB;IAMzB,MAAM;CAwEP"}

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.d.ts

@@ -0,0 +1,14 @@
+import { LitElement } from 'lit';
+import type { RouteConfig, RouteLocation } from '../router';
+export declare class AitheAdminNotFoundPage extends LitElement {
+    params: Record<string, string>;
+    query: Record<string, string>;
+    route: RouteConfig | null;
+    location: RouteLocation | null;
+    private unsubscribeLocale?;
+    static readonly styles: import("lit").CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=not-found-page.d.ts.map

package/dist/apps/admin/pages/not-found-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"not-found-page.d.ts","sourceRoot":"","sources":["../../../../src/apps/admin/pages/not-found-page.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE5D,qBACa,sBAAuB,SAAQ,UAAU;IACpB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IACpC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IACnC,KAAK,EAAE,WAAW,GAAG,IAAI,CAAQ;IACjC,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAQ;IAEtE,OAAO,CAAC,iBAAiB,CAAC,CAAa;IAEvC,MAAM,CAAC,QAAQ,CAAC,MAAM,0BAOpB;IAEF,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAK5B,MAAM;CAKP"}

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.d.ts

@@ -0,0 +1,14 @@
+import { LitElement } from 'lit';
+import type { RouteConfig, RouteLocation } from '../router';
+export declare class AitheAdminRolePage extends LitElement {
+    params: Record<string, string>;
+    query: Record<string, string>;
+    route: RouteConfig | null;
+    location: RouteLocation | null;
+    private unsubscribeLocale?;
+    static readonly styles: import("lit").CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=role-page.d.ts.map

package/dist/apps/admin/pages/role-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"role-page.d.ts","sourceRoot":"","sources":["../../../../src/apps/admin/pages/role-page.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE5D,qBACa,kBAAmB,SAAQ,UAAU;IAChB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IACpC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IACnC,KAAK,EAAE,WAAW,GAAG,IAAI,CAAQ;IACjC,QAAQ,EAAE,aAAa,GAAG,IAAI,CAAQ;IAEtE,OAAO,CAAC,iBAAiB,CAAC,CAAa;IAEvC,MAAM,CAAC,QAAQ,CAAC,MAAM,0BAiBpB;IAEF,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAK5B,MAAM;CAcP"}

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 };