create-yss-spec 2.1.10 → 2.1.13

package/template/.cursor/skills/yss-ui/assets/demos/formily/submit-failed.vue

@@ -0,0 +1,72 @@
+<template>
+  <div>
+    <YssFormily :schema="schema" :initial-values="{ email: '' }" :form="form" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { createForm, onFormSubmit, onFormSubmitFailed } from '@formily/core';
+import { YssFormily, type ISchema } from '@yss-ui/components';
+import { message } from 'ant-design-vue';
+
+// 表单级副作用优先处理失败提示
+const form = createForm({
+  effects() {
+    onFormSubmit((payload: any) => {
+      console.log('submit:', payload?.values);
+    });
+    onFormSubmitFailed(() => {
+      // 统一兜底：从表单反馈中提取首个错误
+      const list: any[] = (form as any).queryFeedbacks?.({ type: 'error' }) || [];
+      const first = list[0];
+      message.error(first?.messages?.[0] || '提交失败，请检查表单信息');
+    });
+  },
+});
+
+const schema: ISchema = {
+  type: 'object',
+  properties: {
+    layout: {
+      type: 'void',
+      'x-component': 'FormLayout',
+      'x-component-props': { layout: 'horizontal', labelWidth: 90 },
+      properties: {
+        grid: {
+          type: 'void',
+          'x-component': 'FormGrid',
+          properties: {
+            email: {
+              type: 'string',
+              title: '邮箱',
+              'x-decorator': 'FormItem',
+              'x-component': 'Input',
+              required: true,
+              'x-validator': [
+                { required: true, message: '请输入邮箱' },
+                { format: 'email', message: '邮箱格式不正确' },
+              ],
+            },
+            actions: {
+              type: 'void',
+              'x-decorator': 'FormItem',
+              'x-decorator-props': { gridSpan: 3, colon: false },
+              'x-component': 'AutoButtonGroup',
+              properties: {
+                submit: {
+                  type: 'void',
+                  'x-component': 'Submit',
+                  'x-content': '提交',
+                  // 重要：@formily/antdv 的 Submit 只有在传入 onSubmit 时才会调用 form.submit()
+                  'x-component-props': { onSubmit: '{{ () => {} }}' },
+                },
+                reset: { type: 'void', 'x-component': 'Reset', 'x-content': '重置' },
+              },
+            },
+          },
+        },
+      },
+    },
+  },
+};
+</script>

package/template/.cursor/skills/yss-ui/assets/demos/monaco/basic.vue

@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import { YMonaco } from '@yss-ui/components';
+import { ref } from 'vue';
+
+const code = ref<string>(
+  "WITH MONTHS AS (\r\n    SELECT TO_CHAR(\r\n                   ADD_MONTHS(TRUNC(TO_DATE(#{bizDate}, 'YYYYMMDD'), 'YEAR'), LEVEL - 1),\r\n                   'YYYYMM'\r\n           ) AS PERMTH\r\n    FROM DUAL\r\n    CONNECT BY LEVEL <= 12\r\n),\r\n     INVEST_TYPES AS (\r\n         SELECT '股票' AS INVEST_TYPE, 1 AS RANK_ID FROM DUAL UNION ALL\r\n         SELECT '债券', 2 FROM DUAL UNION ALL\r\n         SELECT '基金', 3 FROM DUAL UNION ALL\r\n         SELECT '非标', 4 FROM DUAL UNION ALL\r\n         SELECT '黄金', 5 FROM DUAL\r\n     ),\r\n     CROSS_DATA AS (\r\n         SELECT\r\n             m.PERMTH,\r\n             t.INVEST_TYPE,\r\n             t.RANK_ID\r\n         FROM MONTHS m\r\n                  CROSS JOIN INVEST_TYPES t\r\n     )\r\nSELECT\r\n    cd.PERMTH,\r\n    cd.INVEST_TYPE,\r\n    d.ID,\r\n    NVL(TO_CHAR(d.NOTE), '') AS NOTE,\r\n    cd.RANK_ID\r\nFROM CROSS_DATA cd\r\n         LEFT JOIN T_ADS_BI_MTH_NOTE_I d\r\n                   ON cd.INVEST_TYPE = d.INVEST_TYPE\r\n                       AND cd.PERMTH = d.PERMTH\r\n                       AND d.STATUS = 1\r\nORDER BY cd.PERMTH, cd.RANK_ID"
+);
+
+function onRun(payload: { sql: string; isAll: boolean }) {
+  // eslint-disable-next-line no-console
+  console.log('[YMonaco Run]', payload.isAll ? 'ALL' : 'SELECTION', '\\n', payload.sql);
+}
+
+// 简单 schema：用于表/字段提示
+const sqlSchema = {
+  schema: 'public',
+  tables: [
+    {
+      name: 'T_ADS_BI_MTH_NOTE_I',
+      columns: [
+        { name: 'ID', type: 'number' },
+        { name: 'NOTE', type: 'varchar' },
+        { name: 'INVEST_TYPE', type: 'varchar' },
+        { name: 'PERMTH', type: 'varchar' },
+        { name: 'STATUS', type: 'number' },
+      ],
+    },
+    {
+      name: 'CROSS_DATA',
+      columns: [{ name: 'PERMTH' }, { name: 'INVEST_TYPE' }, { name: 'RANK_ID' }],
+    },
+  ],
+};
+</script>
+
+<template>
+  <YMonaco v-model="code" :sql-schema="sqlSchema" height="500px" @run="onRun" />
+</template>
+
+<style scoped></style>

package/template/.cursor/skills/yss-ui/assets/demos/monaco/diff-basic.vue

@@ -0,0 +1,143 @@
+<script setup lang="ts">
+import { YMonacoDiff } from '@yss-ui/components';
+import { ref } from 'vue';
+
+const original = ref<string>(`-- Database Schema Version 1.0 (Legacy)
+-- Date: 2023-01-01
+
+-- 用户表设计
+CREATE TABLE users (
+    user_id INT PRIMARY KEY AUTO_INCREMENT,
+    username VARCHAR(50) NOT NULL,
+    password VARCHAR(50) NOT NULL, -- 警告：明文密码
+    last_login DATETIME,
+    status TINYINT DEFAULT 1 -- 1:启用, 0:禁用
+);
+
+-- 插入初始数据
+INSERT INTO users (username, password, status) VALUES ('admin', 'admin123', 1);
+INSERT INTO users (username, password, status) VALUES ('guest', 'guest', 1);
+INSERT INTO users (username, password, status) VALUES ('tester', '123456', 0);
+
+-- 旧日志表 (即将废弃)
+CREATE TABLE sys_logs_legacy (
+    id INT,
+    msg TEXT,
+    created_at DATETIME
+);
+
+-- 简单查询
+SELECT * FROM users WHERE status = 1;
+
+-- 报表存储过程 (标准版)
+DELIMITER //
+CREATE PROCEDURE GenerateMonthlyReport(IN reportMonth VARCHAR(7))
+BEGIN
+    -- 变量声明
+    DECLARE done INT DEFAULT FALSE;
+    DECLARE total_sales DECIMAL(10,2);
+    DECLARE order_count INT;
+    
+    -- 这里的逻辑在两个版本中基本一致，除了少量注释差异
+    -- 模拟一段长逻辑...
+    
+    SELECT COUNT(*) INTO order_count FROM orders WHERE DATE_FORMAT(order_date, '%Y-%m') = reportMonth;
+    
+    IF order_count > 0 THEN
+        SELECT SUM(amount) INTO total_sales FROM orders WHERE DATE_FORMAT(order_date, '%Y-%m') = reportMonth;
+    ELSE
+        SET total_sales = 0.00;
+    END IF;
+    
+    -- 返回结果
+    SELECT reportMonth AS month, order_count AS count, total_sales AS total;
+END //
+DELIMITER ;
+
+-- 基础配置表 (完全一致)
+CREATE TABLE app_config (
+    config_key VARCHAR(100) NOT NULL PRIMARY KEY,
+    config_value VARCHAR(500),
+    description TEXT,
+    is_system TINYINT DEFAULT 0
+);
+
+-- 默认配置数据
+INSERT INTO app_config VALUES ('site_name', 'YSS管理系统', '站点名称', 1);
+INSERT INTO app_config VALUES ('max_upload_size', '10MB', '文件上传限制', 1);
+INSERT INTO app_config VALUES ('theme_color', '#1890ff', '默认主题色', 0);
+`);
+
+const value = ref<string>(`-- Database Schema Version 2.0 (Security Update)
+-- Date: 2023-12-01
+-- Reviewer: Security_Team
+
+-- 用户表设计 (升级)
+CREATE TABLE users (
+    user_id INT PRIMARY KEY AUTO_INCREMENT,
+    username VARCHAR(50) NOT NULL,
+    password_hash VARCHAR(255) NOT NULL, -- 修改: 使用哈希存储密码
+    email VARCHAR(100) UNIQUE, -- 新增: 邮箱字段
+    last_login DATETIME,
+    is_active BOOLEAN DEFAULT TRUE, -- 修改: 状态字段类型变更
+    updated_at TIMESTAMP ON UPDATE CURRENT_TIMESTAMP -- 新增: 更新时间
+);
+
+-- 插入初始数据 (迁移后)
+INSERT INTO users (username, password_hash, email, is_active) VALUES ('admin', '$2b$12$Kw...', 'admin@yss.com', TRUE);
+-- 删除: guest 用户已移除安全隐患
+-- INSERT INTO users (username, password, status) VALUES ('guest', 'guest', 1);
+INSERT INTO users (username, password_hash, is_active) VALUES ('tester', '$2b$12$Hb...', FALSE);
+
+-- 新增: 审计日志表
+CREATE TABLE audit_logs (
+    log_id BIGINT PRIMARY KEY AUTO_INCREMENT,
+    user_id INT,
+    action VARCHAR(50),
+    ip_address VARCHAR(45),
+    details JSON, -- 新增: JSON格式详情
+    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+);
+
+-- 优化查询
+SELECT user_id, username, email FROM users WHERE is_active = TRUE;
+
+-- 报表存储过程 (标准版 - 含微量优化)
+DELIMITER //
+CREATE PROCEDURE GenerateMonthlyReport(IN reportMonth VARCHAR(7))
+BEGIN
+    -- 变量声明
+    DECLARE done INT DEFAULT FALSE;
+    DECLARE total_sales DECIMAL(10,2);
+    DECLARE order_count INT;
+    
+    -- 这里的逻辑在两个版本中基本一致，除了少量注释差异
+    -- 模拟一段长逻辑... (Review OK)
+    
+    SELECT COUNT(*) INTO order_count FROM orders WHERE DATE_FORMAT(order_date, '%Y-%m') = reportMonth;
+    
+    IF order_count > 0 THEN
+        -- 性能优化: 增加索引提示
+        SELECT SUM(amount) INTO total_sales FROM orders USE INDEX(idx_order_date) WHERE DATE_FORMAT(order_date, '%Y-%m') = reportMonth;
+    ELSE
+        SET total_sales = 0.00;
+    END IF;
+    
+    -- 返回结果
+    SELECT reportMonth AS month, order_count AS count, total_sales AS total;
+END //
+DELIMITER ;
+
+-- 默认配置数据
+INSERT INTO app_config VALUES ('site_name', 'YSS管理系统', '站点名称', 1);
+INSERT INTO app_config VALUES ('max_upload_size', '20MB', '文件上传限制 (调整)', 1);
+INSERT INTO app_config VALUES ('theme_color', '#1890ff', '默认主题色', 0);
+`);
+</script>
+
+<template>
+  <YMonacoDiff v-model:value="value" :original="original" height="420" />
+  <div style="margin-top: 12px; font-size: 12px; color: #888">支持并排对比与语法高亮。</div>
+</template>
+
+<style scoped></style>

package/template/.cursor/skills/yss-ui/assets/demos/monaco/fullscreen.vue

@@ -0,0 +1,84 @@
+<script setup lang="ts">
+import { YButton, YMonaco } from '@yss-ui/components';
+import { ref } from 'vue';
+
+const refEditor = ref<InstanceType<typeof YMonaco> | null>(null);
+const code = ref<string>(`// 点击按钮或右键菜单“全屏”进入应用内全屏\n// 再次点击退出\n`);
+
+const toggle = () => refEditor.value?.toggleFullscreen();
+</script>
+
+<template>
+  <div class="demo-fullscreen-target-container">
+    <div class="demo-fullscreen-target-header">
+      <YButton size="small" type="primary" @click="toggle">切换应用内全屏</YButton>
+    </div>
+    <div class="demo-fullscreen-target">
+      <div class="demo-fullscreen-target-left">左侧内容</div>
+
+      <div id="monaco-fullscreen-target" class="demo-fullscreen-target-right">
+        <div class="demo-fullscreen-target-right-header">
+          <YButton size="small" type="primary">查询</YButton>
+          <YButton size="small">重置</YButton>
+        </div>
+        <YMonaco
+          ref="refEditor"
+          v-model="code"
+          language="javascript"
+          :height="`calc(100% - 40px)`"
+          class="demo-fullscreen-target-right-monaco"
+          :fullscreen-target="'#monaco-fullscreen-target'"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.demo-fullscreen-target-container {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  height: 500px;
+}
+
+.demo-fullscreen-target-header {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+.demo-fullscreen-target {
+  padding: 16px;
+  background-color: #f0f0f0;
+  border: 1px dashed var(--demo-border-color, #d9d9d9);
+  height: 100%;
+  display: flex;
+}
+
+.demo-fullscreen-target-left {
+  /* 固定宽度且不收缩，避免全屏切换后被兄弟元素挤压 */
+  flex: 0 0 120px;
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 6px;
+}
+
+.demo-fullscreen-target-right-header {
+  display: flex;
+  gap: 8px;
+  justify-content: flex-end;
+  margin-bottom: 8px;
+}
+
+.demo-fullscreen-target-right {
+  flex: 1;
+
+  /* 关键：在 flex 容器中允许按父容器收缩，避免溢出滚动 */
+  min-width: 0;
+  background-color: #fff;
+  padding: 16px;
+}
+</style>