@pubinfo-nightly/core 2025.11.14

package/src/built-in/authentication/pages/change-password/components/ChangePasswordForm/index.vue

@@ -0,0 +1,144 @@
+<script setup lang="ts">
+import type { FormInstance, Rule } from 'ant-design-vue/es/form';
+import type { RouteParamValue } from 'vue-router';
+import { message } from 'ant-design-vue';
+import { delay } from 'lodash-es';
+import { useUserStore } from '@/features/stores';
+
+defineOptions({
+  name: 'ChangePasswordForm',
+});
+
+const props = defineProps<{
+  token?: RouteParamValue | RouteParamValue[]
+}>();
+
+const isValidate = defineModel('validate', { type: Boolean, default: false });
+
+interface FormState {
+  password: string
+  newPassword: string
+  repeatNewPassword: string
+}
+const formState = reactive<FormState>({
+  password: '',
+  newPassword: '',
+  repeatNewPassword: '',
+});
+
+const router = useRouter();
+const changePasswordForm = ref<FormInstance>();
+const userStore = useUserStore();
+
+async function checkRepeatNewPassword(_rule: Rule, value: string) {
+  if (!value) {
+    return Promise.reject(new Error('请再次输入新密码'));
+  }
+  if (value !== formState.newPassword) {
+    return Promise.reject(new Error('两次输入的密码不匹配，请确保新密码在两个输入框中完全相同'));
+  }
+}
+
+async function checkNewPassWord(_rule: Rule, value: string) {
+  await nextTick();
+  if (!value) {
+    return Promise.reject(new Error('请再次输入新密码'));
+  }
+  if (!isValidate.value) {
+    return Promise.reject(new Error('密码安全校验不通过'));
+  }
+}
+
+const rules: Record<string, Rule[]> = {
+  password: [{
+    required: true,
+    whitespace: true,
+    message: '请输入密码',
+  }],
+  newPassword: [{ validator: checkNewPassWord }],
+  repeatNewPassword: [{ validator: checkRepeatNewPassword }],
+};
+
+async function submit() {
+  try {
+    await changePasswordForm.value?.validate();
+    await userStore.changePassword({
+      oldPassword: formState.password,
+      newPassword: formState.newPassword,
+      token: props.token,
+    });
+    message.success('密码修改成功');
+
+    delay(() => {
+      returnPage();
+    }, 800);
+  }
+  catch (error) {
+  }
+}
+
+function returnPage() {
+  router.go(-1);
+}
+
+defineExpose({
+  formState,
+});
+</script>
+
+<template>
+  <div>
+    <a-form
+      ref="changePasswordForm"
+      :model="formState"
+      :rules="rules"
+    >
+      <a-form-item name="password">
+        <a-input-password
+          v-model:value="formState.password"
+          allow-clear
+          size="large"
+          placeholder="请输入旧密码"
+          visibility-toggle
+        />
+      </a-form-item>
+      <a-form-item name="newPassword">
+        <a-input-password
+          v-model:value="formState.newPassword"
+          allow-clear
+          size="large"
+          placeholder="请输入新密码"
+          visibility-toggle
+        />
+      </a-form-item>
+
+      <a-form-item name="repeatNewPassword">
+        <a-input-password
+          v-model:value="formState.repeatNewPassword"
+          allow-clear
+          size="large"
+          placeholder="请再次输入新密码"
+          visibility-toggle
+        />
+      </a-form-item>
+      <a-form-item>
+        <a-button
+          type="primary"
+          block
+          h-48px
+          mb-10px
+          @click="submit"
+        >
+          修改密码
+        </a-button>
+        <a-button
+          block
+          h-48px
+          @click="returnPage"
+        >
+          返回
+        </a-button>
+      </a-form-item>
+    </a-form>
+  </div>
+</template>

package/src/built-in/authentication/pages/change-password/index.vue

@@ -0,0 +1,85 @@
+<script setup lang="ts">
+import { PassStrengthValidator } from '@/features/components';
+import ChangePasswordForm from './components/ChangePasswordForm/index.vue';
+
+defineOptions({
+  name: 'ChangePassword',
+});
+
+const ChangePassWordForm = ref<InstanceType<typeof ChangePasswordForm>>();
+
+const newPassWord = computed({
+  get() {
+    return ChangePassWordForm.value?.formState.newPassword;
+  },
+  set() {},
+});
+
+const route = useRoute();
+const token = route.params.changePassWordToken;
+const isValidate = ref(false);
+</script>
+
+<template>
+  <div class="password-bg">
+    <main
+      flex="~ auto center"
+      w-full
+      h-0
+    >
+      <div
+        h-full
+        flex="~"
+        justify-between
+        items-center
+      >
+        <div w-650px mr-20px>
+          <PassStrengthValidator v-model="newPassWord" v-model:validate="isValidate" />
+        </div>
+        <div class="change-password-form">
+          <div flex="~ col center" mb-40px>
+            <div
+              w-88px
+              h-88px
+              flex="~ center"
+              rounded="50%"
+              mb-15px
+            >
+              <img src="./assets/mima.svg" class="size-[88px]" alt="">
+            </div>
+            <span text="18px" font="bold">
+              更改密码
+            </span>
+          </div>
+          <ChangePasswordForm ref="ChangePassWordForm" v-model:validate="isValidate" :token="token" />
+        </div>
+      </div>
+    </main>
+  </div>
+</template>
+
+<style scoped>
+.password-bg {
+  --at-apply: box-border flex flex-col size-full p-[25px];
+  background: url("./assets/login-small.png") no-repeat 50%;
+  background-size: cover;
+}
+
+.change-password-form {
+  --at-apply: flex flex-col w-[560px] min-h-[680px] overflow-hidden backdrop-blur-[7.5px]
+  pt-16 pb-[34px] px-20 rounded-lg border-2 border-solid border-white;
+
+  box-shadow: 0 20px 50px rgb(29 42 165 / 5%);
+  background: linear-gradient(180deg, hsl(0deg 0% 100% / 90%), hsl(0deg 0% 100% / 75%));
+}
+
+:deep([data-theme="dark"]) .password-bg {
+  background: url("./assets/login-small_dark.webp") no-repeat 50%;
+  background-size: cover;
+}
+
+:deep([data-theme="dark"]) .change-password-form {
+  background: #0f1e3b;
+  border-color: #0f1e3b;
+}
+</style>

package/src/built-in/authentication/router.ts

@@ -0,0 +1,57 @@
+import type { Router, RouteRecordRaw } from 'vue-router';
+import { isUndefined } from 'lodash-es';
+import { useUserStore } from '@/features';
+
+const routes: RouteRecordRaw[] = [
+  {
+    path: '/change-password/:changePassWordToken',
+    name: 'ChangePassword',
+    component: () => import('./pages/change-password/index.vue'),
+    // 特殊处理changelog-password路由，不允许直接访问
+    // 其实应该移入到鉴权组路由,但是会导致需要频繁挂载销毁路由
+    beforeEnter: (to) => {
+      if (isUndefined(to.params.changePassWordToken)) {
+        return { name: 'Login' };
+      }
+      return true;
+    },
+    meta: {
+      whiteList: true,
+      title: '修改密码',
+    },
+  },
+  {
+    path: '/change-organization/:orgId',
+    name: 'ChangeOrganization',
+    component: () => import('./pages/change-organization/index.vue'),
+    beforeEnter: (to) => {
+      const userStore = useUserStore();
+      if (isUndefined(to.params.orgId) || to.params.orgId !== userStore.user.orgId) {
+        return { name: 'Login' };
+      }
+      return true;
+    },
+    meta: {
+      whiteList: true,
+      title: '切换组织',
+    },
+  },
+];
+
+export function createRouterGuard(router: Router) {
+  let isRouteAdded = false;
+
+  router.beforeEach((to) => {
+    if (!isRouteAdded) {
+      routes.forEach((route) => {
+        if (!router.hasRoute(route.name!)) {
+          router.addRoute(route);
+        }
+      });
+
+      isRouteAdded = true;
+
+      return { ...to, replace: true };
+    }
+  });
+}

package/src/built-in/authorization/directives.ts

@@ -0,0 +1,22 @@
+import type { App } from 'vue';
+import { useAuth } from '@/features/composables';
+
+export function setupDirectives(app: App) {
+  app.directive('auth', {
+    mounted: (el, binding) => {
+      const { auth } = useAuth();
+      if (!auth(binding.value)) {
+        el.remove();
+      }
+    },
+  });
+
+  app.directive('auth-all', {
+    mounted: (el, binding) => {
+      const { authAll } = useAuth();
+      if (!authAll(binding.value)) {
+        el.remove();
+      }
+    },
+  });
+}

package/src/built-in/authorization/helper.ts

@@ -0,0 +1,11 @@
+import type { RequestMethod } from '@/core';
+import { useSettingsStore } from '@/features/stores';
+
+/**
+ * 数据权限标识
+ * @param method 请求方法
+ */
+export function maybeSetAuthData(method: RequestMethod) {
+  const settingsStore = useSettingsStore();
+  method.config.headers['X-ResourceMark'] = method.config.headers['X-ResourceMark'] || settingsStore.auth;
+}

package/src/built-in/authorization/index.ts

@@ -0,0 +1,25 @@
+import type { ModuleOptions } from '@/core';
+import { setupDirectives } from './directives';
+import { maybeSetAuthData } from './helper';
+import { setupRouterGuard } from './router';
+
+/**
+ * 权限授权 (资源级拦截)
+ *
+ * 用户是否有访问某个页面/按钮的权限
+ */
+export function Authorization(): ModuleOptions {
+  return {
+    name: 'built-in:authorization',
+    setup(ctx) {
+      const { app, router } = ctx;
+      setupDirectives(app);
+      setupRouterGuard(router);
+    },
+    hooks: {
+      'http:request': (method) => {
+        maybeSetAuthData(method);
+      },
+    },
+  };
+}

package/src/built-in/authorization/pages/not-permission/403.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 383 309" preserveAspectRatio="xMidYMid meet"><rect width="118.274" height="17.809" fill="#81ACFA" rx="4" transform="matrix(1 0 .08716 .9962 161.633 272.588)"/><rect width="118.274" height="17.809" fill="url(#a)" rx="4" transform="matrix(1 0 .08716 .9962 162.633 269.588)"/><path fill="url(#b)" d="m32.505 148.18 36.78 85.112c25.18 58.267 91.725 89.125 148.315 68.777l85.675-30.806c91.652-32.954 86.59-163.719-7.961-205.65L172.859 11.307C80.133-29.813-7.488 55.635 32.505 148.18"/><rect width="68.502" height="88.093" fill="url(#c)" rx="2" transform="matrix(1 0 .08716 .9962 180.84 189.236)"/><rect width="68.502" height="77.252" fill="url(#d)" rx="2" transform="matrix(1 0 .08716 .9962 180.84 189.236)"/><rect width="137.89" height="105.817" fill="url(#e)" rx="10" transform="matrix(1 0 .08716 .9962 .076 169.044)"/><g opacity=".3"><path fill="#B0C6F8" fill-rule="evenodd" d="M32.416 185.888a1 1 0 0 0-1 1v4.978a1 1 0 0 0 1 1H65.98a1 1 0 0 0 1-1v-4.978a1 1 0 0 0-1-1zm39.964 0a.9.9 0 0 0-.913.996l.434 4.959c.048.551.535.997 1.087.997h11.475a.9.9 0 0 0 .913-.997l-.434-4.959a1.11 1.11 0 0 0-1.087-.996zm-38.814 13.156a.9.9 0 0 0-.912.996l.433 4.959c.049.55.535.996 1.088.996h33.564a.9.9 0 0 0 .913-.996l-.434-4.959a1.11 1.11 0 0 0-1.087-.996zm39.965 0a.9.9 0 0 0-.913.996l.434 4.959c.048.55.535.996 1.087.996h11.475a.9.9 0 0 0 .912-.996l-.433-4.959a1.11 1.11 0 0 0-1.088-.996z" clip-rule="evenodd"/><path fill="#CEDCFF" fill-rule="evenodd" d="M34.717 212.2a.9.9 0 0 0-.913.996l.434 4.959c.048.55.535.996 1.087.996H68.89a.9.9 0 0 0 .913-.996l-.434-4.959a1.11 1.11 0 0 0-1.087-.996zm39.964 0a.9.9 0 0 0-.913.996l.434 4.959c.049.55.535.996 1.088.996h11.474a.9.9 0 0 0 .913-.996l-.434-4.959a1.11 1.11 0 0 0-1.087-.996z" clip-rule="evenodd"/><path fill="#1CCDB8" d="M52.416 238.875c.698-1.125 2.373-1.125 3.268 0l15.628 19.634c1.05 1.319.262 3.141-1.36 3.141h-27.82c-1.622 0-2.728-1.822-1.909-3.141z"/><path fill="#1CCDB8" d="M75.608 246.101c.699-1.124 2.373-1.124 3.268 0l9.876 12.408c1.05 1.319.263 3.141-1.359 3.141h-17.58c-1.622 0-2.73-1.822-1.91-3.141z"/><circle cx="3.072" cy="3.072" r="3.072" fill="#1CCDB8" transform="matrix(1 0 .08716 .9962 76.041 232.35)"/></g><path fill="#0D4CAC" fill-opacity=".1" fill-rule="evenodd" d="M145.514 268.054H92.96c-6.628 0-12.655-5.332-13.463-11.91l-10.694-87.1h50.164c5.523 0 10.779 4.443 11.74 9.924l14.93 85.166c.244 1.392.188 2.718-.123 3.92" clip-rule="evenodd"/><rect width="238.238" height="173.566" fill="#81ACFA" rx="12" transform="matrix(1 0 .08716 .9962 84.719 85.475)"/><rect width="237.238" height="172.566" x=".544" y=".498" fill="url(#f)" stroke="url(#g)" rx="11.5" transform="matrix(1 0 .08716 .9962 86.675 83.477)"/><path fill="url(#h)" stroke="url(#i)" d="M101.526 88.354h209.477c5.247 0 9.871 4.237 10.328 9.464l10.845 123.958a1.35 1.35 0 0 1-1.369 1.495H105.33a1.666 1.666 0 0 1-1.631-1.495L92.854 97.818c-.457-5.227 3.425-9.464 8.672-9.464Z"/><path fill="#1346CB" fill-rule="evenodd" d="M101.481 87.856c-5.522 0-9.22 4.443-8.26 9.924l.757 4.315c.822-3.673 3.978-6.27 8.201-6.27h210.54c4.595 0 9.005 3.075 10.91 7.265l-.93-5.31c-.961-5.481-6.217-9.924-11.74-9.924z" clip-rule="evenodd"/><rect width="108" height="108" fill="#0D4CAC" fill-opacity=".18" rx="54" transform="matrix(1 0 .08716 .9962 246.5 74.57)"/><rect width="107" height="107" x=".544" y=".498" fill="url(#j)" stroke="#fff" rx="53.5" transform="matrix(1 0 .08716 .9962 264.88 56.617)"/><path fill="#CDDCEF" fill-rule="evenodd" d="M332.098 96.246c0 7.312-5.994 13.26-13.362 13.26-7.367 0-13.361-5.948-13.361-13.26s5.994-13.26 13.361-13.26 13.362 5.948 13.362 13.26m-29.466 46.337c-5.999-3.171-9.589-7.472-9.982-11.957-.194-2.221.403-4.42 1.757-6.471s3.437-3.916 6.133-5.486c2.696-1.571 5.95-2.816 9.577-3.666s7.556-1.287 11.562-1.287c4.007 0 8.012.437 11.788 1.287s7.248 2.095 10.219 3.666 5.38 3.434 7.093 5.486 2.694 4.25 2.888 6.471c.393 4.485-2.445 8.786-7.889 11.957s-13.048 4.953-21.14 4.953c-8.091 0-16.007-1.782-22.006-4.953" clip-rule="evenodd"/><path fill="#6599FF" fill-rule="evenodd" d="M337.098 90.246c0 7.312-5.994 13.26-13.362 13.26-7.367 0-13.361-5.948-13.361-13.26s5.994-13.26 13.361-13.26 13.362 5.948 13.362 13.26m-29.466 46.337c-5.999-3.171-9.589-7.472-9.982-11.957-.194-2.221.403-4.42 1.757-6.471s3.437-3.916 6.133-5.486c2.696-1.571 5.95-2.816 9.577-3.666s7.556-1.287 11.562-1.287c4.007 0 8.012.437 11.788 1.287s7.248 2.095 10.219 3.666 5.38 3.434 7.093 5.486 2.694 4.25 2.888 6.471c.393 4.485-2.445 8.786-7.889 11.957s-13.048 4.953-21.14 4.953c-8.091 0-16.007-1.782-22.006-4.953" clip-rule="evenodd"/><path fill="#1346CB" fill-opacity=".2" fill-rule="evenodd" d="m161.055 128.365 28.66 8.821c1.076.33 1.878 1.301 1.956 2.4l3.072 35.11v.003c-.04.279-.863 6.036-6.064 11.611-4.631 4.974-16.473 11.605-19.042 12.915l-1.302.678c-.343.183-.986.192-1.361 0l-1.421-.678a10 10 0 0 0-.462-.22 27 27 0 0 1-.957-.458c-4.799-2.399-15.802-7.932-20.564-12.237-6.146-5.556-7.984-11.293-8.085-11.608l-.002-.006-3.072-35.11c-.105-1.099.518-2.07 1.537-2.4zm6.113 66.088.019.009s.009 0 .026-.009zm.377-20.389h4.505c1.471 0 2.562-1.191 2.435-2.657h-.009l-.01-.109c-.128-1.466-1.428-2.657-2.899-2.657h-4.505l-.408-4.662c3.88-1.054 6.341-4.873 6.115-8.922.004-.064-.002-.128-.007-.192q.002-.054-.007-.102l-.007-.054c-.206-1.823-.911-3.682-2.108-5.175a11.26 11.26 0 0 0-5.118-3.636c-3.605-1.273-7.862-.11-9.983 2.757-1.225 1.658-1.835 3.518-1.832 5.651.007 1.869.697 3.866 1.811 5.46 1.072 1.529 2.596 2.876 4.308 3.627.506.219 1.009.393 1.509.54q.002.033.001.067l.002.08 1.427 16.304c.128 1.466 1.427 2.656 2.898 2.656s2.563-1.19 2.434-2.656zm-.834-16.882a1 1 0 0 0-.056.092 4 4 0 0 1-.341.41 2 2 0 0 1-.305.303 2 2 0 0 0-.276.201 8 8 0 0 1-.604.348c-.321.119-.661.22-1.005.284a7 7 0 0 1-1.076 0 9 9 0 0 1-1.054-.284 8 8 0 0 1-.792-.43 1 1 0 0 0-.098-.064 7 7 0 0 1-.446-.376 4 4 0 0 1-.27-.258l-.071-.072a3 3 0 0 0-.228-.293 9 9 0 0 1-.405-.632 7 7 0 0 1-.375-1.026 7 7 0 0 1-.093-1.072c.043-.348.105-.686.195-1.025q.16-.388.367-.751a1 1 0 0 0 .056-.092c.107-.147.224-.284.341-.412.072-.086.155-.167.237-.246l.067-.065c.165-.11.251-.174.276-.201q.294-.189.604-.349a6.4 6.4 0 0 1 1.005-.284 7 7 0 0 1 1.076 0c.356.074.704.166 1.054.284q.406.194.792.431c.011.009.05.037.098.064q.236.182.446.376c.094.079.183.169.27.258l.071.071c.126.175.198.266.228.294q.216.308.405.632c.149.339.281.687.375 1.035.034.173.06.356.075.531l.009.255.009.276a7 7 0 0 1-.194 1.035q-.16.389-.367.752" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="m166.536 122.143 28.659 8.82c1.077.33 1.879 1.302 1.957 2.401l3.072 35.109-.001.003c-.04.279-.862 6.036-6.063 11.611-4.631 4.974-16.473 11.606-19.043 12.915l-1.302.678c-.342.183-.985.192-1.361 0l-1.42-.678c-.138-.071-.282-.137-.463-.22a29 29 0 0 1-.957-.457c-4.798-2.4-15.802-7.933-20.564-12.238-6.145-5.556-7.983-11.293-8.084-11.608l-.002-.006-3.072-35.109c-.105-1.099.518-2.071 1.537-2.401zm6.112 66.087.02.009s.009 0 .026-.009zm.377-20.389h4.506c1.471 0 2.562-1.191 2.434-2.657h-.009l-.01-.109c-.128-1.466-1.427-2.657-2.898-2.657h-4.506l-.408-4.662c3.881-1.054 6.341-4.873 6.116-8.922a1 1 0 0 0-.008-.192.4.4 0 0 0-.007-.102q-.004-.025-.006-.054c-.206-1.822-.911-3.682-2.109-5.175a11.26 11.26 0 0 0-5.118-3.636c-3.605-1.273-7.861-.11-9.983 2.757-1.225 1.658-1.835 3.518-1.832 5.652.007 1.868.697 3.865 1.811 5.459 1.072 1.529 2.597 2.876 4.308 3.627.506.219 1.009.394 1.509.54q.002.033.002.067l.002.08 1.426 16.304c.128 1.466 1.428 2.656 2.899 2.656s2.562-1.19 2.434-2.656zm-.833-16.882a.5.5 0 0 0-.056.092 4 4 0 0 1-.342.41 2.2 2.2 0 0 1-.304.303c-.166.11-.251.174-.277.201-.2.129-.393.239-.604.348-.32.119-.661.22-1.005.284a7 7 0 0 1-1.076 0 9 9 0 0 1-1.054-.284 8 8 0 0 1-.791-.43 1 1 0 0 0-.098-.064 6 6 0 0 1-.447-.376 4 4 0 0 1-.27-.258l-.071-.072a3 3 0 0 0-.228-.293 9 9 0 0 1-.404-.632 7 7 0 0 1-.375-1.026 7 7 0 0 1-.094-1.071c.043-.349.106-.687.195-1.026a7 7 0 0 1 .367-.751.5.5 0 0 0 .056-.092q.164-.22.341-.412c.072-.086.156-.167.238-.246l.066-.065c.166-.11.251-.174.277-.201q.293-.188.604-.348c.32-.119.661-.22 1.005-.284a7 7 0 0 1 1.076 0c.355.073.703.165 1.054.284q.407.193.791.43c.011.009.05.037.098.064q.237.182.447.376c.093.079.182.169.27.258l.071.072c.125.174.197.265.228.293q.215.308.404.632c.149.339.281.687.376 1.035.034.173.059.356.074.531l.009.255.01.276a7 7 0 0 1-.195 1.035q-.16.389-.366.752" clip-rule="evenodd"/><path fill="#1346CB" fill-opacity=".2" fill-rule="evenodd" d="M249.143 139.557h-37.678l.357 4.085H249.5zm1.139 13.022h-37.678l.358 4.085h37.677zm-36.539 13.022h37.678l.358 4.085h-37.678zm38.817 13.021h-37.677l.357 4.086h37.678z" clip-rule="evenodd"/><path fill="#B6CFFF" fill-rule="evenodd" d="M252.143 135.557h-37.678l.357 4.085H252.5zm1.139 13.022h-37.678l.358 4.085h37.677zm-36.539 13.022h37.678l.358 4.085h-37.678zm38.817 13.021h-37.677l.357 4.086h37.678z" clip-rule="evenodd"/><defs><linearGradient id="a" x1="59.137" x2="59.137" y1="0" y2="17.809" gradientUnits="userSpaceOnUse"><stop stop-color="#EBF3FF"/><stop offset="1" stop-color="#D4E4FF"/></linearGradient><linearGradient id="b" x1="228.313" x2="228.313" y1="-98.142" y2="338.976" gradientUnits="userSpaceOnUse"><stop stop-color="#E5EFFF"/><stop offset="1" stop-color="#F2F7FF" stop-opacity="0"/></linearGradient><linearGradient id="c" x1="1.411" x2="66.523" y1="88.093" y2="99.442" gradientUnits="userSpaceOnUse"><stop stop-color="#3E71E2"/><stop offset="1" stop-color="#4A82E8"/></linearGradient><linearGradient id="d" x1="1.411" x2="65.952" y1="77.252" y2="90.081" gradientUnits="userSpaceOnUse"><stop stop-color="#1846AE"/><stop offset="1" stop-color="#1350BF"/></linearGradient><linearGradient id="e" x1="68.945" x2="68.945" y1="0" y2="105.817" gradientUnits="userSpaceOnUse"><stop stop-color="#E7F0FF"/><stop offset="1" stop-color="#F4F8FF"/></linearGradient><linearGradient id="f" x1="119.119" x2="119.119" y1="0" y2="173.566" gradientUnits="userSpaceOnUse"><stop stop-color="#EBF3FF"/><stop offset="1" stop-color="#D4E4FF"/></linearGradient><linearGradient id="g" x1="119.119" x2="119.119" y1="0" y2="173.566" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="h" x1="206.221" x2="206.221" y1="87.856" y2="223.769" gradientUnits="userSpaceOnUse"><stop stop-color="#3D70F7"/><stop offset="1" stop-color="#7CAEFF"/></linearGradient><linearGradient id="i" x1="206.221" x2="206.221" y1="87.856" y2="223.769" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="j" x1="54" x2="54" y1="0" y2="108" gradientUnits="userSpaceOnUse"><stop stop-color="#E7F0FF"/><stop offset="1" stop-color="#F4F8FF"/></linearGradient></defs></svg>

package/src/built-in/authorization/pages/not-permission/403_dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="design-iconfont" viewBox="0 0 383 309" width="24" height="24" preserveAspectRatio="xMidYMid meet"><path fill="url(#a)" d="m32.505 148.18 36.78 85.112c25.18 58.267 91.725 89.125 148.315 68.777l85.675-30.806c91.652-32.954 86.59-163.719-7.961-205.65L172.859 11.307C80.133-29.813-7.488 55.635 32.505 148.18"/><rect width="118.274" height="17.809" fill="#81ACFA" rx="4" transform="matrix(1 0 .08716 .9962 161.633 272.588)"/><rect width="118.274" height="17.809" fill="#3A4E7A" rx="4" transform="matrix(1 0 .08716 .9962 161.633 272.588)"/><rect width="118.274" height="17.809" fill="url(#b)" rx="4" transform="matrix(1 0 .08716 .9962 162.633 269.588)"/><rect width="118.274" height="17.809" fill="url(#c)" rx="4" transform="matrix(1 0 .08716 .9962 162.633 269.588)"/><rect width="68.502" height="88.093" fill="url(#d)" rx="2" transform="matrix(1 0 .08716 .9962 180.84 189.236)"/><rect width="68.502" height="77.252" fill="#051539" rx="2" transform="matrix(1 0 .08716 .9962 180.84 189.236)"/><rect width="137.89" height="105.817" fill="url(#e)" rx="10" transform="matrix(1 0 .08716 .9962 .076 169.044)"/><rect width="137.89" height="105.817" fill="url(#f)" rx="10" transform="matrix(1 0 .08716 .9962 .076 169.044)"/><g opacity=".3"><path fill="#B0C6F8" fill-rule="evenodd" d="M32.416 185.888a1 1 0 0 0-1 1v4.978a1 1 0 0 0 1 1H65.98a1 1 0 0 0 1-1v-4.978a1 1 0 0 0-1-1zm39.964 0a.9.9 0 0 0-.913.996l.434 4.959c.048.551.535.997 1.087.997h11.475a.9.9 0 0 0 .913-.997l-.434-4.959a1.11 1.11 0 0 0-1.087-.996zm-38.814 13.156a.9.9 0 0 0-.912.996l.433 4.959c.049.55.535.996 1.088.996h33.564a.9.9 0 0 0 .913-.996l-.434-4.959a1.11 1.11 0 0 0-1.087-.996zm39.965 0a.9.9 0 0 0-.913.996l.434 4.959c.048.55.535.996 1.087.996h11.475a.9.9 0 0 0 .912-.996l-.433-4.959a1.11 1.11 0 0 0-1.088-.996z" clip-rule="evenodd"/><path fill="#CEDCFF" fill-rule="evenodd" d="M34.717 212.2a.9.9 0 0 0-.913.996l.434 4.959c.048.55.535.996 1.087.996H68.89a.9.9 0 0 0 .913-.996l-.434-4.959a1.11 1.11 0 0 0-1.087-.996zm39.964 0a.9.9 0 0 0-.913.996l.434 4.959c.049.55.535.996 1.088.996h11.474a.9.9 0 0 0 .913-.996l-.434-4.959a1.11 1.11 0 0 0-1.087-.996z" clip-rule="evenodd"/><path fill="#1CCDB8" d="M52.416 238.875c.698-1.125 2.373-1.125 3.268 0l15.628 19.634c1.05 1.319.262 3.141-1.36 3.141h-27.82c-1.622 0-2.728-1.822-1.909-3.141z"/><path fill="#1CCDB8" d="M75.608 246.101c.699-1.124 2.373-1.124 3.268 0l9.876 12.408c1.05 1.319.263 3.141-1.359 3.141h-17.58c-1.622 0-2.73-1.822-1.91-3.141zm3.505-13.751a3.203 2.935 42.502 1 0 .535 6.12 3.203 2.935 42.502 1 0-.535-6.12"/></g><path fill="#000F25" fill-opacity=".1" fill-rule="evenodd" d="M145.514 268.054H92.96c-6.628 0-12.655-5.332-13.463-11.91l-10.694-87.1h50.164c5.523 0 10.779 4.443 11.74 9.924l14.93 85.166c.244 1.392.188 2.718-.123 3.92" clip-rule="evenodd"/><rect width="238.238" height="173.566" fill="#81ACFA" rx="12" transform="matrix(1 0 .08716 .9962 84.719 85.475)"/><rect width="238.238" height="173.566" fill="#3A4E7A" rx="12" transform="matrix(1 0 .08716 .9962 84.719 85.475)"/><rect width="237.238" height="172.566" x=".544" y=".498" fill="url(#g)" stroke="url(#h)" rx="11.5" transform="matrix(1 0 .08716 .9962 86.675 83.477)"/><path fill="url(#i)" stroke="url(#j)" d="M101.526 88.354h209.477c5.247 0 9.871 4.237 10.328 9.464l10.845 123.958a1.35 1.35 0 0 1-1.369 1.495H105.33a1.666 1.666 0 0 1-1.631-1.495L92.854 97.818c-.457-5.227 3.425-9.464 8.672-9.464Z"/><path fill="#071435" fill-rule="evenodd" d="M101.481 87.856c-5.522 0-9.22 4.443-8.26 9.924l.757 4.315c.822-3.673 3.978-6.27 8.201-6.27h210.54c4.595 0 9.005 3.075 10.91 7.265l-.93-5.31c-.961-5.481-6.217-9.924-11.74-9.924z" clip-rule="evenodd"/><rect width="108" height="108" fill="#02132D" fill-opacity=".5" rx="54" transform="matrix(1 0 .08716 .9962 246.5 74.57)"/><rect width="107" height="107" x=".544" y=".498" fill="url(#k)" stroke="#7384AD" rx="53.5" transform="matrix(1 0 .08716 .9962 264.88 56.617)"/><path fill="#434F6F" fill-rule="evenodd" d="M332.098 96.246c0 7.312-5.994 13.26-13.362 13.26-7.367 0-13.361-5.948-13.361-13.26s5.994-13.26 13.361-13.26 13.362 5.948 13.362 13.26m-29.466 46.337c-5.999-3.171-9.589-7.472-9.982-11.957-.194-2.221.403-4.42 1.757-6.471s3.437-3.916 6.133-5.486c2.696-1.571 5.95-2.816 9.577-3.666s7.556-1.287 11.562-1.287c4.007 0 8.012.437 11.788 1.287s7.248 2.095 10.219 3.666 5.38 3.434 7.093 5.486 2.694 4.25 2.888 6.471c.393 4.485-2.445 8.786-7.889 11.957s-13.048 4.953-21.14 4.953c-8.091 0-16.007-1.782-22.006-4.953" clip-rule="evenodd"/><path fill="#6599FF" fill-rule="evenodd" d="M337.098 90.246c0 7.312-5.994 13.26-13.362 13.26-7.367 0-13.361-5.948-13.361-13.26s5.994-13.26 13.361-13.26 13.362 5.948 13.362 13.26m-29.466 46.337c-5.999-3.171-9.589-7.472-9.982-11.957-.194-2.221.403-4.42 1.757-6.471s3.437-3.916 6.133-5.486c2.696-1.571 5.95-2.816 9.577-3.666s7.556-1.287 11.562-1.287c4.007 0 8.012.437 11.788 1.287s7.248 2.095 10.219 3.666 5.38 3.434 7.093 5.486 2.694 4.25 2.888 6.471c.393 4.485-2.445 8.786-7.889 11.957s-13.048 4.953-21.14 4.953c-8.091 0-16.007-1.782-22.006-4.953" clip-rule="evenodd"/><path fill="#031031" fill-opacity=".5" fill-rule="evenodd" d="m161.055 128.365 28.66 8.821c1.076.33 1.878 1.301 1.956 2.4l3.072 35.11v.003c-.04.279-.863 6.036-6.064 11.611-4.631 4.974-16.473 11.605-19.042 12.915l-1.302.678c-.343.183-.986.192-1.361 0l-1.421-.678a10 10 0 0 0-.462-.22 27 27 0 0 1-.957-.458c-4.799-2.399-15.802-7.932-20.564-12.237-6.146-5.556-7.984-11.293-8.085-11.608l-.002-.006-3.072-35.11c-.105-1.099.518-2.07 1.537-2.4zm6.113 66.088.019.009s.009 0 .026-.009zm.377-20.389h4.505c1.471 0 2.562-1.191 2.435-2.657h-.009l-.01-.109c-.128-1.466-1.428-2.657-2.899-2.657h-4.505l-.408-4.662c3.88-1.054 6.341-4.873 6.115-8.922.004-.064-.002-.128-.007-.192q.002-.054-.007-.102l-.007-.054c-.206-1.823-.911-3.682-2.108-5.175a11.26 11.26 0 0 0-5.118-3.636c-3.605-1.273-7.862-.11-9.983 2.757-1.225 1.658-1.835 3.518-1.832 5.651.007 1.869.697 3.866 1.811 5.46 1.072 1.529 2.596 2.876 4.308 3.627.506.219 1.009.393 1.509.54q.002.033.001.067l.002.08 1.427 16.304c.128 1.466 1.427 2.656 2.898 2.656s2.563-1.19 2.434-2.656zm-.834-16.882a1 1 0 0 0-.056.092 4 4 0 0 1-.341.41 2 2 0 0 1-.305.303 2 2 0 0 0-.276.201 8 8 0 0 1-.604.348c-.321.119-.661.22-1.005.284a7 7 0 0 1-1.076 0 9 9 0 0 1-1.054-.284 8 8 0 0 1-.792-.43 1 1 0 0 0-.098-.064 7 7 0 0 1-.446-.376 4 4 0 0 1-.27-.258l-.071-.072a3 3 0 0 0-.228-.293 9 9 0 0 1-.405-.632 7 7 0 0 1-.375-1.026 7 7 0 0 1-.093-1.072c.043-.348.105-.686.195-1.025q.16-.388.367-.751a1 1 0 0 0 .056-.092c.107-.147.224-.284.341-.412.072-.086.155-.167.237-.246l.067-.065c.165-.11.251-.174.276-.201q.294-.189.604-.349a6.4 6.4 0 0 1 1.005-.284 7 7 0 0 1 1.076 0c.356.074.704.166 1.055.284q.405.194.791.431c.011.009.05.037.098.064q.236.182.446.376c.094.079.183.169.27.258l.071.071c.126.175.198.266.228.294q.216.308.405.632c.149.339.281.687.375 1.035.034.173.06.356.075.531l.009.255.009.276a7 7 0 0 1-.194 1.035q-.16.389-.367.752" clip-rule="evenodd"/><path fill="#8092EE" fill-rule="evenodd" d="m166.536 122.143 28.659 8.82c1.077.33 1.879 1.302 1.957 2.401l3.072 35.109-.001.003c-.04.279-.862 6.036-6.063 11.611-4.631 4.974-16.473 11.606-19.043 12.915l-1.302.678c-.342.183-.985.192-1.361 0l-1.42-.678c-.138-.071-.282-.137-.463-.22a29 29 0 0 1-.957-.457c-4.798-2.4-15.802-7.933-20.564-12.238-6.145-5.556-7.983-11.293-8.084-11.608l-.002-.006-3.072-35.109c-.105-1.099.518-2.071 1.537-2.401zm6.112 66.087.02.009s.009 0 .026-.009zm.377-20.389h4.506c1.471 0 2.562-1.191 2.434-2.657h-.009l-.01-.109c-.128-1.466-1.427-2.657-2.898-2.657h-4.506l-.408-4.662c3.881-1.054 6.341-4.873 6.116-8.922a1 1 0 0 0-.008-.192.4.4 0 0 0-.007-.102q-.004-.025-.006-.054c-.206-1.822-.911-3.682-2.109-5.175a11.26 11.26 0 0 0-5.118-3.636c-3.605-1.273-7.861-.11-9.983 2.757-1.225 1.658-1.835 3.518-1.832 5.652.007 1.868.697 3.865 1.811 5.459 1.072 1.529 2.597 2.876 4.308 3.627.506.219 1.009.394 1.509.54q.002.033.002.067l.002.08 1.426 16.304c.128 1.466 1.428 2.656 2.899 2.656s2.562-1.19 2.434-2.656zm-.833-16.882a.5.5 0 0 0-.056.092 4 4 0 0 1-.342.41 2.2 2.2 0 0 1-.304.303c-.166.11-.251.174-.277.201-.2.129-.393.239-.604.348-.32.119-.661.22-1.005.284a7 7 0 0 1-1.076 0 9 9 0 0 1-1.054-.284 8 8 0 0 1-.791-.43 1 1 0 0 0-.098-.064 6 6 0 0 1-.447-.376 4 4 0 0 1-.27-.258l-.071-.072a3 3 0 0 0-.228-.293 9 9 0 0 1-.404-.632 7 7 0 0 1-.375-1.026 7 7 0 0 1-.094-1.071c.043-.349.106-.687.195-1.026a7 7 0 0 1 .367-.751.5.5 0 0 0 .056-.092q.164-.22.341-.412c.072-.086.156-.167.238-.246l.066-.065c.166-.11.251-.174.277-.201q.293-.188.604-.348c.32-.119.661-.22 1.005-.284a7 7 0 0 1 1.076 0c.355.073.703.165 1.054.284q.407.193.791.43c.011.009.05.037.098.064q.237.182.447.376c.093.079.182.169.27.258l.071.072c.125.174.197.265.228.293q.215.308.404.632c.149.339.281.687.376 1.035.034.173.059.356.074.531l.009.255.01.276a7 7 0 0 1-.195 1.035q-.16.389-.366.752" clip-rule="evenodd"/><path fill="#031031" fill-opacity=".5" fill-rule="evenodd" d="M249.143 139.557h-37.678l.357 4.085H249.5zm1.139 13.022h-37.678l.358 4.085h37.677zm-36.539 13.022h37.678l.358 4.085h-37.678zm38.817 13.021h-37.677l.357 4.086h37.678z" clip-rule="evenodd"/><path fill="#7887D2" fill-rule="evenodd" d="M252.143 135.557h-37.678l.357 4.085H252.5zm1.139 13.022h-37.678l.358 4.085h37.677zm-36.539 13.022h37.678l.358 4.085h-37.678zm38.817 13.021h-37.677l.357 4.086h37.678z" clip-rule="evenodd"/><defs><linearGradient id="a" x1="228.313" x2="228.313" y1="-98.142" y2="338.976" gradientUnits="userSpaceOnUse"><stop stop-color="#363B42"/><stop offset="1" stop-color="#363B42" stop-opacity="0"/></linearGradient><linearGradient id="b" x1="59.137" x2="59.137" y1="0" y2="17.809" gradientUnits="userSpaceOnUse"><stop stop-color="#EBF3FF"/><stop offset="1" stop-color="#D4E4FF"/></linearGradient><linearGradient id="c" x1="59.137" x2="59.137" y1="0" y2="17.809" gradientUnits="userSpaceOnUse"><stop stop-color="#7D87A1"/><stop offset="1" stop-color="#97A1BB"/></linearGradient><linearGradient id="d" x1="1.411" x2="66.523" y1="88.093" y2="99.442" gradientUnits="userSpaceOnUse"><stop stop-color="#1E3B7A"/><stop offset="1" stop-color="#153F8B"/></linearGradient><linearGradient id="e" x1="68.945" x2="68.945" y1="0" y2="105.817" gradientUnits="userSpaceOnUse"><stop stop-color="#E7F0FF"/><stop offset="1" stop-color="#F4F8FF"/></linearGradient><linearGradient id="f" x1="68.945" x2="68.945" y1="0" y2="105.817" gradientUnits="userSpaceOnUse"><stop stop-color="#586075"/><stop offset="1" stop-color="#65749C"/></linearGradient><linearGradient id="g" x1="119.119" x2="119.119" y1="0" y2="173.566" gradientUnits="userSpaceOnUse"><stop stop-color="#7D87A1"/><stop offset="1" stop-color="#97A1BB"/></linearGradient><linearGradient id="h" x1="119.119" x2="119.119" y1="0" y2="173.566" gradientUnits="userSpaceOnUse"><stop stop-color="#959FB9"/><stop offset="1" stop-color="#959FB9" stop-opacity="0"/></linearGradient><linearGradient id="i" x1="206.221" x2="206.221" y1="87.856" y2="223.769" gradientUnits="userSpaceOnUse"><stop stop-color="#0C2054"/><stop offset="1" stop-color="#113C81"/></linearGradient><linearGradient id="j" x1="206.221" x2="206.221" y1="87.856" y2="223.769" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#9DA8E1"/></linearGradient><linearGradient id="k" x1="54" x2="54" y1="0" y2="108" gradientUnits="userSpaceOnUse"><stop stop-color="#586075"/><stop offset="1" stop-color="#65749C"/></linearGradient></defs></svg>

package/src/built-in/authorization/pages/not-permission/index.vue

@@ -0,0 +1,69 @@
+<script setup lang="ts">
+import { useUserStore } from '@/features/stores';
+
+defineOptions({
+  name: 'NotPermission',
+});
+
+const router = useRouter();
+
+const userStore = useUserStore();
+const data = ref({
+  inter: Number.NaN,
+  countdown: 5,
+});
+
+onUnmounted(() => {
+  if (data.value.inter) {
+    window.clearInterval(data.value.inter);
+  }
+});
+
+onMounted(() => {
+  data.value.inter = window.setInterval(() => {
+    data.value.countdown--;
+    if (data.value.countdown === 0) {
+      if (data.value.inter) {
+        window.clearInterval(data.value.inter);
+      }
+      goBack();
+    }
+  }, 1000);
+});
+
+function goBack() {
+  userStore.logout();
+  router.push('/login');
+}
+</script>
+
+<template>
+  <div class="absolute left-[50%] top-[50%] flex flex-col items-center justify-between lg:flex-row -translate-x-50% -translate-y-50% lg:gap-12">
+    <div class="noPermissionIcon w-300px h-300px lg:w-400px lg:h-400px" />
+    <div class="flex flex-col gap-4">
+      <h1 class="m-0 text-6xl font-sans dark:text-[#C9D6EF]">
+        403
+      </h1>
+      <div class="desc mx-0 text-xl text-stone-5 dark:text-[#C9D6EF]">
+        抱歉,你无权访问系统,请联系管理员
+      </div>
+      <div>
+        <HButton @click="goBack">
+          {{ data.countdown }} 秒后，返回登录页
+        </HButton>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.noPermissionIcon {
+  background: url("./403.svg") no-repeat;
+  background-size: 100% 100%;
+}
+
+[data-theme="dark"] .noPermissionIcon {
+  background: url("./403_dark.svg") no-repeat;
+  background-size: 100% 100%;
+}
+</style>

package/src/built-in/authorization/router.ts

@@ -0,0 +1,122 @@
+import type { Router, RouteRecordRaw } from 'vue-router';
+import {
+  useFavoritesStore,
+  useRouteStore,
+  useSettingsStore,
+  useTabbarStore,
+  useUserStore,
+} from '@/features/stores';
+import { cleanup } from '@/utils';
+
+const NotPermissionRoute: RouteRecordRaw = {
+  path: '/not-permission',
+  name: 'NotPermission',
+  component: () => import('./pages/not-permission/index.vue'),
+  meta: {
+    whiteList: true,
+    title: '无权限访问',
+  },
+};
+
+/** 权限路由守卫 */
+export function setupRouterGuard(router: Router) {
+  const userStore = useUserStore();
+  const routeStore = useRouteStore();
+  const settingsStore = useSettingsStore();
+  const tabbarStore = useTabbarStore();
+  const favoritesStore = useFavoritesStore();
+
+  let isRouteAdded = false;
+
+  router.beforeEach(async (to) => {
+    const isAuthenticated = userStore.isLogin;
+
+    if (!isRouteAdded) {
+      if (!router.hasRoute(NotPermissionRoute.name!)) {
+        router.addRoute(NotPermissionRoute);
+      }
+      isRouteAdded = true;
+      return { ...to, replace: true };
+    }
+
+    // 是否已登录
+    if (!isAuthenticated) {
+      // 白名单路由直接进入
+      if (to.meta.whiteList) {
+        return;
+      }
+
+      return {
+        name: 'Login',
+        query: { redirect: to.fullPath !== '/' ? to.fullPath : undefined },
+      };
+    }
+
+    // 是否已根据权限动态生成并注册路由
+    if (!routeStore.isGenerate) {
+      const res = await Promise.allSettled([
+        // 获取用户偏好设置
+        settingsStore.settings.app.enableSettingPreferences && settingsStore.getPreferencesAll(),
+        // 获取用户组织列表
+        userStore.getUserInfo(),
+      ]);
+
+      if (res.some(e => e.status === 'rejected')) {
+        cleanup();
+        return { name: 'Login' };
+      }
+
+      const res2 = await Promise.allSettled([
+        // 复原固定标签页
+        (tabbarStore as any).recoveryStorage(),
+        // 复原收藏夹
+        (favoritesStore as any).recoveryStorage(),
+        // 生成动态路由
+        routeStore.generateRoutes(),
+      ]);
+
+      if (res2.some(e => e.status === 'rejected')) {
+        cleanup();
+        return { name: 'Login' };
+      }
+
+      // 注册并记录路由数据
+      // 记录的数据会在登出时会使用到，不使用 router.removeRoute 是考虑配置的路由可能不一定有设置 name
+      // 则通过调用 router.addRoute() 返回的回调进行删除
+      const removeRoutes: Array<{
+        (): void
+        system?: boolean
+      }> = [];
+
+      routeStore.flatRoutes.forEach((route) => {
+        if (!/^(https?:|mailto:|tel:)/.test(route.path)) {
+          removeRoutes.push(router.addRoute(route));
+        }
+      });
+
+      routeStore.flatSystemRoutes.forEach((route) => {
+        const removeRoute: {
+          (): void
+          system?: boolean
+        } = router.addRoute(route);
+        removeRoute.system = true;
+        removeRoutes.push(removeRoute);
+      });
+
+      routeStore.setCurrentRemoveRoutes(removeRoutes);
+
+      // 判断是否没有任何权限啊
+      if (!routeStore.routes.length) {
+        return { name: 'NotPermission' };
+      }
+
+      // 动态路由生成并注册后，重新进入当前路由
+      return to.fullPath;
+    }
+
+    // 已登录状态下，进入登录页会强制跳转到主页
+    if (to.name === 'Login') {
+      return { name: 'Home', replace: true };
+    }
+  });
+}