cardbuddy 0.6.0

package/dist/vendored/components/setters/SetSegment.vue

@@ -0,0 +1,160 @@
+<!--
+  分段选择设置器 —— 合并编辑器中五个"单选一组"的控件：
+
+    TabSelect            文字分段（选项来自 itemOption.iParamList）
+    FontStyle            正体 / 斜体
+    TextDecorationStyle  无 / 下划线 / 删除线
+    JustifyContentStyle  主轴对齐（随 flexDirection 变向，图标旋转 90°）
+    AlignItemsStyle      交叉轴对齐（同上）
+
+  编辑器里它们是五个独立组件，但交互完全一致（点选 → input + change），
+  差异只在「选项从哪来 / 图标怎么画」，因此这里用同一个组件按 kind 分派，
+  避免五份重复模板。图标用内联 SVG 现画，不引外部图片资源。
+-->
+<template>
+  <div class="st-seg">
+    <div
+      v-for="(o, i) in items"
+      :key="o.key + '_' + i"
+      class="st-seg__item"
+      :class="{ 'st-seg__item--on': String(o.key) === String(current) }"
+      :title="o.title || o.value"
+      @click="pick(o)"
+    >
+      <svg
+        v-if="o.icon"
+        class="st-seg__icon"
+        viewBox="0 0 16 16"
+        :style="rotate ? 'transform:rotate(90deg)' : ''"
+      >
+        <!-- 容器外框 -->
+        <rect
+          v-if="o.icon.frame"
+          x="1" y="2.6" width="14" height="10.8" rx="1.4"
+          fill="none" stroke="currentColor" stroke-width="1" opacity="0.35"
+        />
+        <!-- 内容条 -->
+        <rect
+          v-for="(r, ri) in o.icon.rects || []"
+          :key="'r' + ri"
+          :x="r[0]" :y="r[1]" :width="r[2]" :height="r[3]"
+          rx="0.6" fill="currentColor" stroke="none"
+        />
+        <!-- 辅助线（基线 / 下划线 / 删除线） -->
+        <line
+          v-for="(l, li) in o.icon.lines || []"
+          :key="'l' + li"
+          :x1="l[0]" :y1="l[1]" :x2="l[2]" :y2="l[3]"
+          stroke="currentColor" stroke-width="1.1"
+        />
+        <!-- 字形（FontStyle / TextDecorationStyle） -->
+        <text
+          v-if="o.icon.text"
+          x="8" y="12" text-anchor="middle"
+          font-size="11" font-weight="600" fill="currentColor" stroke="none"
+          :font-style="o.icon.italic ? 'italic' : 'normal'"
+        >{{ o.icon.text }}</text>
+      </svg>
+      <span v-else>{{ o.value }}</span>
+    </div>
+  </div>
+</template>
+
+<script>
+import { setterProps, setterEmits } from './props.js'
+
+/** 主轴对齐：两根竖条（w=3.2 h=6.4，居中于 y=4.8）在横向的摆位 */
+const JUSTIFY = [
+  { key: 'flex-start', name: '起始对齐', bars: [2.6, 6.2] },
+  { key: 'center', name: '居中', bars: [4.6, 8.2] },
+  { key: 'flex-end', name: '末端对齐', bars: [6.6, 10.2] },
+  { key: 'space-between', name: '两端对齐', bars: [2.6, 10.2] },
+  { key: 'space-around', name: '等距间隔', bars: [3.6, 9.2] },
+]
+
+/** 交叉轴对齐：两根竖条（高度不同）在纵向的摆位 [y, h] */
+const ALIGN = [
+  { key: 'flex-start', name: '起始对齐', a: [3.6, 6.4], b: [3.6, 4.4] },
+  { key: 'center', name: '居中', a: [4.8, 6.4], b: [5.8, 4.4] },
+  { key: 'flex-end', name: '末端对齐', a: [6, 6.4], b: [8, 4.4] },
+  { key: 'baseline', name: '基线对齐', a: [4, 5.6], b: [6, 3.6], baseline: 9.6 },
+  { key: 'stretch', name: '拉伸', a: [3.6, 9.4], b: [3.6, 9.4] },
+]
+
+const FONT_STYLE = [
+  { key: 'normal', value: '正体', title: 'font-style: normal', icon: { text: 'A' } },
+  { key: 'italic', value: '斜体', title: 'font-style: italic', icon: { text: 'A', italic: true } },
+]
+
+const TEXT_DECORATION = [
+  { key: 'none', value: '无', title: 'text-decoration: none', icon: { text: 'A' } },
+  {
+    key: 'underline',
+    value: '下划线',
+    title: 'text-decoration: underline',
+    icon: { text: 'A', lines: [[3.5, 14, 12.5, 14]] },
+  },
+  {
+    key: 'line-through',
+    value: '删除线',
+    title: 'text-decoration: line-through',
+    icon: { text: 'A', lines: [[3, 8.6, 13, 8.6]] },
+  },
+]
+
+export default {
+  name: 'SetSegment',
+  props: { ...setterProps, kind: { type: String, default: 'TabSelect' } },
+  emits: setterEmits,
+  computed: {
+    current() {
+      return this.value === undefined || this.value === null ? '' : this.value
+    },
+    /** 竖排布局时对齐图标转 90°（与编辑器 lep_rotate 一致） */
+    flexDirection() {
+      return this.options.flexDirection || this.watches.flexDirection || 'row'
+    },
+    rotate() {
+      return (
+        (this.kind === 'JustifyContentStyle' || this.kind === 'AlignItemsStyle') &&
+        this.flexDirection === 'column'
+      )
+    },
+    items() {
+      if (this.kind === 'JustifyContentStyle') {
+        return JUSTIFY.map((o) => ({
+          key: o.key,
+          value: o.name,
+          title: `justify-content: ${o.key}`,
+          icon: { frame: true, rects: o.bars.map((x) => [x, 4.8, 3.2, 6.4]) },
+        }))
+      }
+      if (this.kind === 'AlignItemsStyle') {
+        return ALIGN.map((o) => ({
+          key: o.key,
+          value: o.name,
+          title: `align-items: ${o.key}`,
+          icon: {
+            frame: true,
+            rects: [
+              [4.2, o.a[0], 3.2, o.a[1]],
+              [8.6, o.b[0], 3.2, o.b[1]],
+            ],
+            lines: o.baseline ? [[1.6, o.baseline, 14.4, o.baseline]] : undefined,
+          },
+        }))
+      }
+      if (this.kind === 'FontStyle') return FONT_STYLE
+      if (this.kind === 'TextDecorationStyle') return TEXT_DECORATION
+      return this.options.iParamList || []
+    },
+  },
+  methods: {
+    pick(o) {
+      if (this.disabled) return
+      this.$emit('input', o.key)
+      this.$emit('change')
+    },
+  },
+}
+</script>

package/dist/vendored/components/setters/SetSelect.vue

@@ -0,0 +1,51 @@
+<!--
+  下拉选择设置器：对应编辑器 common/Select。
+  选项来源 itemOption.iParamList = [{key, value}]。
+  可清空（对应编辑器的 clearable）：选中值后触发器右侧出现 ✕ 清除按钮，
+  空值态由 Dropdown 的 placeholder 在触发器上显示，不再把占位文案当选项注入。
+  统一使用 Dropdown 组件（支持尺寸），替换原生 <select>。
+-->
+<template>
+  <Dropdown
+    :value="current"
+    :options="optionList"
+    :placeholder="placeholder"
+    clearable
+    size="sm"
+    block
+    :disabled="disabled"
+    @input="onChange"
+  />
+</template>
+
+<script>
+import { setterProps, setterEmits } from './props.js'
+
+export default {
+  name: 'SetSelect',
+  props: setterProps,
+  emits: setterEmits,
+  computed: {
+    list() {
+      return this.options.iParamList || this.options.iTypeList || []
+    },
+    placeholder() {
+      return this.options.placeholder || '请选择'
+    },
+    optionList() {
+      // 不把占位文案当作可选项注入；空值态由 Dropdown 的 placeholder 在触发器上显示，
+      // 弹层内只列出真实选项（避免「请选择/待选择」作为一条选项出现）。
+      return this.list.map((o) => ({ key: String(o.key), value: o.value }))
+    },
+    current() {
+      return this.value === undefined || this.value === null ? '' : String(this.value)
+    },
+  },
+  methods: {
+    onChange(v) {
+      this.$emit('input', v)
+      this.$emit('change')
+    },
+  },
+}
+</script>

package/dist/vendored/components/setters/SetSwitch.vue

@@ -0,0 +1,49 @@
+<!--
+  开关设置器：对应编辑器 common/Switcher 与 forms/BooleanForm。
+
+  关键点（照搬编辑器语义）：Switcher 的开/关值默认是**字符串** '1' / '0'，
+  BooleanForm 只是把 activeValue/inactiveValue 换成布尔 true/false 的 Switcher。
+  写成 boolean 会导致 DSL 里 isBorder 变成 true，线上解析不到，故必须保留原类型。
+-->
+<template>
+  <div class="st-switch" :class="{ 'st-switch--on': on }" @click="toggle">
+    <span class="st-switch__track"><span class="st-switch__knob" /></span>
+    <span class="st-switch__text">{{ on ? activeText : inactiveText }}</span>
+  </div>
+</template>
+
+<script>
+import { setterProps, setterEmits } from './props.js'
+
+export default {
+  name: 'SetSwitch',
+  props: { ...setterProps, boolean: { type: Boolean, default: false } },
+  emits: setterEmits,
+  computed: {
+    activeValue() {
+      if (this.options.activeValue !== undefined) return this.options.activeValue
+      return this.boolean ? true : '1'
+    },
+    inactiveValue() {
+      if (this.options.inactiveValue !== undefined) return this.options.inactiveValue
+      return this.boolean ? false : '0'
+    },
+    on() {
+      return this.value === this.activeValue
+    },
+    activeText() {
+      return this.options.activeText || '开'
+    },
+    inactiveText() {
+      return this.options.inactiveText || '关'
+    },
+  },
+  methods: {
+    toggle() {
+      if (this.disabled) return
+      this.$emit('input', this.on ? this.inactiveValue : this.activeValue)
+      this.$emit('change')
+    },
+  },
+}
+</script>

package/dist/vendored/components/setters/SetText.vue

@@ -0,0 +1,52 @@
+<!--
+  文本输入设置器：对应编辑器 common/Input 与 common/Textarea。
+  itemType 为 Input / Textarea / 空（无类型时的默认文本框）时使用。
+-->
+<template>
+  <textarea
+    v-if="multiline"
+    class="st-textarea"
+    :rows="rows"
+    :placeholder="options.placeholder || ''"
+    :disabled="disabled"
+    :value="text"
+    @input="onInput($event.target.value)"
+    @change="$emit('change')"
+  />
+  <input
+    v-else
+    class="ni-input"
+    type="text"
+    :placeholder="options.placeholder || ''"
+    :disabled="disabled"
+    :value="text"
+    @input="onInput($event.target.value)"
+    @change="$emit('change')"
+  />
+</template>
+
+<script>
+import { setterProps, setterEmits } from './props.js'
+
+export default {
+  name: 'SetText',
+  props: { ...setterProps, multiline: { type: Boolean, default: false } },
+  emits: setterEmits,
+  computed: {
+    text() {
+      return this.value === undefined || this.value === null ? '' : String(this.value)
+    },
+    rows() {
+      // itemOption.autosize = {minRows, maxRows}
+      const a = this.options.autosize
+      if (a && typeof a === 'object' && a.minRows) return a.minRows
+      return 4
+    },
+  },
+  methods: {
+    onInput(v) {
+      this.$emit('input', v)
+    },
+  },
+}
+</script>

package/dist/vendored/components/setters/props.js

@@ -0,0 +1,23 @@
+/**
+ * 设置器统一 props / emits。
+ * 与编辑器 `base/properties/components/props.js` 一一对应，便于逐个组件对照移植。
+ *
+ *  value    当前值（Property.itemValue）
+ *  options  itemOption
+ *  watches  同级属性值快照，供 itemWatch 联动（如 flexDirection 决定对齐图标方向）
+ *  itemInfo Property 实例本身（少数控件需要读 itemDefaultValue / itemKey）
+ *  disabled 禁用
+ *
+ * 事件：input(新值) → 由 PropRow 写回 Property；change() → 触发预览刷新。
+ */
+export const setterProps = {
+  value: { default: '' },
+  options: { type: Object, default: () => ({}) },
+  watches: { type: Object, default: () => ({}) },
+  itemInfo: { type: Object, default: () => ({}) },
+  disabled: { type: Boolean, default: false },
+};
+
+export const setterEmits = ['input', 'change'];
+
+export default setterProps;

package/dist/vendored/fidelity/baseline-messageOverview.json

@@ -0,0 +1,87 @@
+{
+  "cardId": "messageOverview",
+  "tolerance": 2,
+  "createdAt": "2026-08-19T09:30:08.138Z",
+  "rows": [
+    {
+      "cid": "comp_0110",
+      "className": "Text",
+      "expectText": "重点摘要",
+      "dxL": -1,
+      "dyL": -1.5,
+      "dw": 0,
+      "dh": -1,
+      "tol": 4
+    },
+    {
+      "cid": "comp_0111",
+      "className": "Text",
+      "expectText": "按强重要、待关注、时间倒序展示，不超过3条",
+      "dxL": -1,
+      "dyL": 1.5,
+      "dw": -42.9,
+      "dh": 0,
+      "tol": 45
+    },
+    {
+      "cid": "comp_0103",
+      "className": "Text",
+      "expectText": "条未读消息",
+      "dxL": -3.2,
+      "dyL": -6.5,
+      "dw": 0,
+      "dh": -1,
+      "tol": 9
+    },
+    {
+      "cid": "comp_0102",
+      "className": "Text",
+      "expectText": "12",
+      "dxL": 1,
+      "dyL": -8.5,
+      "dw": 0.8,
+      "dh": 0,
+      "tol": 11
+    },
+    {
+      "cid": "comp_0101",
+      "className": "Text",
+      "expectText": "动账 5 · 转账 2 · 站内 1 · 其他 4",
+      "dxL": -45,
+      "dyL": 3.5,
+      "dw": 27.1,
+      "dh": 10,
+      "tol": 47
+    },
+    {
+      "cid": "comp_0107",
+      "className": "Row",
+      "expectText": "查看全部",
+      "dxL": 35,
+      "dyL": -12.5,
+      "dw": 16,
+      "dh": 2,
+      "tol": 37
+    },
+    {
+      "cid": "comp_0114",
+      "className": "Text",
+      "expectText": "今日有一笔支出动账",
+      "dxL": 22.7,
+      "dyL": 3.5,
+      "dw": 0,
+      "dh": -1,
+      "tol": 25
+    },
+    {
+      "cid": "comp_0115",
+      "className": "Text",
+      "expectText": "金额1,280.00元，建议核对资金变动。",
+      "dxL": 22.7,
+      "dyL": 2.5,
+      "dw": -32.7,
+      "dh": 0,
+      "tol": 35
+    }
+  ]
+}

package/dist/vendored/fidelity/calibration.json

@@ -0,0 +1,29 @@
+{
+  "updatedAt": "2026-08-19T10:17:34.471Z",
+  "cards": [
+    "messageOverview",
+    "messageOverview_v2",
+    "messageOverview_v3",
+    "messageOverview_visual"
+  ],
+  "classes": {
+    "Text": {
+      "cards": 8,
+      "samples": 47,
+      "dxL": null,
+      "dyL": null,
+      "dw": null,
+      "dh": null,
+      "maxAbs": 61.1
+    },
+    "Row": {
+      "cards": 1,
+      "samples": 6,
+      "dxL": null,
+      "dyL": null,
+      "dw": null,
+      "dh": null,
+      "maxAbs": 285
+    }
+  }
+}

package/dist/vendored/fidelity/fidelity-messageOverview-after.html

@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html lang="zh-CN"><head><meta charset="utf-8"><title>UI 还原度对拍 · messageOverview-after</title>
+<style>
+  body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;margin:0;background:#f5f6f8;color:#1f2329}
+  .wrap{max-width:1080px;margin:0 auto;padding:24px 20px 60px}
+  h1{font-size:20px;margin:0 0 4px}
+  .sub{color:#666;font-size:12px;margin-bottom:18px}
+  .cards{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}
+  .card{flex:1;min-width:150px;background:#fff;border:1px solid #e5e6eb;border-radius:8px;padding:14px 16px}
+  .card .num{font-size:26px;font-weight:700}
+  .card .lbl{font-size:12px;color:#666;margin-top:2px}
+  table{border-collapse:collapse;width:100%;background:#fff;font-size:13px;border:1px solid #e5e6eb;border-radius:8px;overflow:hidden}
+  th,td{padding:7px 10px;border-bottom:1px solid #f0f1f3;text-align:left;white-space:nowrap}
+  th{background:#fafbfc;color:#333;font-weight:600}
+  tr:last-child td{border-bottom:none}
+  .sec{margin-top:22px;font-size:15px;font-weight:600}
+  .tips{background:#fff;border:1px solid #e5e6eb;border-radius:8px;padding:12px 16px 12px 34px;font-size:13px;line-height:1.8}
+  .muted{color:#999}
+</style></head><body><div class="wrap">
+  <h1>UI 还原度对拍报告 · messageOverview-after</h1>
+  <div class="sub">spec: UI/01、泛化消息-有未读消息-没有待办/spec.json · 阈值 ±2px · 2026/8/19 17:30:19 · 生成：fidelity_report.mjs</div>
+  <div class="cards">
+    <div class="card"><div class="num">6</div><div class="lbl">已匹配元素</div></div>
+    <div class="card"><div class="num" style="color:#c62828">5</div><div class="lbl">超差（&gt;4px）</div></div>
+    <div class="card"><div class="num" style="color:#b26a00">0</div><div class="lbl">偏差（&gt;2px）</div></div>
+    <div class="card"><div class="num">7</div><div class="lbl">未匹配(设计稿)</div></div>
+    <div class="card"><div class="num">-30.0</div><div class="lbl">公共偏移 Δx</div></div>
+    <div class="card"><div class="num">-301.5</div><div class="lbl">公共偏移 Δy</div></div>
+    <div class="card"><div class="num" style="color:#888">7</div><div class="lbl">chrome 裁剪(不参与对拍)</div></div>
+  </div>
+  <div class="sec">归因建议</div>
+  <ul class="tips"><li>整卡水平偏移 -30.0px（公共偏移已扣除，不影响逐元素评估；若渲染卡含外层留白/容器 padding 请检查根容器）</li>
+<li>整卡垂直偏移 -301.5px（通常来自设计稿含状态栏/导航而渲染卡仅卡片主体；若渲染卡内确有同类元素整体偏移，请检查根容器 padding）</li>
+<li>单元素离群：「条未读消息」（Text）偏离同类中位 6.5px → 检查该元素自身 align/padding/fontSize</li>
+<li>单元素离群：「12」（Text）偏离同类中位 8.5px → 检查该元素自身 align/padding/fontSize</li>
+<li>单元素离群：「动账 5 · 转账 2 · 站内」（Text）偏离同类中位 44.0px → 检查该元素自身 align/padding/fontSize</li>
+<li>单元素离群：「今日有一笔支出动账」（Text）偏离同类中位 23.7px → 检查该元素自身 align/padding/fontSize</li></ul>
+  <div class="sec">逐元素差异（局部 Δ = 已扣除公共偏移）</div>
+  <table>
+    <tr><th>状态</th><th>文本/元素</th><th>组件类</th><th>匹配</th><th>期望 rect</th><th>实际 rect</th><th>Δx</th><th>Δy</th><th>Δw</th><th>Δh</th></tr>
+    <tr style="background:#fdecea">
+        <td style="color:#c62828;font-weight:600">超差</td>
+        <td title="按强重要、待关注、时间倒序展示，不超过3条">按强重要、待关注、时间倒序展示，不超过3条</td>
+        <td>Text</td>
+        <td title="通过 text">文本</td>
+        <td style="color:#666">32, 420 · 311×18</td>
+        <td style="color:#666">2, 120 · 268.1×18</td>
+        <td style="color:#666">0.0</td>
+        <td style="color:#666">+1.5</td>
+        <td style="color:#c62828">-42.9</td>
+        <td style="color:#666">0.0</td>
+      </tr>
+<tr style="background:#fdecea">
+        <td style="color:#c62828;font-weight:600">超差</td>
+        <td title="条未读消息">条未读消息</td>
+        <td>Text</td>
+        <td title="通过 text">文本</td>
+        <td style="color:#666">74, 328 · 75×22</td>
+        <td style="color:#666">41.8, 20 · 75×21</td>
+        <td style="color:#c62828">-2.2</td>
+        <td style="color:#c62828">-6.5</td>
+        <td style="color:#666">0.0</td>
+        <td style="color:#666">-1.0</td>
+      </tr>
+<tr style="background:#fdecea">
+        <td style="color:#c62828;font-weight:600">超差</td>
+        <td title="12">12</td>
+        <td>Text</td>
+        <td title="通过 text">文本</td>
+        <td style="color:#666">32, 314 · 31×42</td>
+        <td style="color:#666">4, 4 · 31.8×42</td>
+        <td style="color:#666">+2.0</td>
+        <td style="color:#c62828">-8.5</td>
+        <td style="color:#666">+0.8</td>
+        <td style="color:#666">0.0</td>
+      </tr>
+<tr style="background:#fdecea">
+        <td style="color:#c62828;font-weight:600">超差</td>
+        <td title="动账 5 · 转账 2 · 站内 1 · 其他 4">动账 5 · 转账 2 · 站内 1 · 其他 </td>
+        <td>Text</td>
+        <td title="通过 text-far">几何</td>
+        <td style="color:#666">74, 352 · 196×18</td>
+        <td style="color:#666">0, 54 · 223.1×28</td>
+        <td style="color:#c62828">-44.0</td>
+        <td style="color:#c62828">+3.5</td>
+        <td style="color:#c62828">+27.1</td>
+        <td style="color:#c62828">+10.0</td>
+      </tr>
+<tr style="background:#fdecea">
+        <td style="color:#c62828;font-weight:600">超差</td>
+        <td title="今日有一笔支出动账">今日有一笔支出动账</td>
+        <td>Text</td>
+        <td title="通过 text">文本</td>
+        <td style="color:#666">58, 464 · 135×22</td>
+        <td style="color:#666">51.7, 166 · 135×21</td>
+        <td style="color:#c62828">+23.7</td>
+        <td style="color:#c62828">+3.5</td>
+        <td style="color:#666">0.0</td>
+        <td style="color:#666">-1.0</td>
+      </tr>
+<tr style="background:#e7f6ec">
+        <td style="color:#0a7a2f;font-weight:600">OK</td>
+        <td title="重点摘要">重点摘要</td>
+        <td>Text</td>
+        <td title="通过 text">文本</td>
+        <td style="color:#666">32, 396 · 60×22</td>
+        <td style="color:#666">2, 93 · 60×21</td>
+        <td style="color:#666">0.0</td>
+        <td style="color:#666">-1.5</td>
+        <td style="color:#666">0.0</td>
+        <td style="color:#666">-1.0</td>
+      </tr>
+  </table>
+</div></body></html>