@phelan/design 0.0.1

package/docs/toolkit/request.md

@@ -0,0 +1,127 @@
+---
+outline: deep
+---
+
+# 请求封装 (request)
+
+请求模块基于 axios 封装，提供了增强的 HTTP 请求功能，包括自动 token 注入、错误处理、重复提交防护、缓存管理等。
+
+## 常量
+
+### baseUrl
+
+不同服务接口的基础访问路径。
+
+**类型：** `{ article: string, store: string, payment: string, supplier: string, tendering: string, reconciliation: string }`
+
+| 服务名称 | 基础路径 |
+| --- | --- |
+| `article` | `/article` |
+| `store` | `/store-service/store-service` |
+| `payment` | `/payment-middleware-service` |
+| `supplier` | `/supplier-service` |
+| `tendering` | `/tendering-service` |
+| `reconciliation` | `/reconciliation-service` |
+
+```typescript
+import { baseUrl } from '@aldi/aim-toolkit/request';
+
+console.log(baseUrl.store); // '/store-service/store-service'
+console.log(baseUrl.supplier); // '/supplier-service'
+```
+
+### cache
+
+缓存工具对象，包含会话级缓存和本地缓存。
+
+**类型：** `{ session: SessionCache, local: LocalCache }`
+
+```typescript
+import { cache } from '@aldi/aim-toolkit/request';
+
+// 会话级缓存
+cache.session.set('key', 'value');
+const value = cache.session.get('key');
+
+// 本地缓存
+cache.local.set('key', 'value');
+const value = cache.local.get('key');
+```
+
+## 函数/API
+
+### axios
+
+增强的 axios 实例，已配置请求和响应拦截器。
+
+**类型：** `AxiosInstance`
+
+```typescript
+import { axios } from '@aldi/aim-toolkit/request';
+
+const response = await axios.get('/api/users');
+```
+
+### axios.create()
+
+创建新的 axios 实例，可以传入自定义配置。
+
+**参数：**
+- `createAxiosConfig?: CreateAxiosDefaults` - axios 配置对象
+
+**返回值：** `AxiosInstance` - axios 实例
+
+```typescript
+import { axios } from '@aldi/aim-toolkit/request';
+
+const customAxios = axios.create({
+  baseURL: 'https://api.example.com',
+  timeout: 5000,
+});
+```
+
+## 类型
+
+### IResponseData
+
+普通接口查询出参类型。
+
+```typescript
+type IResponseData<T> = {
+  code: number;
+  msg: string;
+  data: T;
+};
+```
+
+### IResponseDataList
+
+列表接口查询出参类型。
+
+```typescript
+type IResponseDataList<T> = {
+  code: number;
+  msg: string;
+  rows: T[];
+  total: number;
+};
+```
+
+### IRequestParamsList
+
+列表接口查询入参类型。
+
+```typescript
+type IRequestParamsList<T = Record<string, unknown>> = {
+  pageNum?: number;
+  pageSize?: number;
+} & T;
+```
+
+### IResponse
+
+接口响应类型。
+
+```typescript
+type IResponse<T = any> = IResponseData<T> | IResponseDataList<T>;
+```

package/docs/toolkit/start.md

@@ -0,0 +1,110 @@
+---
+outline: deep
+---
+
+# 快速接入
+
+`@aldi/aim-toolkit` 是一个专门为 AIM 项目设计的前端工具类库，提供了环境管理、域名配置、请求封装、监控上报、微前端集成等常用功能。
+
+## 安装
+
+```bash
+npm install @aldi/aim-toolkit@latest --save
+```
+
+## 模块概览
+
+工具类库包含以下模块：
+
+- **env** - 环境管理工具，用于获取当前运行环境
+- **domain** - 域名配置，包含 AIM 域名和供应商域名常量
+- **monitor** - 监控上报，基于 Aegis 的监控封装
+- **request** - HTTP 请求封装，基于 axios 的增强实例
+- **wujie** - 无界微前端集成，提供 token 管理和登出功能
+
+## 基础使用
+
+### 按需引入
+
+```typescript
+import { getEnv } from '@aldi/aim-toolkit/env';
+import { aimDomain } from '@aldi/aim-toolkit/domain';
+import { Monitor } from '@aldi/aim-toolkit/monitor';
+import { axios, baseUrl } from '@aldi/aim-toolkit/request';
+import { getToken } from '@aldi/aim-toolkit/wujie';
+```
+
+### 全量引入
+
+```typescript
+import { env, domain, monitor, request, wujie } from '@aldi/aim-toolkit';
+```
+
+## 快速开始
+
+### 1. 环境判断
+
+```typescript
+import { getEnv, getNodeEnv } from '@aldi/aim-toolkit/env';
+
+// 获取当前环境字符 (dev | test | pre | prod)
+const currentEnv = getEnv();
+
+// 获取 Node 构建模式 (development | staging | production)
+const nodeEnv = getNodeEnv();
+```
+
+### 2. 域名配置
+
+```typescript
+import { aimDomain, aimSupplierDomain } from '@aldi/aim-toolkit/domain';
+
+// AIM 域名
+console.log(aimDomain.dev); // 'dev.aim.aldi.com.cn'
+console.log(aimDomain.prod); // 'aim.aldi.com.cn'
+
+// 供应商域名
+console.log(aimSupplierDomain.test); // 'aim.supplier.test.aldicn.local'
+```
+
+### 3. HTTP 请求
+
+```typescript
+import { axios, baseUrl } from '@aldi/aim-toolkit/request';
+
+// 使用增强的 axios 实例
+const response = await axios.get('/api/users');
+
+// 使用预定义的基础路径
+const storeData = await axios.get(`${baseUrl.store}/stores`);
+```
+
+### 4. 监控初始化
+
+```typescript
+import { Monitor } from '@aldi/aim-toolkit/monitor';
+import { createApp } from 'vue';
+
+const app = createApp(App);
+
+// 初始化监控
+Monitor.init({
+  name: 'your-app-name',
+  flag: 'your-app-flag',
+});
+
+// 绑定 Vue 错误处理
+Monitor._instance?.bindVueErrorHandler(app);
+```
+
+### 5. 微前端 Token 管理
+
+```typescript
+import { getToken, loginOutHandler } from '@aldi/aim-toolkit/wujie';
+
+// 获取 token
+const token = getToken();
+
+// 登出处理
+loginOutHandler();
+```

package/docs/toolkit/wujie.md

@@ -0,0 +1,34 @@
+---
+outline: deep
+---
+
+# 微前端集成 (wujie)
+
+wujie 模块提供了与无界微前端框架集成的功能，包括 token 管理和登出处理。
+
+## 函数/API
+
+### getToken()
+
+获取 token。如果是在无界微前端环境中，会通过事件总线从底座获取 token；否则返回传入的默认 token。
+
+**参数：**
+- `defaultToken?: string` - 默认 token，用于特殊情况或本地调试
+
+**返回值：** `string | undefined` - token 字符串
+
+```typescript
+import { getToken } from '@aldi/aim-toolkit/wujie';
+
+const token = getToken();
+```
+
+### loginOutHandler()
+
+调用无界底座的登出功能。会通过事件总线通知底座执行登出操作。
+
+```typescript
+import { loginOutHandler } from '@aldi/aim-toolkit/wujie';
+
+loginOutHandler();
+```

package/docs/tsconfig.json

@@ -0,0 +1,29 @@
+{
+    "extends": "../tsconfig.json",
+    "compilerOptions": {
+        "baseUrl": "..",
+        "paths": {
+            "@m-design/components": [
+                "./packages/components/src"
+            ],
+            "@m-design/icons": [
+                "./packages/icons/src"
+            ],
+            "@m-design/styles": [
+                "./packages/styles/src"
+            ]
+        },
+        "types": [
+            "vitepress/client"
+        ]
+    },
+    "include": [
+        ".vitepress/**/*.ts",
+        ".vitepress/**/*.vue",
+        "**/*.md"
+    ],
+    "exclude": [
+        "node_modules",
+        "dist"
+    ]
+}

package/package.json

@@ -0,0 +1,47 @@
+{
+    "name": "@phelan/design",
+    "version": "0.0.1",
+    "description": "后台管理系统前端组件库",
+    "type": "module",
+    "publishConfig": {
+        "access": "public"
+    },
+    "scripts": {
+        "dev": "pnpm --filter docs dev",
+        "build": "pnpm -r --filter './packages/*' build",
+        "build:docs": "pnpm --filter docs build",
+        "preview:docs": "pnpm --filter docs preview",
+        "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts",
+        "type-check": "pnpm -r --filter './packages/*' type-check",
+        "changeset": "changeset",
+        "version-packages": "changeset version",
+        "release": "changeset publish --access public"
+    },
+    "keywords": [
+        "vue3",
+        "component-library",
+        "element-plus",
+        "monorepo"
+    ],
+    "author": "",
+    "license": "MIT",
+    "devDependencies": {
+        "@changesets/cli": "^2.29.8",
+        "@types/node": "^20.10.0",
+        "@typescript-eslint/eslint-plugin": "^6.15.0",
+        "@typescript-eslint/parser": "^6.15.0",
+        "@vitejs/plugin-vue": "^5.0.0",
+        "changeset": "^0.2.6",
+        "eslint": "^8.55.0",
+        "eslint-plugin-vue": "^9.19.2",
+        "sass": "^1.69.5",
+        "typescript": "^5.3.3",
+        "vite": "^5.0.8",
+        "vitepress": "^1.0.0-rc.31",
+        "vue-tsc": "^2.0.0"
+    },
+    "engines": {
+        "node": ">=18.0.0",
+        "pnpm": ">=8.0.0"
+    }
+}

package/packages/components/CHANGELOG.md

@@ -0,0 +1,81 @@
+# @m-design/components
+
+## 0.0.6
+
+### Patch Changes
+
+- 更新表格组件
+
+## 0.0.5
+
+### Patch Changes
+
+- 更新 tablegrid
+
+## 0.0.4
+
+### Patch Changes
+
+- 更新 table 组件
+
+## 0.0.3
+
+### Patch Changes
+
+- 小版本发布：新增功能和改进
+
+  - 新增 Table 组件完全透传支持
+  - 新增 Pagination 组件
+  - 新增 TableGrid 组件
+  - 新增 SearchGrid 组件
+  - 优化 Link 组件透传
+  - 修复构建错误
+
+## 0.0.2
+
+### Patch Changes
+
+- 小版本发布：新增功能和改进
+
+  - 新增 Table 组件完全透传支持
+  - 新增 Pagination 组件
+  - 新增 TableGrid 组件
+  - 新增 SearchGrid 组件
+  - 优化 Link 组件透传
+  - 修复构建错误
+
+## 2.0.0
+
+### Major Changes
+
+- 日历组件更新
+
+## 1.0.0
+
+### Major Changes
+
+- 修改
+
+## 4.0.0
+
+### Major Changes
+
+- 增加文档
+
+## 3.0.0
+
+### Major Changes
+
+- 日历组件
+
+## 2.0.1
+
+### Patch Changes
+
+- 1
+
+## 2.0.0
+
+### Major Changes
+
+- init

package/packages/components/README.md

@@ -0,0 +1,83 @@
+# @m-design/components
+
+M-Design 组件库，基于 Vue 3 和 Element Plus 构建的后台管理系统组件库。
+
+## 安装
+
+```bash
+npm install @m-design/components
+# 或
+pnpm add @m-design/components
+# 或
+yarn add @m-design/components
+```
+
+## 依赖
+
+- Vue 3.3.0+
+- Element Plus 2.4.0+
+
+## 使用方式
+
+### 全量引入
+
+```typescript
+import { createApp } from 'vue'
+import MDesign from '@m-design/components'
+import '@m-design/components/style'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+
+const app = createApp(App)
+app.use(ElementPlus)
+app.use(MDesign)
+```
+
+### 按需引入
+
+```vue
+<template>
+  <MButton type="primary">按钮</MButton>
+  <MCalendar v-model="date" :tasks="tasks" />
+</template>
+
+<script setup lang="ts">
+import { MButton, MCalendar } from '@m-design/components'
+import '@m-design/components/style'
+import type { CalendarProps } from '@m-design/components'
+
+const date = ref(new Date())
+const tasks: CalendarProps['tasks'] = [
+  {
+    id: '1',
+    name: '任务1',
+    startTime: '2024-01-01 10:00:00',
+    endTime: '2024-01-03 18:00:00'
+  }
+]
+</script>
+```
+
+## 组件列表
+
+- **MButton** - 按钮组件
+- **MCalendar** - 日历组件（支持甘特图模式）
+
+## 类型支持
+
+组件库提供完整的 TypeScript 类型定义，支持类型提示和类型检查。
+
+```typescript
+import type { ButtonProps, CalendarProps } from '@m-design/components'
+```
+
+## 开发
+
+```bash
+# 构建
+pnpm build
+
+# 类型检查
+pnpm type-check
+```
+

package/packages/components/package.json

@@ -0,0 +1,36 @@
+{
+    "name": "@m-design/components",
+    "version": "0.0.6",
+    "description": "M-Design 组件库",
+    "type": "module",
+    "main": "./dist/index.js",
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "import": "./dist/index.js",
+            "types": "./dist/index.d.ts"
+        },
+        "./style": "./dist/style.css"
+    },
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "build": "vite build && vue-tsc --emitDeclarationOnly --outDir dist",
+        "type-check": "vue-tsc --noEmit"
+    },
+    "peerDependencies": {
+        "vue": "^3.3.0",
+        "element-plus": "^2.13.0"
+    },
+    "devDependencies": {
+        "@m-design/icons": "workspace:*",
+        "@vitejs/plugin-vue": "^5.0.0",
+        "element-plus": "^2.13.0",
+        "typescript": "^5.3.3",
+        "vue": "^3.3.0",
+        "vue-tsc": "^2.0.0",
+        "vite": "^5.0.8"
+    }
+}

package/packages/components/src/action-menu/index.ts

@@ -0,0 +1,5 @@
+import ActionMenu from './src/action-menu.vue';
+
+export const MActionMenu = ActionMenu;
+
+export * from './src/action-menu';

package/packages/components/src/action-menu/src/action-menu.ts

@@ -0,0 +1,34 @@
+export interface MenuItem {
+  /** 菜单项标题 */
+  title: string;
+
+  /** 菜单项唯一标识 */
+  id: string | number;
+
+  /** 是否可编辑 */
+  editable?: boolean;
+
+  /** 可执行的操作列表 */
+  operations?: Array<'delete'>;
+}
+
+export interface ActionMenuProps {
+  /** 菜单数据 */
+  data?: MenuItem[];
+
+  /** 容器宽度 */
+  width?: number | string;
+
+  /** 容器标题 */
+  title?: string;
+
+  /** 文本框最大长度 */
+  maxLength?: number;
+}
+
+export interface ActionMenuEmits {
+  (e: 'change', menuItem: MenuItem): void;
+  (e: 'add', title: string): void;
+  (e: 'delete', menuItem: MenuItem): void;
+  (e: 'select', menuItem: MenuItem): void;
+}