(name: string) {
+ const pools = [...this._processPool.values()];
+ return pools.find(proc => proc.processInfo.name === name) as T;
+ }
+
+ /**
+ * 根据进程id删除进程
+ * @param id 进程id
+ */
+ public removeProcess(id: string): void;
+ /**
+ * 根据进程删除进程
+ * @param process 进程信息
+ */
+ public removeProcess(process: AppProcess): void;
+ public removeProcess(params: string | AppProcess) {
+ const id = typeof params === 'string' ? params : params.id;
+ this._processPool.delete(id);
+ }
+
+ /**
+ * 通过进程名称查找进程信息
+ */
+ public findProcessInfoByName(name: string) {
+ return this._processInfos.find(info => info.name === name);
+ }
+}
\ No newline at end of file
diff --git a/src/core/process/types/AppProcessEvent.ts b/src/core/process/types/AppProcessEvent.ts
new file mode 100644
index 0000000..ed34380
--- /dev/null
+++ b/src/core/process/types/AppProcessEvent.ts
@@ -0,0 +1,14 @@
+/**
+ * 进程的事件
+ * onProcessExit - 进程退出
+ * onProcessWindowFormOpen - 进程的窗体打开
+ * onProcessWindowFormExit - 进程的窗体退出
+ * onProcessWindowFormFocus - 进程的窗体获取焦点
+ *
+ */
+type AppProcessEvent =
+ 'onProcessExit' |
+ 'onProcessWindowFormOpen' |
+ 'onProcessWindowFormExit' |
+ 'onProcessWindowFormFocus' |
+ 'onProcessWindowFormBlur'
\ No newline at end of file
diff --git a/src/core/process/types/AppProcessInfoParams.ts b/src/core/process/types/AppProcessInfoParams.ts
new file mode 100644
index 0000000..2e5c59f
--- /dev/null
+++ b/src/core/process/types/AppProcessInfoParams.ts
@@ -0,0 +1,26 @@
+import type { Version } from '../../common/types/Version.ts'
+import type { WindowFormConfig } from '../../window/types/WindowFormConfig.ts'
+
+/**
+ * 应用进程入参信息
+ */
+export interface AppProcessInfoParams {
+ /** 应用进程名称 */
+ name: string;
+ /** 应用进程标题 */
+ title?: string;
+ /** 应用进程描述 */
+ description?: string;
+ /** 应用进程图标 */
+ icon?: string;
+ /** 应用进程启动入口 */
+ startName?: string;
+ /** 应用版本信息 */
+ version?: Version;
+ /** 应用是否只存在一个进程 */
+ singleton: boolean;
+ /** 是否只是一个进程, 没有UI */
+ isJustProcess: boolean;
+ /** 进程所有的窗口配置信息 */
+ windowFormConfigs?: WindowFormConfig[];
+}
\ No newline at end of file
diff --git a/src/core/system/BasicSystemProcess.ts b/src/core/system/BasicSystemProcess.ts
new file mode 100644
index 0000000..51731ee
--- /dev/null
+++ b/src/core/system/BasicSystemProcess.ts
@@ -0,0 +1,18 @@
+import AppProcess from '../process/AppProcess.ts'
+import { AppProcessInfo } from '@/core/process/AppProcessInfo.ts'
+
+/**
+ * 基础系统进程
+ */
+export class BasicSystemProcess extends AppProcess{
+ private _isMounted: boolean = false;
+
+ public get isMounted() {
+ return this._isMounted;
+ }
+
+ constructor(info: AppProcessInfo) {
+ super(info)
+ console.log('BasicSystemProcess')
+ }
+}
\ No newline at end of file
diff --git a/src/core/system/BasicSystemProcessInfo.ts b/src/core/system/BasicSystemProcessInfo.ts
new file mode 100644
index 0000000..99c51ea
--- /dev/null
+++ b/src/core/system/BasicSystemProcessInfo.ts
@@ -0,0 +1,18 @@
+import { AppProcessInfo } from '@/core/process/AppProcessInfo.ts'
+
+/**
+ * 基础系统进程信息
+ */
+export const BasicSystemProcessInfo = new AppProcessInfo({
+ name: 'basic-system',
+ title: '基础系统进程',
+ isJustProcess: true,
+ version: {
+ company: 'XZG',
+ major: 1,
+ minor: 0,
+ build: 0,
+ private: 0
+ },
+ singleton: true
+});
diff --git a/src/core/utils/Singleton.ts b/src/core/utils/Singleton.ts
new file mode 100644
index 0000000..bc79eb8
--- /dev/null
+++ b/src/core/utils/Singleton.ts
@@ -0,0 +1,17 @@
+/** 单例模式
+ * 确保一个类只有一个实例，并提供一个全局访问点
+ * @param constructor
+ * @constructor
+ */
+export function Singleton(constructor: T): T {
+ let instance: any;
+
+ return new Proxy(constructor, {
+ construct(target, argsList, newTarget) {
+ if (!instance) {
+ instance = Reflect.construct(target, argsList, newTarget);
+ }
+ return instance;
+ },
+ });
+}
diff --git a/src/core/window/WindowForm.ts b/src/core/window/WindowForm.ts
new file mode 100644
index 0000000..edd3ff3
--- /dev/null
+++ b/src/core/window/WindowForm.ts
@@ -0,0 +1,22 @@
+import { v4 as uuidV4 } from 'uuid';
+import type AppProcess from '../process/AppProcess.ts'
+import XSystem from '../XSystem.ts'
+import type { AppProcessInfo } from '../process/AppProcessInfo.ts'
+
+export default class WindowForm {
+ private readonly _id: string = uuidV4();
+ private readonly _procId: string;
+
+ public get id() {
+ return this._id;
+ }
+ public get proc() {
+ return XSystem.instance.processManages.findProcessById(this._procId)
+ }
+
+ constructor(proc: AppProcess, startName: string) {
+ this._procId = proc.id;
+ console.log('WindowForm')
+ }
+
+}
\ No newline at end of file
diff --git a/src/core/window/types/WindowFormConfig.ts b/src/core/window/types/WindowFormConfig.ts
new file mode 100644
index 0000000..0a01bab
--- /dev/null
+++ b/src/core/window/types/WindowFormConfig.ts
@@ -0,0 +1,60 @@
+/**
+ * 窗体配置
+ */
+export interface WindowFormConfig {
+ /**
+ * 窗体名称
+ */
+ name: string;
+ /**
+ * 窗体标题
+ */
+ title?: string;
+ /**
+ * 窗体图标
+ */
+ icon?: string;
+ top?: number;
+ left?: number;
+ /**
+ * 窗体宽度
+ */
+ width?: number;
+ widthAuto?: boolean;
+ /**
+ * 窗体高度
+ */
+ height?: number;
+ heightAuto?: boolean;
+ /**
+ * 窗体最小宽度
+ */
+ minWidth?: number;
+ /**
+ * 窗体最小高度
+ */
+ minHeight?: number;
+ /**
+ * 窗体最大宽度
+ */
+ maxWidth?: number;
+ /**
+ * 窗体最大高度
+ */
+ maxHeight?: number;
+ /**
+ * 窗体透明度
+ */
+ opacity?: number;
+ windowStyle?: string;
+ windowState?: number;
+ resizeMode?: number;
+ topMost?: boolean;
+ /**
+ * 是否显示在任务栏
+ */
+ showInTaskbar?: boolean;
+ showTitleBarIcon?: boolean;
+ showTitleBarText?: boolean;
+ hideTitleBar?: boolean;
+}
\ No newline at end of file
diff --git a/src/css/basic.css b/src/css/basic.css
new file mode 100644
index 0000000..0272d6b
--- /dev/null
+++ b/src/css/basic.css
@@ -0,0 +1,135 @@
+/* ===== 基础重置 ===== */
+*,
+*::before,
+*::after {
+ box-sizing: border-box; /* 使用更直观的盒模型 */
+ margin: 0;
+ padding: 0;
+}
+
+/* ===== 根元素设置 ===== */
+:root {
+ /* 字体设置 */
+ --font-sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+ Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+ 'Liberation Mono', 'Courier New', monospace;
+
+ /* 颜色变量 */
+ --color-primary: #3a86ff;
+ --color-secondary: #8338ec;
+ --color-accent: #ff006e;
+ --color-text: #333;
+ --color-light: #f8f9fa;
+ --color-dark: #212529;
+ --color-gray: #6c757d;
+
+ /* 响应式基础大小 */
+ --base-font-size: 16px;
+ --spacing-unit: 1rem;
+
+ /* 过渡动画 */
+ --transition-speed: 0.3s;
+}
+
+/* ===== 基础HTML元素样式 ===== */
+html {
+ scroll-behavior: smooth; /* 平滑滚动 */
+ font-size: var(--base-font-size);
+ line-height: 1.6;
+}
+
+body {
+ font-family: var(--font-sans);
+ color: var(--color-text);
+ background-color: var(--color-light);
+ -webkit-font-smoothing: antialiased; /* 字体抗锯齿 */
+ text-rendering: optimizeLegibility;
+ overflow-x: hidden;
+}
+
+/* ===== 排版元素 ===== */
+h1, h2, h3, h4, h5, h6 {
+ line-height: 1.2;
+ margin-bottom: var(--spacing-unit);
+ font-weight: 700;
+}
+
+p {
+ margin-bottom: var(--spacing-unit);
+}
+
+a {
+ color: var(--color-primary);
+ text-decoration: none;
+ transition: color var(--transition-speed);
+}
+
+a:hover {
+ color: var(--color-secondary);
+ text-decoration: underline;
+}
+
+/* ===== 表单元素 ===== */
+input,
+button,
+textarea,
+select {
+ font: inherit; /* 继承字体设置 */
+ margin: 0;
+}
+
+button {
+ cursor: pointer;
+ background-color: transparent;
+ border: none;
+}
+
+/* ===== 图片和媒体 ===== */
+img,
+picture,
+video,
+canvas,
+svg {
+ display: block;
+ max-width: 100%;
+ height: auto;
+}
+
+/* ===== 实用工具类 ===== */
+.container {
+ width: 100%;
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 0 calc(var(--spacing-unit) * 1.5);
+}
+
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border: 0;
+}
+
+/* ===== 响应式媒体查询 ===== */
+@media (prefers-reduced-motion: reduce) {
+ *,
+ *::before,
+ *::after {
+ animation-duration: 0.01ms !important;
+ animation-iteration-count: 1 !important;
+ transition-duration: 0.01ms !important;
+ scroll-behavior: auto !important;
+ }
+}
+
+@media (min-width: 768px) {
+ :root {
+ --base-font-size: 16px;
+ }
+}
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..a54b5e3
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,16 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+
+import 'virtual:uno.css'
+import './css/basic.css'
+
+// import App from './App.vue'
+
+// const app = createApp(App)
+//
+// app.use(createPinia())
+//
+// app.mount('#app')
+
+import XSystem from '@/core/XSystem.ts'
+XSystem.instance.initialization(document.querySelector('#app')!);
\ No newline at end of file
diff --git a/src/stores/counter.ts b/src/stores/counter.ts
new file mode 100644
index 0000000..b6757ba
--- /dev/null
+++ b/src/stores/counter.ts
@@ -0,0 +1,12 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useCounterStore = defineStore('counter', () => {
+ const count = ref(0)
+ const doubleCount = computed(() => count.value * 2)
+ function increment() {
+ count.value++
+ }
+
+ return { count, doubleCount, increment }
+})
diff --git a/tsconfig.app.json b/tsconfig.app.json
new file mode 100644
index 0000000..eb8166c
--- /dev/null
+++ b/tsconfig.app.json
@@ -0,0 +1,16 @@
+{
+ "extends": "@vue/tsconfig/tsconfig.dom.json",
+ "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+ "exclude": ["src/**/__tests__/*"],
+ "compilerOptions": {
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+
+ "paths": {
+ "@/*": ["./src/*"]
+ },
+ "experimentalDecorators": true,
+ "target": "ES6",
+ "module": "ESNext",
+ "strictPropertyInitialization": false // 严格属性初始化检查
+ }
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..66b5e57
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,11 @@
+{
+ "files": [],
+ "references": [
+ {
+ "path": "./tsconfig.node.json"
+ },
+ {
+ "path": "./tsconfig.app.json"
+ }
+ ]
+}
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..a83dfc9
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,19 @@
+{
+ "extends": "@tsconfig/node22/tsconfig.json",
+ "include": [
+ "vite.config.*",
+ "vitest.config.*",
+ "cypress.config.*",
+ "nightwatch.conf.*",
+ "playwright.config.*",
+ "eslint.config.*"
+ ],
+ "compilerOptions": {
+ "noEmit": true,
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+
+ "module": "ESNext",
+ "moduleResolution": "Bundler",
+ "types": ["node"]
+ }
+}
diff --git a/uno.config.ts b/uno.config.ts
new file mode 100644
index 0000000..f663776
--- /dev/null
+++ b/uno.config.ts
@@ -0,0 +1,9 @@
+// uno.config.ts
+import { defineConfig, transformerDirectives, transformerVariantGroup } from 'unocss'
+
+export default defineConfig({
+ transformers: [
+ transformerVariantGroup(), // 允许像 "hover:(bg-red-500 text-white)" 这种写法
+ transformerDirectives(), // 解析 @apply / @screen / @unocss
+ ],
+})
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..f747d7b
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,23 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import vueDevTools from 'vite-plugin-vue-devtools'
+
+import UnoCSS from 'unocss/vite'
+
+// https://vite.dev/config/
+export default defineConfig({
+ plugins: [
+ vue(),
+ vueJsx(),
+ vueDevTools(),
+ UnoCSS()
+ ],
+ resolve: {
+ alias: {
+ '@': fileURLToPath(new URL('./src', import.meta.url))
+ }
+ }
+})