create-yss-spec 3.5.3 → 3.5.5

package/template/.cursor/skills/yss-prototype-stage/assets/vue-business-patterns/owner-validity.scenarios.json

@@ -0,0 +1,298 @@
+{
+  "schema_version": 1,
+  "scenarios": [
+    {
+      "id": "primary",
+      "label": "正常",
+      "state_ref": ".agents/skills/yss-prototype-stage/references/search-date-patterns.md",
+      "initial_data": {
+        "fixture": "维护教学示例，非产品 Spec",
+        "referenceDate": "2024-02-15",
+        "name": "",
+        "ownerId": "",
+        "range": {
+          "start": "",
+          "end": ""
+        },
+        "optionState": "ready",
+        "options": [
+          {
+            "id": "U-001",
+            "name": "张明"
+          },
+          {
+            "id": "U-002",
+            "name": "张明"
+          },
+          {
+            "id": "U-003",
+            "name": "李华（跨部门业务协作与异常恢复负责人长名称示例）"
+          },
+          {
+            "id": "U-004",
+            "name": "停用负责人",
+            "disabled": true
+          }
+        ],
+        "rows": [
+          {
+            "id": "M-001",
+            "name": "季度资料",
+            "ownerId": "U-001",
+            "date": "2024-02-29"
+          },
+          {
+            "id": "M-002",
+            "name": "跨部门协作说明",
+            "ownerId": "U-002",
+            "date": "2024-03-01"
+          },
+          {
+            "id": "M-003",
+            "name": "归档清单",
+            "ownerId": "U-001",
+            "date": "2024-12-31"
+          }
+        ]
+      }
+    },
+    {
+      "id": "empty",
+      "label": "空结果",
+      "state_ref": ".agents/skills/yss-prototype-stage/references/search-date-patterns.md",
+      "initial_data": {
+        "fixture": "维护教学示例，非产品 Spec",
+        "referenceDate": "2024-02-15",
+        "name": "",
+        "ownerId": "",
+        "range": {
+          "start": "",
+          "end": ""
+        },
+        "optionState": "ready",
+        "options": [],
+        "rows": []
+      }
+    },
+    {
+      "id": "loading",
+      "label": "加载中",
+      "state_ref": ".agents/skills/yss-prototype-stage/references/search-date-patterns.md",
+      "initial_data": {
+        "fixture": "维护教学示例，非产品 Spec",
+        "referenceDate": "2024-02-15",
+        "name": "",
+        "ownerId": "U-001",
+        "range": {
+          "start": "",
+          "end": ""
+        },
+        "optionState": "loading",
+        "options": [
+          {
+            "id": "U-001",
+            "name": "张明"
+          },
+          {
+            "id": "U-002",
+            "name": "张明"
+          },
+          {
+            "id": "U-003",
+            "name": "李华（跨部门业务协作与异常恢复负责人长名称示例）"
+          },
+          {
+            "id": "U-004",
+            "name": "停用负责人",
+            "disabled": true
+          }
+        ],
+        "rows": [
+          {
+            "id": "M-001",
+            "name": "季度资料",
+            "ownerId": "U-001",
+            "date": "2024-02-29"
+          },
+          {
+            "id": "M-002",
+            "name": "跨部门协作说明",
+            "ownerId": "U-002",
+            "date": "2024-03-01"
+          },
+          {
+            "id": "M-003",
+            "name": "归档清单",
+            "ownerId": "U-001",
+            "date": "2024-12-31"
+          }
+        ]
+      }
+    },
+    {
+      "id": "failure",
+      "label": "失败恢复",
+      "state_ref": ".agents/skills/yss-prototype-stage/references/search-date-patterns.md",
+      "initial_data": {
+        "fixture": "维护教学示例，非产品 Spec",
+        "referenceDate": "2024-02-15",
+        "name": "",
+        "ownerId": "U-001",
+        "range": {
+          "start": "",
+          "end": ""
+        },
+        "optionState": "failure",
+        "options": [
+          {
+            "id": "U-001",
+            "name": "张明"
+          },
+          {
+            "id": "U-002",
+            "name": "张明"
+          },
+          {
+            "id": "U-003",
+            "name": "李华（跨部门业务协作与异常恢复负责人长名称示例）"
+          },
+          {
+            "id": "U-004",
+            "name": "停用负责人",
+            "disabled": true
+          }
+        ],
+        "rows": [
+          {
+            "id": "M-001",
+            "name": "季度资料",
+            "ownerId": "U-001",
+            "date": "2024-02-29"
+          },
+          {
+            "id": "M-002",
+            "name": "跨部门协作说明",
+            "ownerId": "U-002",
+            "date": "2024-03-01"
+          },
+          {
+            "id": "M-003",
+            "name": "归档清单",
+            "ownerId": "U-001",
+            "date": "2024-12-31"
+          }
+        ]
+      }
+    },
+    {
+      "id": "no-permission",
+      "label": "无编辑权限",
+      "state_ref": ".agents/skills/yss-prototype-stage/references/search-date-patterns.md",
+      "initial_data": {
+        "fixture": "维护教学示例，非产品 Spec",
+        "referenceDate": "2024-02-15",
+        "name": "",
+        "ownerId": "",
+        "range": {
+          "start": "",
+          "end": ""
+        },
+        "optionState": "ready",
+        "options": [
+          {
+            "id": "U-001",
+            "name": "张明"
+          },
+          {
+            "id": "U-002",
+            "name": "张明"
+          },
+          {
+            "id": "U-003",
+            "name": "李华（跨部门业务协作与异常恢复负责人长名称示例）"
+          },
+          {
+            "id": "U-004",
+            "name": "停用负责人",
+            "disabled": true
+          }
+        ],
+        "rows": [
+          {
+            "id": "M-001",
+            "name": "季度资料",
+            "ownerId": "U-001",
+            "date": "2024-02-29"
+          },
+          {
+            "id": "M-002",
+            "name": "跨部门协作说明",
+            "ownerId": "U-002",
+            "date": "2024-03-01"
+          },
+          {
+            "id": "M-003",
+            "name": "归档清单",
+            "ownerId": "U-001",
+            "date": "2024-12-31"
+          }
+        ]
+      }
+    },
+    {
+      "id": "invalid-value",
+      "label": "非法历史编号",
+      "state_ref": ".agents/skills/yss-prototype-stage/references/search-date-patterns.md",
+      "initial_data": {
+        "fixture": "维护教学示例，非产品 Spec",
+        "referenceDate": "2024-02-15",
+        "name": "",
+        "ownerId": "missing",
+        "range": {
+          "start": "",
+          "end": ""
+        },
+        "optionState": "ready",
+        "options": [
+          {
+            "id": "U-001",
+            "name": "张明"
+          },
+          {
+            "id": "U-002",
+            "name": "张明"
+          },
+          {
+            "id": "U-003",
+            "name": "李华（跨部门业务协作与异常恢复负责人长名称示例）"
+          },
+          {
+            "id": "U-004",
+            "name": "停用负责人",
+            "disabled": true
+          }
+        ],
+        "rows": [
+          {
+            "id": "M-001",
+            "name": "季度资料",
+            "ownerId": "U-001",
+            "date": "2024-02-29"
+          },
+          {
+            "id": "M-002",
+            "name": "跨部门协作说明",
+            "ownerId": "U-002",
+            "date": "2024-03-01"
+          },
+          {
+            "id": "M-003",
+            "name": "归档清单",
+            "ownerId": "U-001",
+            "date": "2024-12-31"
+          }
+        ]
+      }
+    }
+  ]
+}

package/template/.cursor/skills/yss-prototype-stage/assets/vue-business-patterns/patterns.css

@@ -0,0 +1,26 @@
+.filters,.metrics {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--brand-size-sm)}
+.filters {align-items:end;margin-bottom:var(--brand-size-sm)}
+.metrics article {padding:var(--prototype-surface-padding);background:var(--brand-color-bg-container);border:1px solid var(--brand-color-border-secondary);border-radius:var(--brand-border-radius-lg)}
+.metric-value {font-size:var(--yss-typography-heading-lg-font-size, var(--brand-size-lg));font-weight:var(--brand-font-weight-strong)}
+fieldset {border:1px solid var(--brand-color-border);border-radius:var(--brand-border-radius);padding:var(--brand-size-sm);margin-block:var(--brand-size-sm)}
+legend {font-weight:var(--brand-font-weight-strong);padding-inline:var(--brand-size-xxs)}
+fieldset p+p {margin-top:var(--brand-size-xxs)}
+.queue {padding:0;list-style:none;margin:0}
+.queue li {display:grid;grid-template-columns:1fr auto;gap:var(--brand-size-xxs) var(--brand-size-sm);padding-block:var(--brand-size-sm);border-top:1px solid var(--brand-color-border-secondary)}
+.queue .toolbar {margin:0;grid-column:1}
+.queue li>p {grid-column:1}
+.queue li>button {grid-column:2;grid-row:1 / span 3;align-self:center}
+.dense td:first-child,.dense th:first-child {position:sticky;left:0;background:var(--brand-color-bg-container);z-index:1}
+.dense-region {overflow-x:auto;max-width:100%}.dense-region [data-slot="table-container"] {overflow:visible}
+@media(max-width:576px) {.filters {grid-template-columns:1fr}.metrics {grid-template-columns:repeat(2,minmax(0,1fr))}.queue li {display:block}.queue li>p,.queue li>button {margin-top:var(--brand-size-xs)}}
+
+.query-filters {grid-template-columns:repeat(2,minmax(180px,320px)) auto;justify-content:start;margin-bottom:0}
+.form-surface {max-width:64rem}
+@media(max-width:576px) {.query-filters {grid-template-columns:minmax(0,1fr)}.query-filters>button {justify-self:start}}
+.catalog-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--brand-size-sm);margin-block:var(--brand-size-sm)}
+.catalog-grid [data-slot="label"] {margin:0}
+.catalog-grid [data-slot="card-content"]>[data-slot="label"] {margin-top:var(--brand-size-sm);margin-bottom:var(--brand-size-xxs)}
+.loading-example {margin-block:var(--brand-size-sm)}
+.skeleton-line {height:var(--brand-size);width:100%;margin-top:var(--brand-size-xs)}
+.queue li>.notice {grid-column:1}
+@media(max-width:576px) {.catalog-grid {grid-template-columns:minmax(0,1fr)}}

package/template/.cursor/skills/yss-prototype-stage/assets/vue-business-patterns/refinement.css

@@ -0,0 +1,129 @@
+/* Review-only material study. Existing dimensions, colors and radii remain Token based.
+   Opacity/blur/elevation parameters below are proposed treatments, not approved design tokens. */
+:root {
+ --study-shadow-floating: 0 var(--brand-size-xxs) var(--brand-size-lg) color-mix(in srgb,var(--brand-color-text) 12%,transparent);
+ --study-shadow-bar: 0 1px var(--brand-size-xs) color-mix(in srgb,var(--brand-color-text) 5%,transparent);
+ --study-glass-fill: color-mix(in srgb,var(--brand-color-bg-elevated) 86%,transparent);
+ --study-glass-blur: var(--brand-size);
+}
+body {background:var(--brand-color-bg-layout)}
+main {max-width:1280px;padding:var(--brand-size-lg) var(--brand-size)}
+.workspace-bar {position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--brand-size);padding:var(--brand-size-sm) var(--brand-size-lg);border-bottom:1px solid var(--brand-color-border-secondary);background:var(--brand-color-bg-elevated);box-shadow:var(--study-shadow-bar)}
+.workspace-brand {display:flex;align-items:center;gap:var(--brand-size-sm);min-width:0}
+.brand-mark {display:grid;place-items:center;width:var(--brand-size-xl);height:var(--brand-size-xl);border-radius:var(--brand-border-radius);background:var(--yss-colors-primary-bg);color:var(--yss-color-primary-control)}
+.brand-mark svg {width:var(--brand-size-md);height:var(--brand-size-md)}
+.workspace-divider {height:var(--brand-size);border-left:1px solid var(--brand-color-border)}
+.workspace-context,.environment {color:var(--brand-color-text-secondary)}
+.environment {display:flex;align-items:center;gap:var(--brand-size-xs);white-space:nowrap}
+.environment svg {width:var(--brand-size);height:var(--brand-size)}
+.heading {padding-block:var(--brand-size-lg);margin-bottom:var(--brand-size-xs)}
+.heading .page-eyebrow {margin:0 0 var(--brand-size-xs);color:var(--brand-color-text-secondary);font-size:var(--brand-font-size-sm)}
+.heading h1 {margin-bottom:var(--brand-size-xs)}
+.page-symbol {padding:var(--brand-size-sm);color:var(--yss-color-primary-control);background:var(--yss-colors-primary-bg);border-radius:var(--brand-border-radius-lg)}
+.page-symbol svg {width:var(--brand-size-lg);height:var(--brand-size-lg)}
+.surface {border-color:var(--brand-color-border-secondary);margin-block:0 var(--brand-size)}
+.section-heading {display:flex;align-items:center;flex-wrap:wrap;gap:var(--brand-size-xs);margin-bottom:var(--brand-size)}
+.section-heading .muted {margin-left:auto}
+.query-filters {grid-template-columns:minmax(240px,2fr) minmax(180px,1fr) auto;max-width:960px;gap:var(--brand-size)}
+.query-filters label {font-weight:400;color:var(--brand-color-text-secondary);margin-bottom:var(--brand-size-xs)}
+.results-toolbar {padding-bottom:var(--brand-size-xs);margin-bottom:0}
+.result-context {padding-bottom:var(--brand-size);font-size:var(--brand-font-size-sm)}
+.selection-count {color:var(--brand-color-text-secondary);padding:var(--brand-size-xxs) var(--brand-size-xs);background:var(--yss-colors-surface-subtle);border-radius:var(--brand-border-radius-sm);font-size:var(--brand-font-size-sm)}
+.selection-count.has-selection {color:var(--yss-color-primary-control);background:var(--yss-colors-primary-bg)}
+.results-surface [data-slot="table-container"] {border:0;border-top:1px solid var(--brand-color-border-secondary);border-radius:0}
+.responsive-list th {font-weight:400;color:var(--brand-color-text-secondary)}
+.responsive-list td[data-label="资料名称"] {font-weight:var(--brand-font-weight-strong);white-space:normal;min-width:200px}
+.responsive-list td[data-label="编号"] {color:var(--brand-color-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}
+.responsive-list td:last-child {width:190px}
+.responsive-list th:first-child,.responsive-list td:first-child {width:var(--brand-size-xxl)}
+.responsive-list tr:last-child td {border-bottom:0}
+.status-dot {width:6px;height:6px;display:inline-block;flex-shrink:0;border-radius:var(--brand-border-radius-lg);background:currentColor}
+[data-slot="badge"].status-current {background:var(--yss-colors-success-bg);color:var(--brand-color-text);border-color:var(--brand-color-success-border)}
+[data-slot="badge"].status-pending {background:var(--yss-colors-warning-bg);color:var(--brand-color-text);border-color:var(--brand-color-warning-border)}
+.detail-action[data-slot="button"] {border-color:transparent;color:var(--yss-color-primary-control);background:transparent}
+[data-slot="pagination"] {justify-content:flex-end;border-top:1px solid var(--brand-color-border-secondary);padding-top:var(--brand-size-sm);margin-top:var(--brand-size-sm)}
+[data-slot="pagination-content"] {gap:var(--brand-size-sm)}
+[data-slot="select-content"],[data-slot="dropdown-menu-content"],[data-slot="tooltip-content"],[data-slot="dialog-content"] {box-shadow:var(--study-shadow-floating)}
+[data-slot="sheet-content"] {box-shadow:var(--study-shadow-floating);padding:0}
+[data-slot="sheet-header"] {padding:var(--brand-size-lg) var(--brand-size);border-bottom:1px solid var(--brand-color-border-secondary)}
+[data-slot="sheet-content"] dl {padding:var(--brand-size);display:grid;grid-template-columns:96px minmax(0,1fr);align-content:start;gap:var(--brand-size) var(--brand-size-sm)}
+[data-slot="sheet-content"] dt,[data-slot="sheet-content"] dd {margin:0}
+.sheet-actions {padding:var(--brand-size);border-top:1px solid var(--brand-color-border-secondary);background:var(--brand-color-bg-elevated)}
+.form-layout {display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--brand-size-lg);align-items:start;max-width:1080px;margin:auto}
+.step-aside {padding:var(--brand-size) 0}
+.step-list {list-style:none;padding:0;margin:0}
+.step-list li {display:flex;align-items:flex-start;gap:var(--brand-size-sm);padding:0 0 var(--brand-size-lg);color:var(--brand-color-text-secondary)}
+.step-number {display:grid;place-items:center;width:var(--brand-size-xl);height:var(--brand-size-xl);flex:none;border:1px solid var(--brand-color-border);border-radius:var(--brand-border-radius);background:var(--brand-color-bg-container)}
+.step-list strong {display:block;margin-top:var(--brand-size-xxs)}
+.step-list p {font-size:var(--brand-font-size-sm);margin-top:var(--brand-size-xxs)}
+.step-list .current {color:var(--brand-color-text)}
+.step-list .current .step-number {background:var(--yss-color-primary-control);color:var(--yss-color-on-primary);border-color:var(--yss-color-primary-control)}
+.step-list .completed .step-number {color:var(--yss-color-primary-control);border-color:var(--yss-color-primary-control);background:var(--yss-colors-primary-bg)}
+.step-help {border-top:1px solid var(--brand-color-border);padding-top:var(--brand-size);color:var(--brand-color-text-secondary)}
+.step-help p {margin-top:var(--brand-size-xs);font-size:var(--brand-font-size-sm)}
+.form-surface {padding:0!important;overflow:clip}
+.form-surface>h2 {padding:var(--brand-size);border-bottom:1px solid var(--brand-color-border-secondary);margin:0}
+.form-body {padding:var(--brand-size) var(--brand-size-lg) var(--brand-size-lg)}
+.form-body fieldset {border:0;padding:0;margin:0;gap:var(--brand-size)}
+.form-body legend {padding:0;font-size:var(--yss-typography-body-font-size);font-weight:var(--brand-font-weight-strong);margin-bottom:var(--brand-size)}
+.form-body [data-slot="field-group"] {gap:var(--brand-size-lg)}
+.form-body [data-slot="field"] {gap:var(--brand-size-xs)}
+.form-body [data-slot="field-label"] {margin:0}
+.form-body textarea {min-height:calc(var(--prototype-control-height) * 4)}
+.form-actions {position:sticky;bottom:0;z-index:10;background:var(--brand-color-bg-elevated);border-top:1px solid var(--brand-color-border-secondary);margin:0;padding:var(--brand-size);justify-content:flex-end;box-shadow:var(--study-shadow-bar)}
+.action-context {margin-right:auto;color:var(--brand-color-text-secondary);font-size:var(--brand-font-size-sm)}
+.workspace-footer {display:flex;justify-content:space-between;gap:var(--brand-size);margin-top:var(--brand-size-lg);color:var(--brand-color-text-secondary);font-size:var(--brand-font-size-sm)}
+.review-controls {background:var(--yss-colors-surface-subtle);border:1px dashed var(--brand-color-border);border-radius:var(--brand-border-radius);margin-top:var(--brand-size-xl);font-size:var(--brand-font-size-sm)}
+.review-options {display:flex;flex-wrap:wrap;gap:var(--brand-size-sm);align-items:center;margin-top:var(--brand-size-sm)}
+.review-options label {margin:0;font-weight:400}
+.transparency-option {display:flex!important;align-items:center;gap:var(--brand-size-xs);min-height:var(--prototype-control-height)}
+.transparency-option input {width:var(--brand-size);height:var(--brand-size);min-height:0;accent-color:var(--yss-color-primary-control)}
+.skip-link {position:fixed;top:0;left:var(--brand-size);transform:translateY(-150%);z-index:100;background:var(--brand-color-bg-container);color:var(--yss-color-primary-control);padding:var(--brand-size-xs)}
+.skip-link:focus {transform:translateY(0)}
+/* Only a control layer becomes translucent; dense content remains opaque. */
+@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
+ :root[data-appearance="glass"] .material-surface,:root[data-appearance="glass"] [data-slot="dropdown-menu-content"],:root[data-appearance="glass"] [data-slot="select-content"] {background:var(--study-glass-fill);backdrop-filter:blur(var(--study-glass-blur));-webkit-backdrop-filter:blur(var(--study-glass-blur));box-shadow:var(--study-shadow-floating),inset 0 1px 0 var(--brand-color-bg-container)}
+}
+:root[data-transparency="reduced"] .material-surface,:root[data-transparency="reduced"] [data-slot="dropdown-menu-content"],:root[data-transparency="reduced"] [data-slot="select-content"] {background:var(--brand-color-bg-elevated);backdrop-filter:none;-webkit-backdrop-filter:none}
+@media(prefers-reduced-transparency:reduce),(forced-colors:active) {
+ :root[data-appearance="glass"] .material-surface,:root[data-appearance="glass"] [data-slot="dropdown-menu-content"],:root[data-appearance="glass"] [data-slot="select-content"] {background:var(--brand-color-bg-elevated);backdrop-filter:none;-webkit-backdrop-filter:none}
+}
+@media(max-width:768px) {.form-layout {grid-template-columns:minmax(0,1fr);gap:var(--brand-size-sm)}.step-aside {padding:0}.step-list {display:flex;gap:var(--brand-size)}.step-list li {flex:1;padding-bottom:var(--brand-size-xs)}.step-help {display:none}}
+@media(max-width:576px) {
+ main {padding:var(--brand-size-sm)}
+ .workspace-bar {padding:var(--brand-size-sm);gap:var(--brand-size-xs)}
+ .workspace-brand {gap:var(--brand-size-xs)}
+ .workspace-context,.workspace-divider,.environment svg {display:none}
+ .environment {font-size:var(--brand-font-size-sm)}
+ .heading {padding-block:var(--brand-size);margin-bottom:var(--brand-size-xxs)}
+ .page-symbol {display:none}
+ .section-heading {margin-bottom:var(--brand-size-sm)}
+ .section-heading .muted {margin-left:0;font-size:var(--brand-font-size-sm)}
+ .query-filters {grid-template-columns:minmax(0,1fr);gap:var(--brand-size-sm)}
+ .results-toolbar {gap:var(--brand-size-xs)}
+ .results-toolbar h2 {flex-basis:100%}
+ .results-toolbar .selection-count {margin-left:auto}
+ .responsive-list th:first-child,.responsive-list td:first-child,.responsive-list td:last-child {width:auto}
+ .responsive-list td[data-label="资料名称"] {min-width:0;padding-bottom:var(--brand-size-xs)}
+ .responsive-list td[data-label="资料名称"]::before {display:none}
+ .row-actions {margin-top:var(--brand-size-xs)}
+ [data-slot="pagination"] {justify-content:center}
+ [data-slot="pagination-content"] {gap:var(--brand-size-xs);flex-wrap:wrap;justify-content:center}
+ .form-body {padding:var(--brand-size-sm)}
+ .form-surface>h2 {padding:var(--brand-size-sm)}
+ .form-actions {padding:var(--brand-size-sm)}
+ .action-context {flex-basis:100%}
+ .workspace-footer {flex-wrap:wrap;gap:var(--brand-size-xxs)}
+ .review-options {align-items:start;flex-direction:column}
+ .step-number {width:var(--brand-size-lg);height:var(--brand-size-lg)}
+ .step-list strong {margin-top:0}
+}
+@media(prefers-reduced-motion:reduce) {*,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}}
+
+/* Use the registered Select with one project focus ring and an anchored popup. */
+[data-slot="select-trigger"] {font-weight:400;box-shadow:none;outline-offset:2px}
+[data-slot="select-trigger"]:focus-visible {outline:2px solid var(--yss-color-primary-control);border-color:var(--yss-color-primary-control);box-shadow:none}
+[data-slot="select-trigger"]:focus:not(:focus-visible) {outline:none}
+[data-slot="select-content"] {min-width:var(--reka-select-trigger-width);max-width:calc(100vw - var(--brand-size-lg));border-radius:var(--brand-border-radius);font-size:var(--yss-typography-body-font-size);transform:none}
+[data-slot="select-content"] [role="option"] {border-radius:var(--brand-border-radius-sm);padding-inline:var(--brand-size-xs) var(--brand-size-xl);color:var(--brand-color-text)}
+[data-slot="select-content"] [role="option"][data-highlighted] {background:var(--yss-colors-primary-bg)}

package/template/.cursor/skills/yss-prototype-stage/assets/vue-business-patterns/workbench.ts

@@ -0,0 +1 @@
+import './list-detail-standard'

package/template/.cursor/skills/yss-prototype-stage/assets/vue-business-patterns/workspace-definition.ts

@@ -0,0 +1,40 @@
+import { Search, FilePenLine, ClipboardList, RefreshCw, ChartColumn } from '@lucide/vue'
+import listSource from './list-detail.scenarios.json'
+import formSource from './multi-step.scenarios.json'
+import approvalSource from './approval.scenarios.json'
+import conflictSource from './conflict.scenarios.json'
+import analysisSource from './analysis.scenarios.json'
+import ListDetail from './ListDetail.vue'
+import MultiStep from './MultiStep.vue'
+import Approval from './Approval.vue'
+import Conflict from './Conflict.vue'
+import Analysis from './Analysis.vue'
+import CombinedQuery from './CombinedQuery.vue'
+import OwnerValidity from './OwnerValidity.vue'
+import querySource from './combined-query.scenarios.json'
+import validitySource from './owner-validity.scenarios.json'
+import type { WorkspaceDefinition } from './workspace'
+function fromSource(name: string, source: any) {
+  return (scene: any) => {
+    const page = scene.data.pages?.[name]
+    const original = source.scenarios.find((item: any) => item.id === page?.id)
+    if (!original || JSON.stringify(page.initial_data) !== JSON.stringify(original.initial_data) || page.state_ref !== original.state_ref) throw Error(`页面 ${name} 场景与登记来源不一致`)
+    return page
+  }
+}
+export function workspaceDefinition(appearance: 'standard' | 'glass' = 'standard'): WorkspaceDefinition {
+  return {
+    brand: 'YSS 资料中心', appearance, defaultPage: 'list-detail',
+    modules: [{ id: 'records', label: '资料管理' }, { id: 'operations', label: '工作事项' }, { id: 'insights', label: '分析中心' }],
+    groups: [{ id: 'records-pages', moduleId: 'records', label: '资料任务' }, { id: 'operations-pages', moduleId: 'operations', label: '处理与恢复' }, { id: 'insights-pages', moduleId: 'insights', label: '分析视图' }],
+    pages: [
+      { id: 'combined-query', title: '组合查询', moduleId: 'records', groupId: 'records-pages', component: CombinedQuery, icon: Search, mapScene: fromSource('combined-query', querySource) },
+      { id: 'owner-validity', title: '负责人及有效期表单', moduleId: 'records', groupId: 'records-pages', component: OwnerValidity, icon: FilePenLine, mapScene: fromSource('owner-validity', validitySource) },
+      { id: 'list-detail', title: '查询与详情', moduleId: 'records', groupId: 'records-pages', component: ListDetail, icon: Search, mapScene: fromSource('list-detail', listSource) },
+      { id: 'multi-step', title: '分步表单', moduleId: 'records', groupId: 'records-pages', component: MultiStep, icon: FilePenLine, mapScene: fromSource('multi-step', formSource) },
+      { id: 'approval', title: '审批与权限', moduleId: 'operations', groupId: 'operations-pages', component: Approval, icon: ClipboardList, mapScene: fromSource('approval', approvalSource) },
+      { id: 'conflict', title: '冲突与恢复', moduleId: 'operations', groupId: 'operations-pages', component: Conflict, icon: RefreshCw, mapScene: fromSource('conflict', conflictSource) },
+      { id: 'analysis', title: '高密度分析', moduleId: 'insights', groupId: 'insights-pages', component: Analysis, icon: ChartColumn, mapScene: fromSource('analysis', analysisSource) },
+    ],
+  }
+}

package/template/.cursor/skills/yss-prototype-stage/assets/vue-business-patterns/workspace-glass.config.json

@@ -0,0 +1,6 @@
+{
+  "schema_version": 1,
+  "title": "YSS 企业工作区 · 轻玻璃",
+  "entry": "workspace-glass.ts",
+  "scenarios": "workspace.scenarios.json"
+}

package/template/.cursor/skills/yss-prototype-stage/assets/vue-business-patterns/workspace-glass.ts

@@ -0,0 +1,3 @@
+import { mountWorkspace } from './workspace'
+import { workspaceDefinition } from './workspace-definition'
+mountWorkspace(workspaceDefinition('glass'))

package/template/.cursor/skills/yss-prototype-stage/assets/vue-business-patterns/workspace-model.js

@@ -0,0 +1,75 @@
+// Framework state only. Business state remains in the supplied page scenes.
+const validId = value => typeof value === 'string' && /^[a-z0-9][a-z0-9-]*$/.test(value);
+export function validateWorkspace(definition) {
+  if (!definition?.brand?.trim()) throw Error('工作区缺少品牌名称');
+  for (const key of ['modules', 'groups', 'pages']) {
+    const values = definition[key];
+    if (!Array.isArray(values) || !values.length) throw Error(`工作区缺少 ${key}`);
+    const ids = new Set();
+    for (const value of values) {
+      if (!validId(value.id) || ids.has(value.id)) throw Error(`工作区 ${key} ID 非法或重复`);
+      ids.add(value.id);
+      if (!(value.title || value.label)?.trim()) throw Error(`工作区 ${key} 缺少名称`);
+    }
+  }
+  for (const group of definition.groups) {
+    if (!definition.modules.some(m => m.id === group.moduleId)) throw Error('导航分组引用未知模块');
+  }
+  for (const page of definition.pages) {
+    if (!page.component || !definition.groups.some(g => g.id === page.groupId && g.moduleId === page.moduleId)) throw Error('页面组件或导航分组无效');
+  }
+  if (!definition.pages.some(p => p.id === definition.defaultPage)) throw Error('默认页面不存在');
+  if (definition.modules.some(m => !definition.pages.some(p => p.moduleId === m.id))) throw Error('模块没有可操作页面');
+  return definition;
+}
+export function readPageId(search, definition) {
+  const params = new URLSearchParams(search);
+  if (!params.size) return definition.defaultPage;
+  if (params.size !== 1 || !params.has('page') || !definition.pages.some(p => p.id === params.get('page'))) throw Error('未知或缺失的页面，请检查工作区链接。');
+  return params.get('page');
+}
+export function pageLink(href, definition, id) {
+  if (!definition.pages.some(page => page.id === id)) throw Error('页面未登记');
+  const url = new URL(href);
+  if (!['file:', 'http:', 'https:'].includes(url.protocol)) throw Error('工作区入口协议无效');
+  url.search = '';
+  url.searchParams.set('page', id);
+  return url.href;
+}
+export function createWorkspaceState(definition, pageId = definition.defaultPage) {
+  if (!definition.pages.some(p => p.id === pageId)) throw Error('页面未登记');
+  return { activeId: pageId, opened: [...new Set([definition.defaultPage, pageId])], dirty: {}, scroll: {} };
+}
+export function openPage(state, definition, id) {
+  if (!definition.pages.some(p => p.id === id)) throw Error('页面未登记');
+  if (!state.opened.includes(id)) state.opened.push(id);
+  state.activeId = id;
+}
+export function closePage(state, definition, id, discard = false) {
+  if (id === definition.defaultPage) return 'pinned';
+  const position = state.opened.indexOf(id);
+  if (position < 0) return 'absent';
+  if (state.dirty[id] && !discard) return 'confirm';
+  if (state.activeId === id) state.activeId = state.opened[position - 1] || definition.defaultPage;
+  state.opened.splice(position, 1);
+  delete state.dirty[id];
+  delete state.scroll[id];
+  return 'closed';
+}
+export function pageScene(scene, page, mode = 'pages') {
+  const input = page.mapScene ? page.mapScene(scene) : mode === 'direct' ? scene : scene.data.pages?.[page.sceneKey || page.id];
+  const data = input?.data ?? input?.initial_data;
+  if (!input?.id || !data || typeof data !== 'object' || Array.isArray(data) || !(input.stateRef || input.state_ref)) throw Error(`页面 ${page.id} 缺少当前场景数据或来源`);
+  return { id: input.id, label: input.label, stateRef: input.stateRef || input.state_ref, data: JSON.parse(JSON.stringify(data)), ticket: scene.ticket };
+}
+
+// Page Tags are navigation buttons, not a tablist: focus movement does not activate.
+export function pageTagFocusTarget(opened, current, key) {
+  const position = opened.indexOf(current);
+  if (position < 0 || !opened.length) return null;
+  if (key === 'Home') return opened[0];
+  if (key === 'End') return opened.at(-1);
+  if (key === 'ArrowLeft') return opened[(position + opened.length - 1) % opened.length];
+  if (key === 'ArrowRight') return opened[(position + 1) % opened.length];
+  return null;
+}

package/template/.cursor/skills/yss-prototype-stage/assets/vue-business-patterns/workspace-page.ts

@@ -0,0 +1,18 @@
+import { inject, ref, onActivated, onDeactivated, onBeforeUnmount, watch, type Ref, type InjectionKey } from 'vue'
+
+export type PageContext = { reportDirty: (dirty: boolean) => void }
+export const workspacePageKey: InjectionKey<PageContext> = Symbol('workspace-page')
+// Pages retain drafts in KeepAlive. Close only temporary overlays when leaving.
+export function useWorkspacePage() {
+  const context = inject(workspacePageKey, { reportDirty: (_dirty: boolean) => {} })
+  const active = ref(true)
+  onActivated(() => { active.value = true })
+  onDeactivated(() => { active.value = false })
+  onBeforeUnmount(() => { active.value = false })
+  return {
+    active,
+    reportDirty: context.reportDirty,
+    onLeave(cleanup: () => void) { onDeactivated(cleanup); onBeforeUnmount(cleanup) },
+    trackDirty(dirty: Ref<boolean>) { watch(dirty, context.reportDirty, { immediate: true, flush: 'sync' }) },
+  }
+}

package/template/.cursor/skills/yss-prototype-stage/assets/vue-business-patterns/workspace-standard.config.json

@@ -0,0 +1,6 @@
+{
+  "schema_version": 1,
+  "title": "YSS 企业工作区",
+  "entry": "workspace-standard.ts",
+  "scenarios": "workspace.scenarios.json"
+}

package/template/.cursor/skills/yss-prototype-stage/assets/vue-business-patterns/workspace-standard.ts

@@ -0,0 +1,3 @@
+import { mountWorkspace } from './workspace'
+import { workspaceDefinition } from './workspace-definition'
+mountWorkspace(workspaceDefinition())