create-yss-spec 3.0.1 → 3.1.0

package/template/.trae/skills/yss-page-module-development/examples/AdvancedFormPage/schemas/ruleConfigSchema.ts

@@ -1,256 +0,0 @@
-/**
- * 规则配置表单Schema
- * 包含：Grid布局、表单分组、字段联动 (Reactions)、Slot插槽
- */
-import type { FormOptions } from '../constant';
-
-/**
- * 规则配置Schema
- * @param formOptions 表单选项数据
- */
-export const ruleConfigSchema = (formOptions: FormOptions): Record<string, any> => ({
-  type: 'object',
-  properties: {
-    layout: {
-      type: 'void',
-      'x-component': 'FormLayout',
-      'x-component-props': {
-        layout: 'horizontal',
-        labelWidth: 110, // ← 根据最长 label 确定（一般 5 个字约 100px，这里稍大）
-        labelAlign: 'right', // ← 必须右对齐
-      },
-      properties: {
-        grid: {
-          type: 'void',
-          'x-component': 'FormGrid',
-          'x-component-props': {
-            maxColumns: 3,
-            minColumns: 1,
-            columnGap: 16,
-            rowGap: 0,
-          },
-          properties: {
-            // -------------------------------------------------------------
-            // 分组1：规则配置
-            // -------------------------------------------------------------
-            ruleConfigHeader: {
-              type: 'void',
-              title: '规则配置',
-              'x-decorator': 'FormItem',
-              'x-decorator-props': {
-                feedbackLayout: 'none',
-                colon: false,
-                gridSpan: 3,
-                labelWidth: 0,
-                wrapperCol: { span: 24 },
-              },
-              'x-component': 'GroupHeader', // 自定义组件 or 标题组件
-            },
-            intensity: {
-              type: 'string',
-              title: '规则强度',
-              required: true,
-              'x-decorator': 'FormItem',
-              'x-component': 'Radio.Group',
-              enum: formOptions.intensity,
-            },
-            // 开关字段，控制其他字段显示
-            errorStorage: {
-              type: 'boolean',
-              title: '异常存储',
-              required: true,
-              'x-decorator': 'FormItem',
-              'x-component': 'Switch',
-              'x-component-props': {
-                checkedChildren: '开',
-                unCheckedChildren: '关',
-              },
-            },
-            // 受控字段：异常限制 (当 errorStorage=true 时显示)
-            errorStorageLimit: {
-              type: 'number',
-              title: '异常限制',
-              'x-decorator': 'FormItem',
-              'x-component': 'InputNumber',
-              'x-component-props': {
-                placeholder: '请输入异常限制',
-                style: { width: '100%' },
-              },
-              'x-reactions': {
-                dependencies: ['errorStorage'],
-                fulfill: {
-                  state: {
-                    visible: '{{$deps[0]}}',
-                  },
-                },
-              },
-            },
-
-            // -------------------------------------------------------------
-            // 分组2：异常数据存储
-            // 这里的 GroupHeader 本身也受 errorStorage 控制显示
-            // -------------------------------------------------------------
-            exceptionDataHeader: {
-              type: 'void',
-              title: '异常数据存储',
-              'x-decorator': 'FormItem',
-              'x-decorator-props': {
-                feedbackLayout: 'none',
-                colon: false,
-                gridSpan: 3,
-                labelWidth: 0,
-                wrapperCol: { span: 24 },
-              },
-              'x-component': 'GroupHeader',
-              'x-reactions': {
-                dependencies: ['errorStorage'],
-                fulfill: {
-                  state: {
-                    visible: '{{$deps[0]}}',
-                  },
-                },
-              },
-            },
-            errorStorageType: {
-              type: 'string',
-              title: '存储方式',
-              required: true,
-              'x-decorator': 'FormItem',
-              'x-component': 'Select',
-              'x-component-props': {
-                placeholder: '请选择存储方式',
-              },
-              enum: formOptions.errorStorageType,
-              'x-reactions': {
-                dependencies: ['errorStorage'],
-                fulfill: {
-                  state: {
-                    visible: '{{$deps[0]}}',
-                  },
-                },
-              },
-            },
-            errorStorageName: {
-              type: 'string',
-              title: '存储名称',
-              required: true,
-              'x-decorator': 'FormItem',
-              'x-decorator-props': {
-                gridSpan: 1,
-              },
-              'x-component': 'Input',
-              'x-component-props': {
-                placeholder: '请选择异常数据存储名称',
-              },
-              'x-reactions': {
-                dependencies: ['errorStorage'],
-                fulfill: {
-                  state: {
-                    visible: '{{$deps[0]}}',
-                  },
-                },
-              },
-            },
-            errorStoragePath: {
-              type: 'string',
-              title: '存储地址',
-              'x-decorator': 'FormItem',
-              'x-decorator-props': {
-                gridSpan: 1,
-              },
-              'x-component': 'Input',
-              'x-component-props': {
-                placeholder: '请输入异常数据存储地址',
-              },
-              // 也可以配置 reactions
-            },
-
-            // -------------------------------------------------------------
-            // 分组3：校验规则 (使用 Slot 自定义渲染)
-            // -------------------------------------------------------------
-            filterHeader: {
-              type: 'void',
-              title: '校验规则',
-              'x-decorator': 'FormItem',
-              'x-decorator-props': {
-                feedbackLayout: 'none',
-                colon: false,
-                gridSpan: 3,
-                labelWidth: 0,
-                wrapperCol: { span: 24 },
-              },
-              'x-component': 'GroupHeader',
-            },
-            // Slot：校验范围构建器
-            conditionFilter: {
-              type: 'object',
-              title: '校验范围',
-              'x-decorator': 'FormItem',
-              'x-decorator-props': {
-                gridSpan: 3, // 占满一行
-              },
-              'x-component': 'Slot', // 关键：使用 Slot 组件
-              'x-component-props': {
-                name: 'conditionFilter', // 对应 <template #conditionFilter>
-              },
-            },
-            // Slot：SQL 预览
-            sqlField: {
-              type: 'string',
-              title: '预览',
-              'x-decorator': 'FormItem',
-              'x-decorator-props': {
-                gridSpan: 3,
-              },
-              'x-component': 'Slot',
-              'x-component-props': {
-                name: 'sqlField',
-              },
-            },
-
-            // -------------------------------------------------------------
-            // 分组4：校验设置
-            // -------------------------------------------------------------
-            checkHeader: {
-              type: 'void',
-              title: '校验设置',
-              'x-decorator': 'FormItem',
-              'x-decorator-props': {
-                feedbackLayout: 'none',
-                colon: false,
-                gridSpan: 3,
-                labelWidth: 0,
-                wrapperCol: { span: 24 },
-              },
-              'x-component': 'GroupHeader',
-            },
-            checkCondition: {
-              type: 'object',
-              title: '校验配置',
-              'x-decorator': 'FormItem',
-              'x-decorator-props': {
-                gridSpan: 3,
-              },
-              'x-component': 'Slot',
-              'x-component-props': {
-                name: 'checkCondition',
-              },
-            },
-            checkSqlField: {
-              type: 'string',
-              title: '预览',
-              'x-decorator': 'FormItem',
-              'x-decorator-props': {
-                gridSpan: 3,
-              },
-              'x-component': 'Slot',
-              'x-component-props': {
-                name: 'checkSqlField',
-              },
-            },
-          },
-        },
-      },
-    },
-  },
-});

package/template/.trae/skills/yss-page-module-development/examples/AdvancedFormPage/style.less

@@ -1,76 +0,0 @@
-@import "@/styles/variables.less";
-
-.complex-form-create {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  box-sizing: border-box;
-  padding-bottom: 56px; // 留出底部按钮高度
-
-  // 修复 Formily Label 对齐
-  :deep(.ant-formily-form-item-label) {
-    align-items: center;
-  }
-
-  // 步骤条样式
-  .steps-card {
-    .y-steps {
-      padding: 12px 0;
-    }
-  }
-
-  // 内容区样式（自适应高度）
-  .content-card {
-    flex: 1;
-    overflow: auto;
-  }
-
-  // SQL 预览区样式
-  .sql-preview-section {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 16px;
-
-    .sql-preview-content {
-      flex: 1;
-      min-height: 28px;
-      border: 1px solid #f6f6f6;
-      border-radius: 6px;
-      background: #ffffff;
-      overflow: hidden;
-
-      .sql-code {
-        margin: 0;
-        padding: 8px 12px;
-        background: #fafbfc;
-        font-family: "Monaco", "Menlo", monospace;
-        font-size: 13px;
-        color: #2c3e50;
-        white-space: pre-wrap;
-        word-break: break-all;
-        max-height: 200px;
-        overflow: auto;
-      }
-    }
-  }
-
-  // 底部悬浮按钮栏
-  .footer-actions {
-    position: fixed;
-    bottom: 0;
-    right: 0;
-    left: 0;
-    height: 56px;
-    background: #fff;
-    border-top: 1px solid #e8e8e8;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    padding: 0 24px;
-    gap: 12px;
-    z-index: 10;
-  }
-}

package/template/.trae/skills/yss-page-module-development/examples/StandardListPage/constant.ts

@@ -1,128 +0,0 @@
-import type { YTableColumn } from '@yss-ui/components';
-
-/**
- * 质量规则数据项接口
- */
-export interface QualityRuleItem {
-  /** 规则ID */
-  id: string;
-  /** 规则编码 */
-  ruleCode?: string;
-  /** 规则名称 */
-  ruleName: string;
-  /** 模板ID */
-  templateId?: string | number;
-  /** 规则模板名称 */
-  templateName: string;
-  /** 数据源名称 */
-  datasourceName: string;
-  /** 规则强度名称 */
-  intensityName: string;
-  /** 规则类型名称 */
-  ruleTypeName: string;
-  /** 校验开关状态: 0=禁用, 1=启用 */
-  status: 0 | 1;
-  /** 创建人 */
-  createdBy: string;
-  /** 创建时间 */
-  createdDate: string;
-  [key: string]: any;
-}
-
-/**
- * 树节点数据接口
- */
-export interface TreeNodeData {
-  /** 节点ID */
-  id: string;
-  /** 节点名称 */
-  name?: string;
-  /** 目录编码 */
-  dirCode?: string;
-  /** 树类型: 1=规则分类树, 2=数据源树 */
-  treeType?: '1' | '2';
-  /** 数据源名称（数据源树使用） */
-  datasourceName?: string;
-  /** 数据库名称（数据源树使用） */
-  databaseName?: string;
-  /** 数据库类型（数据源树使用） */
-  dataBaseType?: string;
-  [key: string]: any;
-}
-
-/**
- * 搜索表单数据接口
- */
-export interface SearchFormData {
-  /** 规则名称 */
-  ruleName: string;
-}
-
-/**
- * 表格列配置
- */
-export const TABLE_COLUMNS: YTableColumn[] = [
-  {
-    field: 'ruleName',
-    title: '质量规则名称',
-    minWidth: 130,
-    fixed: 'left',
-    slots: { default: 'ruleName' },
-  },
-  {
-    field: 'templateName',
-    title: '规则模板',
-    minWidth: 130,
-  },
-  {
-    field: 'datasourceName',
-    title: '数据源名称',
-    minWidth: 120,
-  },
-  {
-    field: 'intensityName',
-    title: '规则强度',
-    minWidth: 100,
-  },
-  {
-    field: 'ruleTypeName',
-    title: '规则类型',
-    minWidth: 120,
-  },
-  {
-    field: 'status',
-    title: '校验开关',
-    width: 90,
-    slots: { default: 'status' },
-  },
-  {
-    field: 'createdBy',
-    title: '创建人',
-    width: 120,
-  },
-  {
-    field: 'createdDate',
-    title: '创建时间',
-    width: 140,
-  },
-  {
-    field: 'lastModifiedDate',
-    title: '最近修改时间',
-    width: 140,
-  },
-  {
-    field: 'lastModifiedBy',
-    title: '最近修改人',
-    width: 140,
-  },
-];
-
-/**
- * 规则类型常量
- */
-export const RULE_TYPE = {
-  /** 业务校验 */
-  BUSINESS: 'BUSINESS',
-  /** 技术校验 */
-  TECH: 'TECH',
-} as const;

package/template/.trae/skills/yss-page-module-development/examples/StandardListPage/hooks/useQualityRuleList.ts

@@ -1,144 +0,0 @@
-import { ref, reactive } from 'vue';
-// 注意：这里使用的是生成的 API 客户端，实际开发中请使用 pnpm sync:generate 生成
-import { getPomApi } from '@/api/generated/quality';
-import type { QualityRuleItem, SearchFormData, TreeNodeData } from '../constant';
-
-/**
- * 质量规则列表数据逻辑 Hook
- * 管理列表数据、分页、搜索等
- */
-export const useQualityRuleList = () => {
-  /** 表格数据 */
-  const tableData = ref<QualityRuleItem[]>([]);
-
-  /** 加载状态 */
-  const loading = ref(false);
-
-  /** 分页配置 */
-  const pagination = reactive({
-    current: 1,
-    pageSize: 20,
-    total: 0,
-    remote: true,
-  });
-
-  /** 搜索表单数据 */
-  const searchForm = reactive<SearchFormData>({
-    ruleName: '',
-  });
-
-  /** 当前选中的树节点 */
-  const selectedNode = ref<TreeNodeData | null>(null);
-
-  /**
-   * 获取查询参数
-   */
-  const getQueryParams = () => {
-    const baseParams = {
-      pageIndex: pagination.current,
-      pageSize: pagination.pageSize,
-      ruleName: searchForm.ruleName,
-    };
-
-    // 规则分类树节点
-    if (selectedNode.value?.treeType === '1') {
-      return {
-        ...baseParams,
-        dirCode: selectedNode.value.dirCode,
-      };
-    }
-
-    // 数据源树节点（表节点）
-    if (selectedNode.value?.treeType === '2') {
-      return {
-        ...baseParams,
-        datasourceName: selectedNode.value.datasourceName,
-        databaseName: selectedNode.value.databaseName,
-        tableName: selectedNode.value.name,
-      };
-    }
-
-    return baseParams;
-  };
-
-  /**
-   * 获取列表数据
-   */
-  const fetchList = async () => {
-    loading.value = true;
-    try {
-      const params = getQueryParams();
-
-      // 调用 API (示例)
-      const { pageQualityRule } = getPomApi();
-      const { data, totalCount } = await pageQualityRule(params);
-
-      tableData.value = (data as unknown as QualityRuleItem[]) || [];
-      pagination.total = totalCount || 0;
-    } catch (error) {
-      console.error('查询列表失败:', error);
-      tableData.value = [];
-      pagination.total = 0;
-    } finally {
-      loading.value = false;
-    }
-  };
-
-  /**
-   * 处理分页变化
-   * @param payload - 分页参数对象，包含 current 和 pageSize
-   */
-  const handlePageChange = (payload: { current: number; pageSize: number }) => {
-    pagination.current = payload.current;
-    pagination.pageSize = payload.pageSize;
-    fetchList();
-  };
-
-  /**
-   * 处理每页条数变化
-   * @param pageSize - 新的每页条数
-   */
-  const handleSizeChange = (pageSize: number) => {
-    pagination.current = 1;
-    pagination.pageSize = pageSize;
-    fetchList();
-  };
-
-  /**
-   * 处理搜索
-   */
-  const handleSearch = () => {
-    pagination.current = 1;
-    fetchList();
-  };
-
-  /**
-   * 处理刷新
-   */
-  const handleRefresh = () => {
-    fetchList();
-  };
-
-  /**
-   * 处理树节点点击
-   */
-  const handleTreeNodeClick = (node: TreeNodeData) => {
-    selectedNode.value = node;
-    pagination.current = 1;
-    fetchList();
-  };
-
-  return {
-    tableData,
-    loading,
-    pagination,
-    searchForm,
-    selectedNode,
-    fetchList,
-    handlePageChange,
-    handleSizeChange,
-    handleSearch,
-    handleRefresh,
-    handleTreeNodeClick,
-  };
-};