@liujitcn/kratos-admin-core 0.0.1

package/dist/package/src/api/base/login.ts

@@ -0,0 +1,81 @@
+import service from "../../utils/request";
+import type {
+  CaptchaRequest,
+  CaptchaResponse,
+  LogoutRequest,
+  LoginRequest,
+  LoginResponse,
+  PasswordPublicKeyRequest,
+  PasswordPublicKeyResponse,
+  RefreshTokenRequest,
+  RefreshTokenResponse,
+  VerifyCaptchaRequest,
+  VerifyCaptchaResponse,
+  LoginService
+} from "../../rpc/base/v1/login";
+import type { Empty } from "../../rpc/google/protobuf/empty";
+
+const CAPTCHA_URL = "/v1/base/captcha";
+const CAPTCHA_VERIFY_URL = "/v1/base/captcha/verify";
+const PASSWORD_PUBLIC_KEY_URL = "/v1/base/password-public-key";
+const SESSION_URL = "/v1/base/session";
+const TOKEN_URL = "/v1/base/token";
+
+/** 登录公共服务 */
+export class LoginServiceImpl implements LoginService {
+  /** 验证码 */
+  Captcha(request: CaptchaRequest): Promise<CaptchaResponse> {
+    return service<CaptchaRequest, CaptchaResponse>({
+      url: `${CAPTCHA_URL}`,
+      method: "get",
+      params: request,
+      headers: { Authorization: "no-auth" }
+    });
+  }
+  /** 验证码预校验 */
+  VerifyCaptcha(request: VerifyCaptchaRequest): Promise<VerifyCaptchaResponse> {
+    return service<VerifyCaptchaRequest, VerifyCaptchaResponse>({
+      url: `${CAPTCHA_VERIFY_URL}`,
+      method: "post",
+      data: request,
+      headers: { Authorization: "no-auth" }
+    });
+  }
+  /** 获取密码临时公钥 */
+  PasswordPublicKey(request: PasswordPublicKeyRequest): Promise<PasswordPublicKeyResponse> {
+    return service<PasswordPublicKeyRequest, PasswordPublicKeyResponse>({
+      url: `${PASSWORD_PUBLIC_KEY_URL}`,
+      method: "get",
+      params: request,
+      headers: { Authorization: "no-auth" }
+    });
+  }
+  /** 登录 */
+  Login(request: LoginRequest): Promise<LoginResponse> {
+    return service<LoginRequest, LoginResponse>({
+      url: `${SESSION_URL}`,
+      method: "post",
+      data: request,
+      headers: { Authorization: "no-auth" }
+    });
+  }
+  /** 登出 */
+  Logout(request: LogoutRequest): Promise<Empty> {
+    return service<LogoutRequest, Empty>({
+      url: `${SESSION_URL}`,
+      method: "delete",
+      data: request
+    });
+  }
+  /** 刷新认证令牌 */
+  RefreshToken(request: RefreshTokenRequest): Promise<RefreshTokenResponse> {
+    return service<RefreshTokenRequest, RefreshTokenResponse>({
+      url: `${TOKEN_URL}`,
+      method: "post",
+      data: request,
+      headers: { Authorization: "no-auth" }
+    });
+  }
+}
+
+export const defLoginService = new LoginServiceImpl();

package/dist/package/src/api/base/oauth.ts

@@ -0,0 +1,50 @@
+import service from "../../utils/request";
+import type {
+  CreateOauthAuthorizationRequest,
+  CreateOauthAuthorizationResponse,
+  ExchangeOauthTicketRequest,
+  ExchangeOauthTicketResponse,
+  ListOauthProviderRequest,
+  ListOauthProviderResponse
+} from "../../rpc/base/v1/oauth";
+
+const OAUTH_PROVIDER_URL = "/v1/base/oauth/provider";
+const OAUTH_AUTHORIZATION_URL = "/v1/base/oauth/authorization";
+const OAUTH_TICKET_URL = "/v1/base/oauth/ticket";
+
+/** OauthServiceImpl 三方登录服务。 */
+export class OauthServiceImpl {
+  /** 查询三方登录方式 */
+  ListOauthProvider(request: ListOauthProviderRequest): Promise<ListOauthProviderResponse> {
+    return service<ListOauthProviderRequest, ListOauthProviderResponse>({
+      url: `${OAUTH_PROVIDER_URL}`,
+      method: "get",
+      params: request,
+      headers: { Authorization: "no-auth" }
+    });
+  }
+
+  /** 创建三方登录授权地址 */
+  CreateOauthAuthorization(request: CreateOauthAuthorizationRequest): Promise<CreateOauthAuthorizationResponse> {
+    return service<CreateOauthAuthorizationRequest, CreateOauthAuthorizationResponse>({
+      url: `${OAUTH_AUTHORIZATION_URL}`,
+      method: "post",
+      data: request,
+      headers: { Authorization: "no-auth" }
+    });
+  }
+
+  /** 兑换三方登录票据 */
+  ExchangeOauthTicket(request: ExchangeOauthTicketRequest): Promise<ExchangeOauthTicketResponse> {
+    return service<ExchangeOauthTicketRequest, ExchangeOauthTicketResponse>({
+      url: `${OAUTH_TICKET_URL}`,
+      method: "post",
+      data: request,
+      headers: { Authorization: "no-auth" }
+    });
+  }
+
+}
+
+/** defOauthService 三方登录服务实例。 */
+export const defOauthService = new OauthServiceImpl();

package/dist/package/src/api/system/auth.ts

@@ -0,0 +1,45 @@
+import service from "../../utils/request";
+import type {
+  GetUserInfoRequest,
+  ListUserButtonRequest,
+  TreeRouteResponse,
+  TreeUserMenuRequest,
+  UserInfoForm
+} from "../../rpc/system/admin/v1/auth";
+import type { StringValues } from "../../rpc/common/v1/types";
+
+const AUTH_URL = "/v1/admin/auth";
+
+/** AuthServiceImpl 管理端运行壳认证服务。 */
+export class AuthServiceImpl {
+  /** 获取当前登录用户。 */
+  GetUserInfo(request: GetUserInfoRequest): Promise<UserInfoForm> {
+    return service<GetUserInfoRequest, UserInfoForm>({
+      url: `${AUTH_URL}/user`,
+      method: "get",
+      params: request
+    });
+  }
+
+  /** 获取当前用户菜单。 */
+  TreeUserMenu(request: TreeUserMenuRequest): Promise<TreeRouteResponse> {
+    return service<TreeUserMenuRequest, TreeRouteResponse>({
+      url: `${AUTH_URL}/menu/tree`,
+      method: "get",
+      params: request
+    });
+  }
+
+  /** 获取当前用户按钮权限。 */
+  ListUserButton(request: ListUserButtonRequest): Promise<StringValues> {
+    return service<ListUserButtonRequest, StringValues>({
+      url: `${AUTH_URL}/buttons`,
+      method: "get",
+      params: request
+    });
+  }
+
+}
+
+/** defAuthService 管理端运行壳认证服务实例。 */
+export const defAuthService = new AuthServiceImpl();

package/dist/package/src/api/system/base_dict.ts

@@ -0,0 +1,19 @@
+import service from "../../utils/request";
+import type { OptionBaseDictRequest, OptionBaseDictResponse } from "../../rpc/system/admin/v1/base_dict";
+
+const BASE_DICT_URL = "/v1/admin/base/dict";
+
+/** BaseDictServiceImpl 管理端运行壳字典服务。 */
+export class BaseDictServiceImpl {
+  /** 查询全局字典选项。 */
+  OptionBaseDict(request: OptionBaseDictRequest): Promise<OptionBaseDictResponse> {
+    return service<OptionBaseDictRequest, OptionBaseDictResponse>({
+      url: `${BASE_DICT_URL}/option`,
+      method: "get",
+      params: request
+    });
+  }
+}
+
+/** defBaseDictService 管理端运行壳字典服务实例。 */
+export const defBaseDictService = new BaseDictServiceImpl();

package/dist/package/src/api/system/base_tenant.ts

@@ -0,0 +1,20 @@
+import service from "../../utils/request";
+import type { SelectOptionResponse } from "../../rpc/common/v1/common";
+import type { OptionBaseTenantRequest } from "../../rpc/system/admin/v1/base_tenant";
+
+const BASE_TENANT_URL = "/v1/admin/base/tenant";
+
+/** BaseTenantServiceImpl 管理端运行壳租户服务。 */
+export class BaseTenantServiceImpl {
+  /** 查询租户选项。 */
+  OptionBaseTenant(request: OptionBaseTenantRequest): Promise<SelectOptionResponse> {
+    return service<OptionBaseTenantRequest, SelectOptionResponse>({
+      url: `${BASE_TENANT_URL}/option`,
+      method: "get",
+      params: request
+    });
+  }
+}
+
+/** defBaseTenantService 管理端运行壳租户服务实例。 */
+export const defBaseTenantService = new BaseTenantServiceImpl();

package/dist/package/src/assets/fonts/font.scss

@@ -0,0 +1,14 @@
+@font-face {
+  font-family: YouSheBiaoTiHei;
+  src: url("./YouSheBiaoTiHei.ttf");
+}
+
+@font-face {
+  font-family: MetroDF;
+  src: url("./MetroDF.ttf");
+}
+
+@font-face {
+  font-family: DIN;
+  src: url("./DIN.otf");
+}

package/dist/package/src/assets/iconfont/iconfont.scss

@@ -0,0 +1,47 @@
+@font-face {
+  font-family: iconfont; /* Project id 2667653 */
+  src: url("iconfont.ttf?t=1719667796161") format("truetype");
+}
+.iconfont {
+  font-family: iconfont !important;
+  font-size: 20px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  cursor: pointer;
+}
+.icon-yiwen::before {
+  font-size: 15px;
+  content: "\e693";
+}
+.icon-xiala::before {
+  content: "\e62b";
+}
+.icon-tuichu::before {
+  content: "\e645";
+}
+.icon-zhuti::before {
+  font-size: 22.4px;
+  content: "\e638";
+}
+.icon-sousuo::before {
+  content: "\e611";
+}
+.icon-contentright::before {
+  content: "\e8c9";
+}
+.icon-contentleft::before {
+  content: "\e8ca";
+}
+.icon-fangda::before {
+  content: "\e826";
+}
+.icon-suoxiao::before {
+  content: "\e641";
+}
+.icon-zhongyingwen::before {
+  content: "\e8cb";
+}
+.icon-huiche::before {
+  content: "\e637";
+}

package/dist/package/src/assets/images/login_bg.svg

@@ -0,0 +1,33 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="100%" height="100%" viewBox="0 0 1400 800">
+
+  <rect x="1300" y="400" rx="40" ry="40" width="150" height="150" stroke="rgb(129, 201, 149)" fill="rgb(129, 201, 149)">
+    <animateTransform attributeType="XML" attributeName="transform" begin="0s" dur="35s" type="rotate" from="0 1450 550" to="360 1450 550" repeatCount="indefinite"/>
+  </rect>
+
+  <path d="M 100 350 A 150 150 0 1 1 400 350 Q400 370 380 370 L 250 370 L 120 370 Q100 370 100 350" fill="#a2b3ff">
+    <animateMotion path="M 800 -200 L 800 -300 L 800 -200" dur="20s" begin="0s" repeatCount="indefinite"/>
+    <animateTransform attributeType="XML" attributeName="transform" begin="0s" dur="30s" type="rotate" values="0 210 530 ; -30 210 530 ; 0 210 530" keyTimes="0 ; 0.5 ; 1" repeatCount="indefinite"/>
+  </path>
+
+  <circle cx="150" cy="150" r="180" stroke="#85FFBD" fill="#85FFBD">
+    <animateMotion path="M 0 0 L 40 20 Z" dur="5s" repeatCount="indefinite"/>
+  </circle>
+
+  <!-- 三角形 -->
+  <path d="M 165 580 L 270 580 Q275 578 270 570 L 223 483 Q220 480 217 483 L 165 570 Q160 578 165 580"  fill="#a2b3ff">
+    <animateTransform attributeType="XML" attributeName="transform" begin="0s" dur="35s" type="rotate" from="0 210 530" to="360 210 530" repeatCount="indefinite"/>
+  </path>
+
+<!--  <circle cx="1200" cy="600" r="30" stroke="rgb(241, 243, 244)" fill="rgb(241, 243, 244)">-->
+<!--    <animateMotion path="M 0 0 L -20 40 Z" dur="9s" repeatCount="indefinite"/>-->
+<!--  </circle>-->
+
+  <path d="M 100 350 A 40 40 0 1 1 180 350 L 180 430 A 40 40 0 1 1 100 430 Z" fill="#3054EB">
+    <animateMotion path="M 140 390 L 180 360 L 140 390" dur="20s" begin="0s" repeatCount="indefinite"/>
+    <animateTransform attributeType="XML" attributeName="transform" begin="0s" dur="30s" type="rotate" values="0 140 390; -60 140 390; 0 140 390" keyTimes="0 ; 0.5 ; 1" repeatCount="indefinite"/>
+  </path>
+
+  <rect x="400" y="600" rx="40" ry="40" width="100" height="100" stroke="rgb(129, 201, 149)" fill="#3054EB">
+    <animateTransform attributeType="XML" attributeName="transform" begin="0s" dur="35s" type="rotate" from="-30 550 750" to="330 550 750" repeatCount="indefinite"/>
+  </rect>
+</svg>

package/dist/package/src/assets/images/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>

package/dist/package/src/auth.ts

@@ -0,0 +1 @@
+export { useAuthButtons } from "./hooks/useAuthButtons";

package/dist/package/src/bootstrap.ts

@@ -0,0 +1,69 @@
+import { createApp } from "vue";
+import App from "./App.vue";
+import "./styles/reset.scss";
+import "./styles/common.scss";
+import "./assets/iconfont/iconfont.scss";
+import "./assets/fonts/font.scss";
+import "element-plus/dist/index.css";
+import "element-plus/theme-chalk/dark/css-vars.css";
+import "./styles/element-dark.scss";
+import "./styles/element.scss";
+import "virtual:svg-icons-register";
+import * as Icons from "@element-plus/icons-vue";
+import { ElLoading } from "element-plus";
+import directives from "./directives/index";
+import router from "./routers";
+import pinia from "./stores";
+import Dict from "./components/Dict/index.vue";
+import DictLabel from "./components/Dict/DictLabel.vue";
+import SvgIcon from "./components/SvgIcon/index.vue";
+import errorHandler from "./utils/errorHandler";
+import { useConfigStore } from "./stores/modules/config";
+import { kratosAdminModule } from "./modules/kratosAdmin";
+import { registerAdminModules } from "./modules";
+import type { AdminModule } from "./modules";
+
+/**
+ * 管理端启动参数。
+ */
+export interface AdminBootstrapOptions {
+  /** 业务模块列表。 */
+  modules?: AdminModule[];
+  /** Vue 应用挂载节点。 */
+  mount?: string;
+}
+
+/**
+ * 创建并启动管理端应用，业务项目可通过 modules 注册自己的页面。
+ */
+export async function bootstrapAdminApp(options: AdminBootstrapOptions = {}) {
+  registerAdminModules([kratosAdminModule, ...(options.modules ?? [])]);
+
+  const app = createApp(App);
+
+  app.config.errorHandler = errorHandler;
+
+  // 后端菜单图标以字符串形式返回，需要在运行时全局注册后才能被动态组件解析。
+  Object.keys(Icons).forEach(key => {
+    app.component(key, Icons[key as keyof typeof Icons]);
+  });
+
+  // 注册字典相关全局组件。
+  app.component("Dict", Dict);
+  app.component("DictLabel", DictLabel);
+  app.component("SvgIcon", SvgIcon);
+
+  // 按需加载模式不会自动注册 v-loading 指令，需要显式挂载。
+  app.directive("loading", ElLoading.directive);
+
+  app.use(directives).use(pinia).use(router);
+
+  try {
+    await useConfigStore().loadDisplayConfig();
+  } catch {
+    // 配置接口失败时继续使用本地默认配置，避免阻断应用启动。
+  }
+
+  app.mount(options.mount ?? "#app");
+  return app;
+}

package/dist/package/src/components/Card/DataPanelCard.vue

@@ -0,0 +1,67 @@
+<template>
+  <article class="data-panel-card" :class="cardClass">
+    <div class="data-panel-card__header">
+      <div>
+        <h3 class="data-panel-card__title">{{ title }}</h3>
+        <p v-if="description" class="data-panel-card__desc">{{ description }}</p>
+      </div>
+      <slot name="extra" />
+    </div>
+    <div class="data-panel-card__body">
+      <slot />
+    </div>
+  </article>
+</template>
+
+<script setup lang="ts">
+import { computed } from "vue";
+
+const props = withDefaults(
+  defineProps<{
+    title: string;
+    description?: string;
+    primary?: boolean;
+  }>(),
+  {
+    description: "",
+    primary: false
+  }
+);
+
+const cardClass = computed(() => ({
+  "data-panel-card--primary": props.primary,
+  "data-panel-card--secondary": !props.primary
+}));
+</script>
+
+<style scoped lang="scss">
+.data-panel-card {
+  padding: 18px;
+  background: var(--admin-page-card-bg);
+  border: 1px solid var(--admin-page-card-border);
+  border-radius: var(--admin-page-radius);
+  box-shadow: var(--admin-page-shadow);
+}
+.data-panel-card__header {
+  display: flex;
+  gap: 16px;
+  align-items: flex-start;
+  justify-content: space-between;
+  margin-bottom: 12px;
+}
+.data-panel-card__title {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--admin-page-text-primary);
+}
+.data-panel-card__desc {
+  margin: 6px 0 0;
+  font-size: 13px;
+  line-height: 1.7;
+  color: var(--admin-page-text-secondary);
+}
+.data-panel-card__body {
+  height: 360px;
+}
+</style>