@pubinfo-nightly/core 2025.11.14

package/src/features/composables/watchDiff.ts

@@ -0,0 +1,53 @@
+import type { WatchOptions, WatchSource } from 'vue';
+import { cloneDeep, isEmpty, isObject } from 'lodash-es';
+import { watch } from 'vue';
+
+function deepDiff(original: Record<string, any>, updated: Record<string, any>) {
+  let hasDifferences = false;
+  const diff: Record<string, any> = Object.create(null);
+
+  const keys = new Set([...Object.keys(original), ...Object.keys(updated)]);
+  keys.forEach((key) => {
+    const origValue = original[key];
+    const updatedValue = updated[key];
+
+    if (isObject(origValue) && isObject(updatedValue)) {
+      const deeperDiff = deepDiff(origValue, updatedValue);
+      if (Object.keys(deeperDiff).length > 0) {
+        diff[key] = deeperDiff;
+        hasDifferences = true;
+      }
+    }
+    else if (origValue !== updatedValue) {
+      diff[key] = updatedValue;
+      hasDifferences = true;
+    }
+  });
+
+  return hasDifferences ? diff : {};
+}
+
+export function watchDiffObject<
+  T extends Record<string, any>, Immediate extends Readonly<boolean> = false>(
+  source: WatchSource<T> | T,
+  cb: (newVal: Record<string, any>, oldVal: Record<string, any>) => void,
+  options?: WatchOptions<Immediate>,
+) {
+  let oldValue: Record<string, any> = options?.immediate
+    ? {}
+    : cloneDeep(typeof source === 'function'
+        ? source()
+        : source,
+      );
+
+  return watch(source, (newVal, _) => {
+    const diff = deepDiff(oldValue, newVal);
+    if (!isEmpty(diff)) {
+      cb(diff, oldValue);
+    }
+    oldValue = cloneDeep(newVal);
+  }, {
+    ...options,
+    deep: true,
+  });
+}

package/src/features/context/index.ts

@@ -0,0 +1,25 @@
+import type { Router } from 'vue-router';
+import type { RequestInstance } from '@/core';
+
+import { createContext } from '../../core/utils';
+
+interface InternalContext {
+  router: Router
+  requestAuth: RequestInstance
+  requestBasic: RequestInstance
+}
+
+const ctx = createContext<InternalContext>('ctx', { stateKey: 'state' });
+
+/** 初始化全局 context */
+export function createPubinfoContext(newState: InternalContext) {
+  // 缓存用于 wrapProxy 兜底
+  ctx.set(newState);
+  // 立即激活 use()
+  ctx.use();
+}
+
+/** 读取全局 context */
+export function usePubinfoContext() {
+  return ctx.use();
+}

package/src/features/enum.ts

@@ -0,0 +1,21 @@
+/** 资源类型 */
+export enum RESOURCE_TYPE {
+  /** 静态应用 */
+  APP = '1',
+  /** 目录 */
+  INDEX = '2',
+  /** 菜单 */
+  MENU = '3',
+  /** 按钮 */
+  BUTTON = '4',
+  /** 非菜单页 */
+  NON_MENU = '5',
+  /** 微应用 */
+  // MICRO_APP = '6',
+  /** 动态应用 */
+  DYNAMIC_APP = '7',
+  /** 内嵌 */
+  IFRAME = '8',
+  /** 外链 */
+  LINK = '9',
+}

package/src/features/index.ts

@@ -0,0 +1,8 @@
+import './assets/styles/index.ts';
+
+export * from './components';
+export * from './composables';
+export * from './enum';
+export * from './router';
+export * from './settings';
+export * from './stores';

package/src/features/pages/not-found/assets/404.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 382 309" preserveAspectRatio="xMidYMid meet"><rect width="118.274" height="17.809" fill="#81ACFA" rx="4" transform="matrix(1 0 .08716 .9962 162.134 272.588)"/><rect width="118.274" height="17.809" fill="url(#a)" rx="4" transform="matrix(1 0 .08716 .9962 163.134 269.588)"/><path fill="url(#b)" d="m33.006 148.18 36.78 85.112c25.18 58.267 91.724 89.125 148.315 68.777l85.675-30.806c91.652-32.954 86.59-163.719-7.961-205.65L173.359 11.307C80.634-29.813-6.988 55.635 33.006 148.18"/><rect width="68.502" height="88.093" fill="url(#c)" rx="2" transform="matrix(1 0 .08716 .9962 181.339 189.236)"/><rect width="68.502" height="77.252" fill="url(#d)" rx="2" transform="matrix(1 0 .08716 .9962 181.339 189.236)"/><rect width="137.89" height="105.817" fill="url(#e)" rx="10" transform="matrix(1 0 .08716 .9962 .576 169.044)"/><g opacity=".3"><path fill="#B0C6F8" fill-rule="evenodd" d="M32.915 185.888a1 1 0 0 0-1 1v4.978a1 1 0 0 0 1 1h33.564a1 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.813 13.156a.9.9 0 0 0-.913.996l.434 4.959c.048.55.534.996 1.087.996h33.565a.9.9 0 0 0 .912-.996l-.433-4.959a1.11 1.11 0 0 0-1.088-.996zm39.964 0a.9.9 0 0 0-.913.996l.434 4.959c.048.55.535.996 1.087.996h11.475a.9.9 0 0 0 .913-.996l-.434-4.959a1.11 1.11 0 0 0-1.087-.996z" clip-rule="evenodd"/><path fill="#CEDCFF" fill-rule="evenodd" d="M35.217 212.2a.9.9 0 0 0-.913.996l.434 4.959c.048.55.535.996 1.087.996H69.39a.9.9 0 0 0 .912-.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.048.55.535.996 1.087.996h11.475a.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.915 238.875c.699-1.125 2.373-1.125 3.268 0l15.628 19.634c1.05 1.32.263 3.141-1.359 3.141h-27.82c-1.622 0-2.729-1.821-1.91-3.141z"/><path fill="#1CCDB8" d="M76.109 246.101c.698-1.124 2.373-1.124 3.268 0l9.876 12.408c1.05 1.319.262 3.141-1.36 3.141h-17.58c-1.622 0-2.728-1.822-1.909-3.141z"/><circle cx="3.072" cy="3.072" r="3.072" fill="#1CCDB8" transform="matrix(1 0 .08716 .9962 76.54 232.35)"/></g><path fill="#0D4CAC" fill-opacity=".1" fill-rule="evenodd" d="M146.013 268.054H93.459c-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 85.219 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 87.175 83.477)"/><path fill="url(#h)" stroke="url(#i)" d="M93.354 97.818c-.458-5.227 3.425-9.464 8.672-9.464h209.477c5.247 0 9.871 4.237 10.328 9.464l10.845 123.958a1.35 1.35 0 0 1-1.369 1.495H105.829a1.666 1.666 0 0 1-1.63-1.495z"/><path fill="#1346CB" fill-rule="evenodd" d="M101.982 87.856c-5.523 0-9.22 4.443-8.26 9.924l.756 4.315c.823-3.673 3.979-6.27 8.201-6.27H313.22c4.594 0 9.004 3.075 10.91 7.265l-.931-5.31c-.961-5.481-6.217-9.924-11.74-9.924z" clip-rule="evenodd"/><rect width="88.877" height="105.817" fill="#0D4CAC" fill-opacity=".18" rx="10" transform="matrix(1 0 .08716 .9962 263.177 76.36)"/><rect width="87.877" height="104.817" x=".544" y=".498" fill="url(#j)" stroke="#fff" rx="9.5" transform="matrix(1 0 .08716 .9962 282.133 56.363)"/><path fill="#1346CB" fill-opacity=".2" d="M122.153 131.358h17.712l1.104 4.83h-11.772l1.218 5.327h10.224l1.031 4.51h-10.224l1.226 5.363h11.772l1.104 4.83h-17.712zm27.652 5.682.471 2.06a4.6 4.6 0 0 1 1.883-1.527 5.8 5.8 0 0 1 2.498-.568q.9 0 1.749.248l.998 4.368a8.7 8.7 0 0 0-1.964-.248q-1.368 0-2.487.461-1.126.427-1.735 1.385l2.971 12.999h-5.76l-4.384-19.178zm14.696 0 .47 2.06a4.6 4.6 0 0 1 1.883-1.527 5.8 5.8 0 0 1 2.499-.568q.9 0 1.748.248l.999 4.368a8.7 8.7 0 0 0-1.965-.248q-1.368 0-2.487.461-1.126.427-1.735 1.385l2.971 12.999h-5.76l-4.383-19.178zm22.225 19.639q-3.06 0-5.684-1.243-2.589-1.242-4.368-3.516-1.788-2.308-2.502-5.433-1.097-4.795 1.056-7.352 2.151-2.556 6.903-2.557 4.716 0 8.037 2.557 3.32 2.557 4.416 7.352.714 3.125-.018 5.433-.741 2.274-2.76 3.516-2.02 1.243-5.08 1.243m-6.866-10.192q.625 2.735 2.267 4.403 1.641 1.67 3.657 1.67t2.859-1.67q.878-1.668.253-4.403-.65-2.841-2.206-4.297-1.529-1.492-3.617-1.492t-2.971 1.492q-.891 1.456-.242 4.297m27.058.631h9.224l1.764 9.139h-9.224z"/><path fill="#1346CB" fill-opacity=".2" fill-rule="evenodd" d="M131.881 180.739a.9.9 0 0 0-.912.997l.277 3.177c.049.55.535.996 1.088.996h94.957a.9.9 0 0 0 .913-.996l-.278-3.177a1.11 1.11 0 0 0-1.087-.997zm1.509 17.243a.9.9 0 0 0-.913.996l.278 3.177c.048.55.535.996 1.087.996h164.054a.9.9 0 0 0 .913-.996l-.278-3.177a1.11 1.11 0 0 0-1.087-.996z" clip-rule="evenodd"/><path fill="#fff" d="M128.153 122.358h17.712l1.104 4.83h-11.772l1.218 5.327h10.224l1.031 4.51h-10.224l1.226 5.363h11.772l1.104 4.83h-17.712zm27.652 5.682.471 2.06a4.6 4.6 0 0 1 1.883-1.527 5.8 5.8 0 0 1 2.498-.568q.9 0 1.749.248l.998 4.368a8.7 8.7 0 0 0-1.964-.248q-1.368 0-2.487.461-1.126.427-1.735 1.385l2.971 12.999h-5.76l-4.384-19.178zm14.696 0 .47 2.06a4.6 4.6 0 0 1 1.883-1.527 5.8 5.8 0 0 1 2.499-.568q.9 0 1.748.248l.999 4.368a8.7 8.7 0 0 0-1.965-.248q-1.368 0-2.487.461-1.126.427-1.735 1.385l2.971 12.999h-5.76l-4.383-19.178zm22.225 19.639q-3.06 0-5.684-1.243-2.589-1.242-4.368-3.516-1.788-2.308-2.502-5.433-1.097-4.795 1.056-7.352 2.151-2.556 6.903-2.557 4.716 0 8.037 2.557 3.32 2.557 4.416 7.352.714 3.125-.018 5.433-.741 2.274-2.76 3.516-2.02 1.243-5.08 1.243m-6.866-10.192q.625 2.735 2.267 4.403 1.641 1.67 3.657 1.67t2.859-1.67q.878-1.668.253-4.403-.65-2.841-2.206-4.297-1.529-1.492-3.617-1.492t-2.971 1.492q-.891 1.456-.242 4.297"/><path fill="#26FF3B" d="M212.918 138.118h9.224l1.764 9.139h-9.224z"/><path fill="#fff" fill-rule="evenodd" d="M137.881 171.739a1 1 0 0 0-1 1v3.19a1 1 0 0 0 1 1h94.958a1 1 0 0 0 1-1v-3.19a1 1 0 0 0-1-1zm1.509 17.243a.9.9 0 0 0-.913.996l.278 3.177c.048.55.535.996 1.087.996h164.054a.9.9 0 0 0 .913-.996l-.278-3.177a1.11 1.11 0 0 0-1.087-.996z" clip-rule="evenodd" opacity=".5"/><path fill="#B0C6F8" fill-rule="evenodd" d="M302.209 71.187a1 1 0 0 0-1 1v4.978a1 1 0 0 0 1 1h33.565a1 1 0 0 0 1-1v-4.978a1 1 0 0 0-1-1zm39.965 0a.9.9 0 0 0-.913.996l.434 4.96c.048.55.535.996 1.087.996h11.475a.9.9 0 0 0 .912-.996l-.433-4.96a1.11 1.11 0 0 0-1.088-.996zM303.36 84.343a.9.9 0 0 0-.913.996l.434 4.96c.048.55.535.996 1.087.996h33.565a.9.9 0 0 0 .913-.996l-.434-4.96a1.11 1.11 0 0 0-1.087-.996zm39.965 0a.9.9 0 0 0-.913.996l.434 4.96c.048.55.535.996 1.087.996h11.475a.9.9 0 0 0 .912-.996l-.434-4.96a1.11 1.11 0 0 0-1.087-.996z" clip-rule="evenodd"/><path fill="#CEDCFF" fill-rule="evenodd" d="M304.511 97.499a.9.9 0 0 0-.913.996l.434 4.96c.048.55.535.996 1.087.996h33.565a.9.9 0 0 0 .913-.996l-.434-4.96a1.11 1.11 0 0 0-1.087-.996zm39.965 0a.9.9 0 0 0-.913.996l.434 4.96c.048.55.535.996 1.087.996h11.475a.9.9 0 0 0 .912-.996l-.434-4.96a1.11 1.11 0 0 0-1.087-.996z" clip-rule="evenodd"/><path fill="#1CCDB8" d="M322.21 124.174c.698-1.124 2.373-1.124 3.268 0l15.628 19.634c1.05 1.32.262 3.141-1.359 3.141h-27.821c-1.621 0-2.728-1.821-1.909-3.141z"/><path fill="#1CCDB8" d="M345.404 131.401c.698-1.125 2.372-1.125 3.268 0l9.875 12.407c1.051 1.32.263 3.141-1.359 3.141h-17.58c-1.622 0-2.729-1.821-1.909-3.141z"/><circle cx="3.072" cy="3.072" r="3.072" fill="#1CCDB8" transform="matrix(1 0 .08716 .9962 345.834 117.65)"/><rect width="188.629" height="45.152" x="126.136" y="162.548" stroke="#fff" stroke-dasharray="4 4" rx="3.5"/><path stroke="#fff" stroke-dasharray="4 4" d="m246.144 178.957 18.069-11.377c11.08-6.977 14.381-21.629 7.363-32.683a23.646 23.646 0 0 1 2.812-28.953l4.587-4.833"/><path fill="#fff" d="M284.371 92.95a1.56 1.56 0 0 0-1.59-.293l-15.878 6a1.54 1.54 0 0 0-1.007 1.386 1.54 1.54 0 0 0 .875 1.475l2.479 1.212a.6.6 0 0 1 .133.094c.257.663 1.275 3.263 1.727 4.202.229.478.651.814 1.041.96l-.086-.013q.114.043.234.067a1.55 1.55 0 0 0 1.413-.426l.924-.924a.524.524 0 0 1 .624-.086l3.978 2.259c.239.135.505.205.77.205a1.57 1.57 0 0 0 1.517-1.186l3.322-13.394a1.54 1.54 0 0 0-.476-1.537m-14 9.554 8.513-4.87-4.805 4.922a.8.8 0 0 0-.175.278l-.005.013c-.01.032-.96 2.834-1.522 4.101a.95.95 0 0 1-.333-.367c-.416-.874-1.386-3.348-1.673-4.077"/><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.813" x2="228.813" 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.721" x2="206.721" y1="87.856" y2="223.769" gradientUnits="userSpaceOnUse"><stop stop-color="#3D70F7"/><stop offset="1" stop-color="#7CAEFF"/></linearGradient><linearGradient id="i" x1="206.721" x2="206.721" 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="44.439" x2="44.439" y1="0" y2="105.817" gradientUnits="userSpaceOnUse"><stop stop-color="#E7F0FF"/><stop offset="1" stop-color="#F4F8FF"/></linearGradient></defs></svg>

package/src/features/pages/not-found/assets/404_dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="design-iconfont" viewBox="0 0 382 309" width="24" height="24" preserveAspectRatio="xMidYMid meet"><path fill="url(#a)" d="m33.005 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.65L173.359 11.307C80.633-29.813-6.988 55.635 33.005 148.18"/><rect width="118.274" height="17.809" fill="#3A4E7A" rx="4" transform="matrix(1 0 .08716 .9962 162.133 272.588)"/><rect width="118.274" height="17.809" fill="url(#b)" rx="4" transform="matrix(1 0 .08716 .9962 163.133 269.588)"/><rect width="68.502" height="88.093" fill="url(#c)" rx="2" transform="matrix(1 0 .08716 .9962 181.34 189.236)"/><rect width="68.502" height="77.252" fill="#051539" rx="2" transform="matrix(1 0 .08716 .9962 181.34 189.236)"/><rect width="137.89" height="105.817" fill="url(#d)" rx="10" transform="matrix(1 0 .08716 .9962 .576 169.044)"/><g opacity=".3"><path fill="#B0C6F8" fill-rule="evenodd" d="M32.916 185.888a1 1 0 0 0-1 1v4.978a1 1 0 0 0 1 1H66.48a1 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="M35.217 212.2a.9.9 0 0 0-.913.996l.434 4.959c.048.55.535.996 1.087.996H69.39a.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.916 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="M76.108 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="M146.014 268.054H93.46c-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="#3A4E7A" rx="12" transform="matrix(1 0 .08716 .9962 85.219 85.475)"/><rect width="237.238" height="172.566" x=".544" y=".498" fill="url(#e)" stroke="url(#f)" rx="11.5" transform="matrix(1 0 .08716 .9962 87.175 83.477)"/><path fill="url(#g)" stroke="url(#h)" d="M102.026 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.83a1.666 1.666 0 0 1-1.631-1.495L93.354 97.818c-.457-5.227 3.425-9.464 8.672-9.464Z"/><path fill="#071435" fill-rule="evenodd" d="M101.981 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="88.877" height="105.817" fill="#02132D" fill-opacity=".5" rx="10" transform="matrix(1 0 .08716 .9962 263.178 76.36)"/><rect width="87.877" height="104.817" x=".544" y=".498" fill="url(#i)" stroke="#7384AD" rx="9.5" transform="matrix(1 0 .08716 .9962 282.134 56.363)"/><path fill="#031031" fill-opacity=".5" d="M122.154 131.358h17.712l1.104 4.83h-11.772l1.218 5.327h10.224l1.031 4.51h-10.224l1.225 5.363h11.772l1.104 4.83h-17.712zm27.652 5.682.471 2.06a4.6 4.6 0 0 1 1.883-1.527 5.8 5.8 0 0 1 2.498-.568q.9 0 1.749.248l.998 4.368a8.7 8.7 0 0 0-1.964-.248q-1.368 0-2.487.461-1.127.427-1.735 1.385l2.971 12.999h-5.76l-4.384-19.178zm14.696 0 .47 2.06a4.6 4.6 0 0 1 1.883-1.527 5.8 5.8 0 0 1 2.498-.568q.9 0 1.749.248l.999 4.368a8.7 8.7 0 0 0-1.965-.248q-1.368 0-2.487.461-1.126.427-1.735 1.385l2.971 12.999h-5.76l-4.383-19.178zm22.225 19.639q-3.06 0-5.685-1.243-2.588-1.242-4.367-3.516-1.788-2.308-2.502-5.433-1.096-4.795 1.056-7.352 2.151-2.556 6.903-2.557 4.716 0 8.037 2.557 3.32 2.557 4.416 7.352.714 3.125-.018 5.433-.74 2.274-2.761 3.516-2.019 1.243-5.079 1.243m-6.866-10.192q.625 2.735 2.266 4.403 1.642 1.67 3.658 1.67t2.858-1.67q.88-1.668.254-4.403-.65-2.841-2.206-4.297-1.53-1.492-3.617-1.492-2.089 0-2.971 1.492-.891 1.456-.242 4.297m27.057.631h9.224l1.764 9.138h-9.224z"/><path fill="#031031" fill-opacity=".5" fill-rule="evenodd" d="M131.883 180.739a.9.9 0 0 0-.913.997l.278 3.177c.048.55.535.996 1.087.996h94.958a.9.9 0 0 0 .913-.996l-.278-3.177a1.11 1.11 0 0 0-1.087-.997zm1.508 17.243a.9.9 0 0 0-.913.996l.278 3.177c.049.55.535.996 1.088.996h164.054a.9.9 0 0 0 .913-.996l-.278-3.177a1.11 1.11 0 0 0-1.088-.996z" clip-rule="evenodd"/><path fill="#fff" d="M128.154 122.358h17.712l1.104 4.83h-11.772l1.218 5.327h10.224l1.031 4.51h-10.224l1.225 5.363h11.772l1.104 4.83h-17.712zm27.652 5.682.471 2.06a4.6 4.6 0 0 1 1.883-1.527 5.8 5.8 0 0 1 2.498-.568q.9 0 1.749.248l.998 4.368a8.7 8.7 0 0 0-1.964-.248q-1.368 0-2.487.461-1.127.427-1.735 1.385l2.971 12.999h-5.76l-4.384-19.178zm14.696 0 .47 2.06a4.6 4.6 0 0 1 1.883-1.527 5.8 5.8 0 0 1 2.498-.568q.9 0 1.749.248l.999 4.368a8.7 8.7 0 0 0-1.965-.248q-1.368 0-2.487.461-1.126.427-1.735 1.385l2.971 12.999h-5.76l-4.383-19.178zm22.225 19.639q-3.06 0-5.685-1.243-2.588-1.242-4.367-3.516-1.788-2.308-2.502-5.433-1.096-4.795 1.056-7.352 2.151-2.556 6.903-2.557 4.716 0 8.037 2.557 3.32 2.557 4.416 7.352.714 3.125-.018 5.433-.74 2.274-2.761 3.516-2.019 1.243-5.079 1.243m-6.866-10.192q.625 2.735 2.266 4.403 1.642 1.67 3.658 1.67t2.858-1.67q.88-1.668.254-4.403-.65-2.841-2.206-4.297-1.53-1.492-3.617-1.492-2.089 0-2.971 1.492-.891 1.456-.242 4.297"/><path fill="#26FF3B" d="M212.918 138.118h9.224l1.764 9.138h-9.224z"/><path fill="#fff" fill-rule="evenodd" d="M137.882 171.739c-.552 0-1.039.45-1.087 1.004l-.279 3.202a.904.904 0 0 0 .912 1.004h94.958c.552 0 1.039-.45 1.087-1.004l.279-3.202a.904.904 0 0 0-.912-1.004zm0 17.308a1 1 0 0 0-1 1v3.19a1 1 0 0 0 1 1h164.054a1 1 0 0 0 1-1v-3.19a1 1 0 0 0-1-1z" clip-rule="evenodd" opacity=".5"/><path fill="#B0C6F8" fill-rule="evenodd" d="M302.209 71.187a1 1 0 0 0-1 1v4.978a1 1 0 0 0 1 1h33.564a1 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.96c.048.55.535.996 1.087.996h11.475a.9.9 0 0 0 .913-.996l-.434-4.96a1.11 1.11 0 0 0-1.087-.996zm-38.814 13.156a.9.9 0 0 0-.912.996l.433 4.96c.049.55.535.996 1.088.996h33.564a.9.9 0 0 0 .913-.996l-.434-4.96a1.11 1.11 0 0 0-1.087-.996zm39.965 0a.9.9 0 0 0-.913.996l.434 4.96c.048.55.535.996 1.087.996h11.475a.9.9 0 0 0 .913-.996l-.434-4.96a1.11 1.11 0 0 0-1.088-.996z" clip-rule="evenodd"/><path fill="#CEDCFF" fill-rule="evenodd" d="M304.51 97.499a.9.9 0 0 0-.913.996l.434 4.96c.048.55.535.996 1.087.996h33.565a.9.9 0 0 0 .913-.996l-.434-4.96a1.11 1.11 0 0 0-1.087-.996zm39.964 0a.9.9 0 0 0-.913.996l.434 4.96c.048.55.535.996 1.087.996h11.475a.9.9 0 0 0 .913-.996l-.434-4.96a1.11 1.11 0 0 0-1.087-.996z" clip-rule="evenodd"/><path fill="#1CCDB8" d="M322.209 124.174c.698-1.124 2.372-1.124 3.268 0l15.628 19.634c1.05 1.32.262 3.141-1.36 3.141h-27.82c-1.622 0-2.728-1.821-1.909-3.141z"/><path fill="#1CCDB8" d="M345.401 131.401c.699-1.125 2.373-1.125 3.268 0l9.876 12.407c1.051 1.32.263 3.141-1.359 3.141h-17.581c-1.621 0-2.728-1.821-1.909-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"/><rect width="188.629" height="45.152" x="126.137" y="162.548" stroke="#6571B2" stroke-dasharray="4 4" rx="3.5"/><path stroke="#6571B2" stroke-dasharray="4 4" d="m246.145 178.957 18.068-11.377c11.081-6.977 14.382-21.629 7.363-32.683a23.646 23.646 0 0 1 2.812-28.953l4.588-4.833"/><path fill="#87AAEF" d="M284.371 92.95a1.56 1.56 0 0 0-1.59-.293l-15.878 6a1.54 1.54 0 0 0-1.007 1.386 1.54 1.54 0 0 0 .874 1.475l2.48 1.212a.6.6 0 0 1 .132.094c.258.664 1.275 3.263 1.728 4.202.229.479.65.814 1.041.96l-.086-.013q.113.043.234.067a1.55 1.55 0 0 0 1.413-.426l.923-.924a.525.525 0 0 1 .625-.086l3.978 2.259a1.56 1.56 0 0 0 1.386.078c.453-.195.781-.581.901-1.059l3.322-13.394a1.54 1.54 0 0 0-.476-1.537m-14 9.554 8.513-4.87-4.805 4.922a.8.8 0 0 0-.175.279l-.005.013c-.01.031-.96 2.833-1.522 4.1a.95.95 0 0 1-.333-.367c-.416-.874-1.387-3.348-1.673-4.077"/><defs><linearGradient id="a" x1="228.813" x2="228.813" 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="#7D87A1"/><stop offset="1" stop-color="#97A1BB"/></linearGradient><linearGradient id="c" 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="d" 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="e" 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="f" 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="g" x1="206.721" x2="206.721" y1="87.856" y2="223.769" gradientUnits="userSpaceOnUse"><stop stop-color="#0C2054"/><stop offset="1" stop-color="#113C81"/></linearGradient><linearGradient id="h" x1="206.721" x2="206.721" y1="87.856" y2="223.769" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#9DA8E1"/></linearGradient><linearGradient id="i" x1="44.439" x2="44.439" y1="0" y2="105.817" gradientUnits="userSpaceOnUse"><stop stop-color="#586075"/><stop offset="1" stop-color="#65749C"/></linearGradient></defs></svg>

package/src/features/pages/not-found/index.vue

@@ -0,0 +1,72 @@
+<script setup lang="ts">
+import { useSettingsStore, useTabbarStore } from '@/features/stores';
+
+const route = useRoute();
+const router = useRouter();
+
+const settingsStore = useSettingsStore();
+const tabbarStore = useTabbarStore();
+
+const data = ref({
+  inter: Number.NaN,
+  countdown: 5,
+});
+
+onBeforeRouteLeave(() => {
+  if (data.value.inter) {
+    window.clearInterval(data.value.inter);
+  }
+});
+
+onMounted(() => {
+  if (settingsStore.settings.tabbar.enable) {
+    tabbarStore.remove(route.meta.activeMenu || route.fullPath);
+  }
+  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() {
+  router.push('/');
+}
+</script>
+
+<template>
+  <div w-full h-full class="dark:bg-[#25282D]">
+    <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="allIcon 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]">
+          404
+        </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>
+  </div>
+</template>
+
+<style scoped>
+.allIcon {
+  background: url("./assets/404.svg") no-repeat;
+  background-size: 100% 100%;
+}
+
+[data-theme="dark"] .allIcon {
+  background: url("./assets/404_dark.svg") no-repeat;
+  background-size: 100% 100%;
+}
+</style>

package/src/features/pages/profile/index.vue

@@ -0,0 +1,125 @@
+<script setup lang="ts">
+import type { ProColumns } from '@pubinfo/pro-components';
+import { SchemaForm } from '@pubinfo/pro-components';
+import { isNil } from 'lodash-es';
+import { getRbacUserUserEntireInfo } from '@/features/api/modules/rbac';
+
+// TODO 解耦组件库
+
+defineOptions({
+  name: 'PersonalCenter',
+});
+
+const form = ref<API.PubUserBo>({});
+
+const sexOptions = [
+  { label: '未知', value: '0' },
+  { label: '男', value: '1' },
+  { label: '女', value: '2' },
+];
+
+function renderText({ value }: any) {
+  return isNil(value) ? '-' : value;
+}
+
+const columns: ProColumns = [
+  {
+    render: renderText,
+    renderFormItem: renderText,
+    dataIndex: 'loginName',
+    title: '登录账号',
+    colProps: { span: 12 },
+  },
+  {
+    render: renderText,
+    valueType: 'a-input',
+    dataIndex: 'realName',
+    title: '真实姓名',
+    colProps: { span: 12 },
+  },
+  {
+    render: renderText,
+    valueType: 'a-input',
+    dataIndex: 'mobile',
+    title: '手机号',
+    colProps: { span: 12 },
+  },
+  {
+    render: ({ value }) => sexOptions.find(e => e.value === value)?.label,
+    valueType: 'a-radio-group',
+    dataIndex: 'sex',
+    title: '性别',
+    colProps: { span: 12 },
+    fieldProps: {
+      options: sexOptions,
+    },
+  },
+  {
+    render: renderText,
+    valueType: 'a-input',
+    dataIndex: 'email',
+    title: '邮箱',
+    colProps: { span: 12 },
+  },
+  {
+    render: renderText,
+    valueType: 'a-input',
+    dataIndex: 'idCard',
+    title: '身份证',
+    colProps: { span: 12 },
+  },
+  {
+    render: renderText,
+    valueType: 'a-input',
+    dataIndex: 'address',
+    title: '地址',
+    colProps: { span: 12 },
+  },
+];
+
+const permissionColumns: ProColumns = [
+  {
+    renderFormItem: ({ value }) => value?.map((item: API.PubUserOrgBo) => item.orgName).join('、'),
+    dataIndex: 'userOrgList',
+    title: '所属组织',
+  },
+];
+
+async function getCurrentUserInfo() {
+  const res = await getRbacUserUserEntireInfo();
+  if (res.success) {
+    form.value = res.data ?? {};
+  }
+}
+
+onMounted(() => {
+  getCurrentUserInfo();
+});
+</script>
+
+<template>
+  <div class="relative w-full h-full py-10px px-10px overflow-hidden">
+    <div class="w-full h-full overflow-y-auto space-y-3">
+      <a-card title="个人信息" :bordered="false">
+        <SchemaForm
+          v-model="form"
+          :label-col="{ style: { width: '100px' } }"
+          :columns="columns"
+          readonly
+          grid
+          :submitter="false"
+        />
+      </a-card>
+
+      <a-card title="权限信息" :bordered="false">
+        <SchemaForm
+          v-model="form"
+          :label-col="{ style: { width: '100px' } }"
+          :columns="permissionColumns"
+          :submitter="false"
+          style="width: 600px;"
+        />
+      </a-card>
+    </div>
+  </div>
+</template>

package/src/features/router/asyncRoutes.ts

@@ -0,0 +1,35 @@
+import type { Route } from '#/vue-router';
+
+// #region --- 本地异步路由
+interface AsyncRoutesOptions {
+  /** 路由排序 */
+  sort?: number
+}
+
+interface RawAsyncRoute extends Required<AsyncRoutesOptions> {
+  routes: Route.recordMainRaw[]
+}
+
+const rawAsyncRoutes: RawAsyncRoute[] = [];
+
+/**
+ * 定义并注册本地异步路由
+ */
+export function defineAsyncRoutes(routes: Route.recordMainRaw[], options?: AsyncRoutesOptions) {
+  rawAsyncRoutes.push({
+    routes,
+    sort: options?.sort ?? 0,
+  });
+  return routes;
+}
+
+/**
+ * 读取注册的本地异步路由
+ */
+export function getAsyncRoutes() {
+  return rawAsyncRoutes
+    .sort((a, b) => a?.sort - b?.sort)
+    .map(e => e.routes)
+    .flat();
+}
+// #endregion

package/src/features/router/index.ts

@@ -0,0 +1,2 @@
+export * from './asyncRoutes';
+export * from './systemRoutes';

package/src/features/router/systemRoutes.ts

@@ -0,0 +1,44 @@
+import type { RouteRecordRaw } from 'vue-router';
+import { setupDefaultLayout } from '@/core';
+import { useSettingsStore } from '@/features/stores';
+
+// #region --- 系统路由
+const systemRoutes: RouteRecordRaw[] = [
+  {
+    path: '/',
+    meta: {
+      title: () => useSettingsStore().settings.home.title,
+      breadcrumb: false,
+    },
+    children: [
+      // TODO 优化掉该页面
+      {
+        path: 'profile',
+        name: 'Profile',
+        component: () => import('@/features/pages/profile/index.vue'),
+        meta: {
+          title: '个人中心',
+          icon: 'i-iconamoon-profile-duotone',
+        },
+      },
+    ],
+  },
+];
+
+/**
+ * 定义并注册系统路由（含Layout）
+ */
+export function defineSystemRoutes(routes: RouteRecordRaw[]) {
+  systemRoutes[0].children?.push(...routes);
+}
+
+/**
+ * 读取注册的系统路由
+ */
+export function getSystemRoutes() {
+  if (!systemRoutes[0].component) {
+    systemRoutes[0].component = setupDefaultLayout();
+  }
+  return systemRoutes;
+}
+// #endregion

package/src/features/settings/index.ts

@@ -0,0 +1,105 @@
+import type { RequiredDeep } from 'type-fest';
+import { defaultsDeep } from 'lodash-es';
+
+/** 默认配置 */
+let globalSettings: RequiredDeep<Settings.all> = {
+  app: {
+    lightTheme: 'classic',
+    darkTheme: 'dark',
+    colorScheme: 'light',
+    defaultLang: 'zh-cn',
+    enablePermission: true,
+    enableProgress: true,
+    enableDynamicTitle: true,
+    storagePrefix: 'wsy_rbac',
+    // enableWatermark: false,
+    enableUserPreferences: true,
+    enableSettingPreferences: true,
+    enableAppSetting: true,
+  },
+  home: {
+    enable: false,
+    title: '主页',
+  },
+  layout: {
+    widthMode: 'adaption',
+    enableMobileAdaptation: false,
+  },
+  menu: {
+    menuMode: 'head',
+    isRounded: true,
+    menuActiveStyle: '',
+    switchMainMenuAndPageJump: true,
+    subMenuUniqueOpened: true,
+    subMenuOnlyOneHide: true,
+    subMenuCollapse: false,
+    enableSubMenuCollapseButton: true,
+    enableHotkeys: false,
+    showWithoutPermission: false,
+  },
+  topbar: {
+    mode: 'fixed',
+    switchTabbarAndToolbar: false,
+  },
+  tabbar: {
+    enable: true,
+    style: 'fashion',
+    enableIcon: true,
+    mergeTabsBy: 'activeMenu',
+    enableMemory: true,
+    enableHotkeys: true,
+    storageTo: 'local',
+  },
+  toolbar: {
+    enableNotification: true,
+    enableFullscreen: true,
+    enablePageReload: true,
+    enableColorScheme: true,
+  },
+  favorites: {
+    enable: true,
+    storageTo: 'local',
+  },
+  breadcrumb: {
+    enable: true,
+    style: '',
+    enableMainMenu: true,
+  },
+  mainPage: {
+    enableHotkeys: true,
+    iframeCacheMax: 3,
+    enableTransition: true,
+    transitionMode: 'fade',
+  },
+  navSearch: {
+    enable: true,
+    enableHotkeys: true,
+  },
+  copyright: {
+    enable: false,
+    dates: '2024-2025',
+    company: '浙江省公众信息产业有限公司',
+    website: '',
+    beian: '',
+  },
+  watermark: {
+    enable: false,
+    text: 'PUBINFO',
+    width: 150,
+    x: 0,
+    y: 0,
+    x_space: 50,
+    y_space: 50,
+    alpha: 0.1,
+  },
+};
+
+/** 定义配置 */
+export function defineSettings(settings: Settings.all) {
+  globalSettings = defaultsDeep(settings, globalSettings);
+  return settings;
+}
+
+export function getSettings() {
+  return globalSettings;
+};

package/src/features/stores/enum.ts

@@ -0,0 +1,28 @@
+export enum STORE_NAME {
+  /** @description 标签管理 */
+  FAVORITES = 'favorites',
+
+  /** @description iframe功能 */
+  IFRAME = 'iframe',
+
+  /** @description 页面缓存功能 */
+  KEEP_ALIVE = 'keepAlive',
+
+  /** @description 维护侧边栏 */
+  MENU = 'menu',
+
+  /** @description 消息通知 */
+  NOTIFICATION = 'notification',
+
+  /** @description 路由系统 */
+  ROUTE = 'route',
+
+  /** @description 系统设置 */
+  SETTINGS = 'settings',
+
+  /** @description tab操作栏 */
+  TABBAR = 'tabbar',
+
+  /** @description 用户信息 */
+  USER = 'user',
+}

package/src/features/stores/index.ts

@@ -0,0 +1 @@
+export * from './modules';