@keqi.gress/plugin-ui 1.0.1 → 1.3.0

package/README.md

@@ -1,155 +1,379 @@
-# @gress/plugin-ui
+# @keqi.gress/plugin-ui
 
-Gress 插件 UI 组件和样式包 - 提供统一的设计系统和通用组件
+Gress 插件 UI 组件和样式包 - 提供统一的设计系统、通用组件和完整的样式系统。
 
 ## 📦 安装
 
 ```bash
-npm install @gress/plugin-ui @gress/plugin-bridge
+npm install @keqi.gress/plugin-ui
 ```
 
 ## 🚀 快速开始
 
-### 导入样式
-
-在你的插件入口文件中导入样式：
+### 1. 导入样式
 
 ```typescript
-import '@gress/plugin-ui/dist/style.css'
+// main.ts
+import '@keqi.gress/plugin-ui/dist/style.css'
 ```
 
-### 使用 Composables
+### 2. 使用组件
 
-```typescript
-import { useLoadingState, useResponsive } from '@gress/plugin-ui'
+```vue
+<template>
+  <PageContainer>
+    <PageHeader title="我的页面" breadcrumb="首页 / 我的页面" />
+    <PageContent>
+      <CardList>
+        <div class="card">卡片内容</div>
+      </CardList>
+    </PageContent>
+  </PageContainer>
+</template>
 
-// 加载状态管理
-const { loading, error, isEmpty, execute } = useLoadingState()
+<script setup lang="ts">
+import { PageContainer, PageHeader, PageContent, CardList } from '@keqi.gress/plugin-ui'
+</script>
+```
 
-await execute(async () => {
-  const data = await fetchData()
-  return data
-}, {
-  checkEmpty: (data) => data.length === 0
-})
+## 📚 组件列表
+
+### 布局组件（3个）
+
+#### PageContainer
+页面容器组件，提供统一的页面布局。
 
-// 响应式工具
-const { isMobile, isTablet, isDesktop } = useResponsive()
+```vue
+<PageContainer>
+  <!-- 页面内容 -->
+</PageContainer>
 ```
 
-### 使用组件
+#### PageContent
+页面内容区域组件。
 
 ```vue
-<template>
-  <LoadingState v-if="loading" />
-  <EmptyState v-else-if="isEmpty" title="暂无数据" />
-  <ErrorState v-else-if="error" :error="error" />
-  <div v-else>
-    <!-- 你的内容 -->
-  </div>
-</template>
+<PageContent>
+  <!-- 内容 -->
+</PageContent>
+```
 
-<script setup lang="ts">
-import { LoadingState, EmptyState, ErrorState } from '@gress/plugin-ui'
-</script>
+#### PageHeader
+页面头部组件，显示标题和面包屑。
+
+```vue
+<PageHeader 
+  title="页面标题" 
+  breadcrumb="首页 / 当前页" 
+/>
 ```
 
-## 📚 API 文档
+**Props:**
+- `title` (string, required): 页面标题
+- `breadcrumb` (string, optional): 面包屑文本
 
-### Composables
+### 数据展示组件（3个）
 
-#### `useLoadingState(options?)`
+#### CardList
+卡片列表容器，自动响应式布局。
 
-统一管理加载、错误和空状态。
+```vue
+<CardList size="medium" min-width="300px">
+  <div class="card">卡片1</div>
+  <div class="card">卡片2</div>
+</CardList>
+```
 
-**参数：**
-- `options.initialLoading` - 初始加载状态
-- `options.onError` - 错误回调
+**Props:**
+- `size` ('small' | 'medium' | 'large', optional): 卡片尺寸
+- `minWidth` (string, optional): 最小宽度
 
-**返回值：**
-- `loading` - 加载状态
-- `error` - 错误对象
-- `isEmpty` - 空状态
-- `execute(fn, options?)` - 执行异步操作
+#### PagePagination
+分页组件。
 
-#### `useResponsive()`
+```vue
+<PagePagination
+  v-model:page="currentPage"
+  v-model:page-size="pageSize"
+  :total="total"
+  :page-sizes="[10, 20, 50, 100]"
+  :show-size-picker="true"
+/>
+```
 
-响应式断点检测。
+**Props:**
+- `page` (number, required): 当前页码
+- `pageSize` (number, required): 每页条数
+- `total` (number, required): 总条数
+- `pageSizes` (number[], optional): 每页条数选项
+- `showSizePicker` (boolean, optional): 是否显示每页条数选择器
+
+**Events:**
+- `update:page`: 页码变化
+- `update:pageSize`: 每页条数变化
+
+#### LogViewer
+日志查看器组件，支持过滤、主题切换和自动滚动。
+
+```vue
+<LogViewer
+  :logs="logs"
+  :loading="loading"
+  :auto-scroll="true"
+  default-theme="light"
+  @refresh="handleRefresh"
+  @clear="handleClear"
+/>
+```
+
+**Props:**
+- `logs` (LogItem[], required): 日志列表
+- `loading` (boolean, optional): 是否加载中
+- `autoScroll` (boolean, optional): 是否自动滚动到底部
+- `defaultTheme` ('light' | 'dark', optional): 默认主题
+
+**Events:**
+- `refresh`: 刷新日志
+- `clear`: 清空日志
 
-**返回值：**
-- `isMobile` - 是否移动端 (< 768px)
-- `isTablet` - 是否平板 (768px - 1280px)
-- `isDesktop` - 是否桌面端 (>= 1280px)
-- `width` - 窗口宽度
-- `height` - 窗口高度
+### 交互组件（2个）
 
-### 组件
+#### FilterPanel
+过滤面板组件，支持基础和高级字段。
 
-#### `<LoadingState />`
+```vue
+<FilterPanel
+  v-model:filters="filters"
+  v-model:show-advanced="showAdvanced"
+  :basic-fields="basicFields"
+  :advanced-fields="advancedFields"
+  @search="handleSearch"
+  @reset="handleReset"
+/>
+```
+
+**Props:**
+- `filters` (Record<string, unknown>, required): 过滤器值对象
+- `basicFields` (FilterFieldConfig[], required): 基础字段配置
+- `advancedFields` (FilterFieldConfig[], optional): 高级字段配置
+- `showAdvanced` (boolean, optional): 是否展开高级字段
+- `searchText` (string, optional): 搜索按钮文本
+- `resetText` (string, optional): 重置按钮文本
+
+**Events:**
+- `update:filters`: 过滤器值变化
+- `update:showAdvanced`: 展开状态变化
+- `search`: 搜索
+- `reset`: 重置
+
+#### UniversalModal
+通用弹窗组件，支持多种位置和可调整大小。
 
+```vue
+<UniversalModal
+  v-model:show="showModal"
+  title="弹窗标题"
+  subtitle="副标题"
+  position="right"
+  width="600px"
+  :show-mask="true"
+  :resizable="true"
+  :show-fullscreen="true"
+  @confirm="handleConfirm"
+>
+  <div>弹窗内容</div>
+</UniversalModal>
+```
+
+**Props:**
+- `show` (boolean, required): 是否显示弹窗
+- `title` (string, optional): 标题
+- `subtitle` (string, optional): 副标题
+- `position` ('center' | 'left' | 'right' | 'top' | 'bottom', optional): 位置
+- `width` (string | number, optional): 宽度
+- `height` (string | number, optional): 高度
+- `showMask` (boolean, optional): 是否显示遮罩
+- `maskClosable` (boolean, optional): 点击遮罩是否关闭
+- `resizable` (boolean, optional): 是否可调整大小
+- `showFullscreen` (boolean, optional): 显示全屏按钮
+
+**Events:**
+- `update:show`: 显示状态变化
+- `close`: 关闭
+- `cancel`: 取消
+- `confirm`: 确认
+
+**Slots:**
+- `header`: 自定义头部
+- `default`: 内容区域
+- `footer`: 自定义底部
+
+### 反馈组件（3个）
+
+#### LoadingState
 加载状态组件。
 
-#### `<EmptyState />`
+```vue
+<LoadingState message="加载中..." />
+```
+
+**Props:**
+- `message` (string, optional): 加载提示文本
 
+#### EmptyState
 空状态组件。
 
-**Props：**
-- `title` - 标题
-- `description` - 描述
+```vue
+<EmptyState 
+  message="暂无数据" 
+  description="请尝试其他筛选条件"
+/>
+```
 
-#### `<ErrorState />`
+**Props:**
+- `message` (string, optional): 主要提示文本
+- `description` (string, optional): 描述文本
 
+#### ErrorState
 错误状态组件。
 
-**Props：**
-- `error` - 错误对象或字符串
-- `title` - 标题
+```vue
+<ErrorState 
+  message="加载失败" 
+  :error="error"
+  @retry="handleRetry"
+/>
+```
+
+**Props:**
+- `message` (string, optional): 错误提示文本
+- `error` (Error | string, optional): 错误对象或消息
 
-## 🎨 CSS 变量
+**Events:**
+- `retry`: 重试
 
-包提供了完整的 CSS 变量系统，与主应用保持一致：
+## 🎨 样式系统
+
+### CSS 变量
+
+包提供了完整的 CSS 变量系统，支持运行时主题定制：
 
 ```css
-/* 颜色 */
---primary
---success
---warning
---error
---info
-
-/* 文本颜色 */
---text-primary
---text-secondary
---text-tertiary
-
-/* 背景颜色 */
---bg-primary
---bg-secondary
-
-/* 间距 */
---spacing-xs
---spacing-sm
---spacing-md
---spacing-lg
---spacing-xl
-
-/* 圆角 */
---radius-sm
---radius-md
---radius-lg
-
-/* 阴影 */
---shadow-sm
---shadow-md
---shadow-lg
-
-/* 字体 */
---font-size-xs
---font-size-sm
---font-size-md
---font-size-lg
+:root {
+  /* 主色 */
+  --primary-color: #18a058;
+  --primary-hover: #36ad6a;
+  --primary-pressed: #0c7a43;
+  
+  /* 背景色 */
+  --body-color: #f5f5f5;
+  --card-color: #ffffff;
+  
+  /* 文字色 */
+  --text-color: #333333;
+  --text-color-secondary: #666666;
+  
+  /* 边框 */
+  --border-color: #e0e0e6;
+  --border-radius: 4px;
+  
+  /* 间距 */
+  --spacing-xs: 4px;
+  --spacing-sm: 8px;
+  --spacing-md: 16px;
+  --spacing-lg: 24px;
+  --spacing-xl: 32px;
+}
 ```
 
+### SCSS Mixins
+
+```scss
+// 在组件中使用
+<style lang="scss" scoped>
+@import "@/styles/variables.scss";
+@import "@/styles/mixins.scss";
+
+.my-component {
+  @include card-shadow;
+  @include custom-scrollbar;
+}
+</style>
+```
+
+## 🔧 Composables
+
+### useLoadingState
+
+管理加载状态的组合式函数。
+
+```typescript
+import { useLoadingState } from '@keqi.gress/plugin-ui'
+
+const { isLoading, startLoading, stopLoading, withLoading } = useLoadingState()
+
+// 手动控制
+startLoading()
+// ... 异步操作
+stopLoading()
+
+// 自动包装
+await withLoading(async () => {
+  await fetchData()
+})
+```
+
+### useResponsive
+
+响应式断点检测。
+
+```typescript
+import { useResponsive, breakpoints } from '@keqi.gress/plugin-ui'
+
+const { isMobile, isTablet, isDesktop, currentBreakpoint } = useResponsive()
+
+console.log(breakpoints) // { mobile: 768, tablet: 1024, desktop: 1280 }
+```
+
+## 📖 类型支持
+
+包提供完整的 TypeScript 类型定义：
+
+```typescript
+import type {
+  PageHeaderProps,
+  CardListProps,
+  PagePaginationProps,
+  LogItem,
+  LogViewerProps,
+  FilterFieldConfig,
+  UniversalModalProps,
+  PositionType
+} from '@keqi.gress/plugin-ui'
+```
+
+## 🎯 设计原则
+
+1. **零依赖设计** - 不强制依赖 Naive UI 或其他 UI 库
+2. **插槽优先** - 支持自定义渲染
+3. **CSS 变量** - 支持运行时主题定制
+4. **TypeScript** - 完整的类型支持
+5. **响应式** - 移动端友好
+
+## 📦 包信息
+
+- **版本**: 1.3.0
+- **大小**: 63.23 kB (未压缩) / 9.21 kB (gzip)
+- **组件数量**: 11 个
+- **依赖**: Vue 3.3+
+
+## 🔗 相关链接
+
+- [CHANGELOG](./CHANGELOG_V1.3.md)
+- [组件迁移计划](./COMPONENT_MIGRATION_PLAN.md)
+- [样式系统集成](./STYLE_SYSTEM_INTEGRATION.md)
+- [使用示例](./USAGE_EXAMPLES.md)
+
 ## 📄 License
 
 MIT

package/dist/components/types.d.ts

@@ -0,0 +1,184 @@
+/**
+ * 组件类型定义
+ */
+export interface PageHeaderProps {
+    /** 页面标题 */
+    title: string;
+    /** 面包屑文本（可选） */
+    breadcrumb?: string;
+}
+export interface CardListProps {
+    /** 卡片尺寸 */
+    size?: 'small' | 'medium' | 'large';
+    /** 最小宽度（自定义） */
+    minWidth?: string;
+}
+export interface PagePaginationProps {
+    /** 当前页码 */
+    page: number;
+    /** 每页条数 */
+    pageSize: number;
+    /** 总条数 */
+    total: number;
+    /** 每页条数选项 */
+    pageSizes?: number[];
+    /** 是否显示每页条数选择器 */
+    showSizePicker?: boolean;
+}
+export interface PagePaginationEmits {
+    (e: 'update:page', value: number): void;
+    (e: 'update:pageSize', value: number): void;
+}
+export interface LogItem {
+    id: number | string;
+    status?: string;
+    timestamp?: string;
+    level?: string;
+    message?: string;
+    body?: Record<string, any>;
+    category?: string;
+    logger?: string;
+    sequence?: number;
+    logContent?: string;
+    errorMessage?: string;
+    createTime?: string;
+    threadName?: string;
+    className?: string;
+    [key: string]: any;
+}
+export interface LogViewerProps {
+    /** 日志列表 */
+    logs: LogItem[];
+    /** 是否加载中 */
+    loading?: boolean;
+    /** 是否自动滚动到底部 */
+    autoScroll?: boolean;
+    /** 默认主题 */
+    defaultTheme?: 'light' | 'dark';
+}
+export interface LogViewerEmits {
+    (e: 'refresh'): void;
+    (e: 'clear'): void;
+}
+export type FilterFieldType = 'input' | 'select' | 'date' | 'date-range';
+export interface FilterFieldConfig {
+    /** 字段键名 */
+    key: string;
+    /** 字段标签 */
+    label?: string;
+    /** 字段类型 */
+    type?: FilterFieldType;
+    /** 占位符 */
+    placeholder?: string;
+    /** 选项列表（用于 select 类型） */
+    options?: Array<{
+        label: string;
+        value: unknown;
+    }>;
+    /** 是否可清除 */
+    clearable?: boolean;
+    /** 跨列数（仅在高级字段中有效） */
+    span?: number;
+    /** 自定义插槽名称 */
+    slotName?: string;
+    /** 组件额外属性 */
+    componentProps?: Record<string, unknown>;
+}
+export interface FilterPanelProps {
+    /** 过滤器值对象 */
+    filters: Record<string, unknown>;
+    /** 基础字段配置 */
+    basicFields: FilterFieldConfig[];
+    /** 高级字段配置 */
+    advancedFields?: FilterFieldConfig[];
+    /** 是否展开高级字段 */
+    showAdvanced?: boolean;
+    /** 搜索按钮文本 */
+    searchText?: string;
+    /** 重置按钮文本 */
+    resetText?: string;
+    /** 展开按钮文本 */
+    expandText?: string;
+    /** 收起按钮文本 */
+    collapseText?: string;
+    /** 操作按钮对齐方式 */
+    actionAlign?: 'left' | 'right';
+}
+export interface FilterPanelEmits {
+    (event: 'update:filters', value: Record<string, unknown>): void;
+    (event: 'update:showAdvanced', value: boolean): void;
+    (event: 'search'): void;
+    (event: 'reset'): void;
+}
+export type PositionType = 'center' | 'left' | 'right' | 'top' | 'bottom';
+export interface UniversalModalProps {
+    /** 是否显示弹窗 */
+    show: boolean;
+    /** 标题 */
+    title?: string;
+    /** 副标题 */
+    subtitle?: string;
+    /** 图标 URL */
+    iconUrl?: string;
+    /** 图标大小 */
+    iconSize?: number;
+    /** 宽度 */
+    width?: string | number;
+    /** 高度 */
+    height?: string | number;
+    /** 最大宽度 */
+    maxWidth?: string | number;
+    /** 最大高度 */
+    maxHeight?: string | number;
+    /** 位置 */
+    position?: PositionType;
+    /** 顶部距离 */
+    top?: string | number;
+    /** 底部距离 */
+    bottom?: string | number;
+    /** 左侧距离 */
+    left?: string | number;
+    /** 右侧距离 */
+    right?: string | number;
+    /** 是否显示遮罩 */
+    showMask?: boolean;
+    /** 点击遮罩是否关闭 */
+    maskClosable?: boolean;
+    /** 隐藏头部 */
+    hideHeader?: boolean;
+    /** 隐藏底部 */
+    hideFooter?: boolean;
+    /** 隐藏关闭按钮 */
+    hideClose?: boolean;
+    /** 显示取消按钮 */
+    showCancel?: boolean;
+    /** 显示确认按钮 */
+    showConfirm?: boolean;
+    /** 显示全屏按钮 */
+    showFullscreen?: boolean;
+    /** 是否可调整大小 */
+    resizable?: boolean;
+    /** 取消按钮文本 */
+    cancelText?: string;
+    /** 确认按钮文本 */
+    confirmText?: string;
+    /** 头部自定义类名 */
+    headerClass?: string;
+    /** 内容自定义类名 */
+    bodyClass?: string;
+    /** 底部自定义类名 */
+    footerClass?: string;
+    /** 自定义类名 */
+    customClass?: string;
+    /** z-index */
+    zIndex?: number;
+    /** 是否全屏 */
+    fullscreen?: boolean;
+}
+export interface UniversalModalEmits {
+    (e: 'update:show', value: boolean): void;
+    (e: 'close'): void;
+    (e: 'cancel'): void;
+    (e: 'confirm'): void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/types.ts"],"names":[],"mappings":"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"}