cardbuddy 0.11.0 → 0.12.1

package/dist/vendored/components/NewCardDialog.vue

@@ -1,132 +0,0 @@
-<!--
-  新增空白卡片弹窗：顶栏「新增空白卡片」图标按钮（网格预览旁边）触发。
-  卡片 ID 必填、描述选填：ID 校验形状（字母/数字开头，含 _ -），描述 ≤200 字，留空则由后端用 ID 兜显示名；
-  ID 重名做前置判定（父级传 existing-ids = 实时扫描 src/cards 的本地卡片）：撞上就红字提示并禁用「创建」，
-  不必等后端 409 才知道；后端仍是权威闸（列表可能过期、macOS 文件系统不区分大小写）。
-  确认后 POST /__cards 由后端写空骨架（schema + 派生 data）到 src/cards/<id>/。
-  失败（ID 已存在 / 校验不过 / 服务报错）原地红字保留弹窗；成功 emit created(id)，
-  父级关弹窗 + 刷列表 + 切换到新卡。
-  骨架与「编辑变量」弹窗同构（ni-overlay / ni-panel / ni-head / ni-foot），视觉语言统一。
--->
-<template>
-  <transition name="modal">
-    <div v-if="visible" class="ni-overlay" @click.self="$emit('close')">
-      <div class="ni-panel modal-card newcard-dlg" role="alertdialog" aria-modal="true" aria-label="新增空白卡片">
-        <div class="ni-head">
-          <span class="ni-title">新增空白卡片</span>
-          <button class="ni-close" type="button" title="关闭" @click="$emit('close')"></button>
-        </div>
-        <div class="ni-body">
-          <div class="ni-scroll">
-            <div class="ni-field-row">
-              <label class="ni-field-label"><i>*</i>卡片 ID</label>
-              <input
-                class="ni-input"
-                :class="{ 'newcard-dlg__input--dup': !!dupId }"
-                type="text"
-                v-model="id"
-                placeholder="英文标识，如 myNewCard（字母/数字/_/-）"
-                :aria-invalid="dupId ? 'true' : null"
-                :disabled="busy"
-                @keydown.enter="submit"
-              />
-            </div>
-            <div class="ni-field-row">
-              <label class="ni-field-label">卡片描述</label>
-              <input
-                class="ni-input"
-                type="text"
-                v-model="desc"
-                placeholder="选填，卡片用途简述；留空则用卡片 ID 作显示名"
-                :disabled="busy"
-                @keydown.enter="submit"
-              />
-            </div>
-            <p v-if="dupId" class="newcard-dlg__err" role="alert">卡片 ID 已存在：本地已有「{{ dupId }}」，换一个 ID</p>
-            <p v-else-if="error" class="newcard-dlg__err" role="alert">{{ error }}</p>
-          </div>
-        </div>
-        <div class="ni-foot">
-          <span class="ni-tip">创建后写入 src/cards/&lt;id&gt;/ 空骨架，并切换到新卡</span>
-          <div class="ni-foot-btns">
-            <button class="ni-btn ni-btn--ghost" type="button" :disabled="busy" @click="$emit('close')">取消</button>
-            <button class="ni-btn" type="button" :disabled="busy || !!dupId" @click="submit">{{ busy ? '创建中…' : '创建' }}</button>
-          </div>
-        </div>
-      </div>
-    </div>
-  </transition>
-</template>
-
-<script>
-import { apiFetch } from '@/api.js'
-
-const ID_RE = /^[A-Za-z0-9][A-Za-z0-9_-]{0,63}$/
-
-export default {
-  name: 'NewCardDialog',
-  props: {
-    visible: { type: Boolean, default: false },
-    /** 本地已有卡片 ID（父级实时拉 GET /__cards）：用于 ID 重名前置判定 */
-    existingIds: { type: Array, default: () => [] },
-  },
-  emits: ['close', 'created'],
-  data() {
-    return { id: '', desc: '', error: '', busy: false }
-  },
-  computed: {
-    /** 与本地卡片撞名的 ID（未撞返回空串）：输入即时判定，不等提交 */
-    dupId() {
-      const id = this.id.trim()
-      if (!id) return ''
-      return this.existingIds.find((x) => x === id) || ''
-    },
-  },
-  watch: {
-    // 每次打开重置：上一次的失败错误 / 半截输入不带进新会话
-    visible(v) {
-      if (v) {
-        this.id = ''
-        this.desc = ''
-        this.error = ''
-        this.busy = false
-      }
-    },
-  },
-  methods: {
-    validate() {
-      const id = this.id.trim()
-      const desc = this.desc.trim()
-      if (!id) return '卡片 ID 必填'
-      if (!ID_RE.test(id)) return '卡片 ID 只能以字母/数字开头，含字母/数字/_/-（≤64 字符）'
-      if (this.dupId) return `卡片 ID 已存在：本地已有「${this.dupId}」，换一个 ID`
-      if (desc.length > 200) return '卡片描述过长（≤200 字）'
-      return ''
-    },
-    async submit() {
-      if (this.busy) return
-      const err = this.validate()
-      if (err) {
-        this.error = err
-        return
-      }
-      this.busy = true
-      this.error = ''
-      try {
-        const res = await apiFetch('/__cards', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ id: this.id.trim(), desc: this.desc.trim() }),
-        })
-        const r = await res.json().catch(() => null)
-        if (!res.ok) throw new Error((r && (r.message || r.error)) || `HTTP ${res.status}`)
-        this.$emit('created', this.id.trim())
-      } catch (e) {
-        this.error = `创建失败：${e.message}`
-      } finally {
-        this.busy = false
-      }
-    },
-  },
-}
-</script>

package/dist/vendored/components/NodeInspector.vue

@@ -1,295 +0,0 @@
-<!--
-  节点属性面板（meta 驱动，可编辑写回）。
-
-  数据源：预览树节点 comp._schemaNode（与 currentSchema 同引用）。构建 NodeEditModel 后：
-   - 组件属性 / 指令：表单树 == 实例树，直接 mutate Property.itemValue，整树导出（applyToSchema）；
-   - 样式：表单树(styleForm, 完整 meta) 与实例树(style, 精简) 分离，改动经 applyStyleChange 定点并入；
-   - 编辑即时（防抖）重建预览（emit apply），「应用」把改动暂存进内存工作副本（currentSchema），落盘由顶栏「保存到本地」负责；不再 emit write-back。
-
-  面板布局对齐线上编辑器右侧「属性 / 事件」：
-   属性 tab：基本信息 + 组件属性 + 样式 + 指令（分组可折叠，叶子用类型化控件）；
-   事件 tab：事件动作列表，每条 = 触发事件 + 动作类型 + 动作参数。
-     参数由 meta/action-meta.json 声明（Property meta 形态），
-     因此和属性页签共用 Property / PropTree / PropControl 同一套渲染与回写机制，
-     customAction 的脚本走 itemType=Code 的 SetCode 设置器（CodeJar + Prism）。
-     导出纪律见 runtime/event-model.js 文件头：必填/原有/改过的参数才写回 schema。
--->
-<template>
-  <div class="ni-overlay">
-    <div class="ni-panel modal-card">
-      <div class="ni-head">
-        <span class="ni-title">
-          节点属性 · {{ compName }}
-          <em class="ni-cls">{{ schemaNode && schemaNode.className }}</em>
-        </span>
-        <button class="ni-close" type="button" @click="onClose"></button>
-      </div>
-
-      <div v-if="!model" class="ni-body">
-        <p class="ni-empty">无法定位该节点的原始 schema（_schemaNode 缺失）</p>
-      </div>
-
-     <div v-else class="ni-body">
-        <!-- ============ 属性 ============ -->
-        <div class="ni-scroll">
-          <!-- 基本信息 -->
-          <section class="ni-sec">
-            <div class="ni-sec-head" @click="toggleSec('basic')">
-              <span class="ni-caret" :class="{ 'is-open': secOpen.basic }">▸</span>基本信息
-            </div>
-            <div v-show="secOpen.basic" class="ni-sec-body">
-              <div class="ni-field-row">
-                <label class="ni-field-label">组件类型</label>
-                <span class="ni-static">{{ compName }}</span>
-              </div>
-              <div class="ni-field-row" v-if="hasField('componentId')">
-                <label class="ni-field-label">实例 ID</label>
-                <input class="ni-input" :value="schemaNode.componentId" @input="onMetaInput('componentId', $event.target.value)" />
-              </div>
-              <div class="ni-field-row" v-if="hasField('name')">
-                <label class="ni-field-label">节点名</label>
-                <input class="ni-input" :value="schemaNode.name" @input="onMetaInput('name', $event.target.value)" />
-              </div>
-            </div>
-          </section>
-
-          <!-- 组件属性 -->
-          <section class="ni-sec" v-show="model.properties.length">
-            <div class="ni-sec-head" @click="toggleSec('props')">
-              <span class="ni-caret" :class="{ 'is-open': secOpen.props }">▸</span>
-              组件属性
-            </div>
-            <div v-show="secOpen.props" class="ni-sec-body">
-              <prop-tree
-                :properties="model.properties"
-                mode="property"
-                :plain="true"
-                @leaf-change="onPropChange"
-                @leaf-sync="onStyleSync"
-              />
-            </div>
-          </section>
-
-          <!-- 样式 -->
-          <section class="ni-sec">
-            <div class="ni-sec-head" @click="toggleSec('style')">
-              <span class="ni-caret" :class="{ 'is-open': secOpen.style }">▸</span>
-              样式
-            </div>
-            <div v-show="secOpen.style" class="ni-sec-body">
-              <prop-tree
-                :properties="model.styleForm"
-                mode="style"
-                :watches="styleWatches"
-                :plain="true"
-                @leaf-change="onStyleChange"
-                @leaf-sync="onStyleSync"
-              />
-            </div>
-          </section>
-
-          <!-- 指令 -->
-          <section class="ni-sec" v-if="model.hasDirectives">
-            <div class="ni-sec-head" @click="toggleSec('directive')">
-              <span class="ni-caret" :class="{ 'is-open': secOpen.directive }">▸</span>
-              指令
-            </div>
-            <div v-show="secOpen.directive" class="ni-sec-body">
-              <p v-if="!model.directives.length" class="ni-empty">无指令</p>
-              <prop-tree
-                v-else
-                :properties="model.directives"
-                mode="directive"
-                :b-exchange="false"
-                :plain="true"
-                @leaf-change="onPropChange"
-                @leaf-sync="onStyleSync"
-              />
-            </div>
-          </section>
-       </div>
-
-     </div>
-
-      <div class="ni-foot">
-        <span class="ni-tip">编辑即时预览（不记历史）；「取消」丢弃改动并还原，「应用」写入历史并关闭，落盘由顶栏「保存到本地」负责</span>
-        <div class="ni-foot-btns">
-          <button class="ni-btn ni-btn--ghost" type="button" @click="onCancel">取消</button>
-          <button class="ni-btn" type="button" @click="onApplyWrite">应用</button>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { reactive } from 'vue'
-import { NodeEditModel } from '@/runtime/node-model.js'
-
-export default {
-  name: 'NodeInspector',
-  props: {
-    comp: { type: Object, required: true },
-    compNames: { type: Object, default: () => ({}) },
-    rt: { type: Object, required: true },
-  },
-  emits: ['apply', 'commit', 'close'],
-  data() {
-    return {
-      model: null,
-     secOpen: { basic: true, props: true, style: true, directive: true },
-     _t: null,
-     _snapshot: null,
-     _dirty: false,
-     _written: false,
-    }
-  },
-  computed: {
-    schemaNode() {
-      return (this.comp && this.comp._schemaNode) || null
-    },
-    compName() {
-      const cn = this.schemaNode && this.schemaNode.className
-      if (!cn) return '节点'
-      return (this.compNames && this.compNames[cn]) || cn
-    },
-    /** 样式编辑联动快照：把所有样式字段 itemKey→itemValue 摊平，供 itemWatch 使用 */
-    styleWatches() {
-      const w = {}
-      const walk = (props) => {
-        (props || []).forEach((p) => {
-          if (p.itemKey != null) w[p.itemKey] = p.itemValue
-          if (p.itemChildren && p.itemChildren.properties) walk(p.itemChildren.properties)
-        })
-      }
-      if (this.model) walk(this.model.styleForm)
-      return w
-    },
-  },
-  watch: {
-    comp: {
-      immediate: true,
-      handler() {
-        this.buildModel()
-      },
-    },
-  },
-  methods: {
-    buildModel() {
-      const sn = this.schemaNode
-      this.model = sn ? reactive(new NodeEditModel(sn)) : null
-      this._snapshot = sn ? this.snapshotNode(sn) : null
-      this._dirty = false
-      this._written = false
-    },
-    snapshotNode(node) {
-      const has = (k) => Object.prototype.hasOwnProperty.call(node, k)
-      const clone = (v) => v === undefined ? undefined : JSON.parse(JSON.stringify(v))
-      return {
-        hasProperties: has('properties'), properties: clone(node.properties),
-        hasStyle: has('style'), style: clone(node.style),
-        hasDirectives: has('directives'), directives: clone(node.directives),
-        hasComponentId: has('componentId'), componentId: clone(node.componentId),
-        hasName: has('name'), name: clone(node.name),
-      }
-    },
-    restoreSnapshot() {
-      const sn = this.schemaNode
-      if (!sn || !this._snapshot) return
-      const s = this._snapshot
-      const setOrDel = (had, key, val) => { if (had) sn[key] = JSON.parse(JSON.stringify(val)); else delete sn[key] }
-      setOrDel(s.hasProperties, 'properties', s.properties)
-      setOrDel(s.hasStyle, 'style', s.style)
-      setOrDel(s.hasDirectives, 'directives', s.directives)
-      setOrDel(s.hasComponentId, 'componentId', s.componentId)
-      setOrDel(s.hasName, 'name', s.name)
-    },
-    toggleSec(k) {
-      this.secOpen[k] = !this.secOpen[k]
-      this.secOpen = Object.assign({}, this.secOpen)
-    },
-    hasField(name) {
-      return this.schemaNode && Object.prototype.hasOwnProperty.call(this.schemaNode, name)
-    },
-    onMetaInput(field, v) {
-      if (!this.schemaNode) return
-      this.schemaNode[field] = v
-      this._dirty = true
-      this.scheduleApply()
-    },
-    /** 组件属性 / 指令：整树导出即可 */
-    onPropChange() {
-      this.model.refreshVisible()
-      this._dirty = true
-      this.scheduleApply()
-    },
-    /** 样式：定点并入实例树 */
-    onStyleChange(chain) {
-      if (!chain || !chain.length) return
-      this.model.applyStyleChange(chain[0], chain.slice(1))
-      this.model.refreshVisible()
-      this._dirty = true
-      this.scheduleApply()
-    },
-    /** 常用样式（CustomSelect）批量写入：sync map 形如 { 'style.font.color': '#333' } */
-    onStyleSync(map) {
-      if (!map) return
-      for (const path in map) {
-        const parts = String(path).split('.')
-        if (parts.length < 3 || parts[0] !== 'style') continue
-        const groupKey = parts[1]
-        const fieldKey = parts[2]
-        const group = this.model.styleForm.find((p) => p.itemKey === groupKey)
-        if (!group) continue
-        const child = group.itemChildren.properties.find((c) => c.itemKey === fieldKey)
-        if (!child) continue
-        child.itemValue = map[path]
-        this.model.applyStyleChange(group, [child])
-      }
-      this.model.refreshVisible()
-      this.scheduleApply()
-    },
-    scheduleApply() {
-      if (this._t) clearTimeout(this._t)
-      this._t = setTimeout(() => {
-        this.applyAll()
-        this.$emit('apply')
-      }, 250)
-    },
-    applyAll() {
-      if (this.model) this.model.applyToSchema()
-    },
-    /** 将改动暂存到内存工作副本（currentSchema，与预览同引用），并重建预览；
-     *  不写盘——落盘由顶栏「保存到本地」统一负责。_written=true 表示已提交到内存，
-     *  「取消」不再还原。 */
-    onApplyWrite() {
-      if (this._t) {
-        clearTimeout(this._t)
-        this._t = null
-      }
-      this.applyAll()
-      this._written = true
-      this.$emit('apply')
-      this.$emit('commit')
-      this.$emit('close')
-    },
-
-    /** 丢弃本次编辑（还原到打开时快照）+ 关闭面板。
-     *  已本地保存(_written)的改动视为已提交，不再还原。 */
-    discardAndClose() {
-      if (this._t) { clearTimeout(this._t); this._t = null }
-      if (this._dirty && !this._written) {
-        this.restoreSnapshot()
-        this.$emit('apply')
-      }
-      this.$emit('close')
-    },
-    onClose() {
-      this.discardAndClose()
-    },
-    onCancel() {
-      this.discardAndClose()
-    },
-  },
-}
-</script>

package/dist/vendored/components/NumberStepper.vue

@@ -1,125 +0,0 @@
-<!--
-  数字步进输入框：[−] 输入框 [+]。
-
-  与 setters/SetNumber.vue 的分工：SetNumber 复刻编辑器 common/InputNumber（方向键步进 + 单位后缀 +
-  预设值浮层），本组件只做「显式 − / + 按钮 + 直接键入」，用于变量默认值这类需要一眼看到步进入口、
-  又不带单位 / 预设的表单场景。方向键上下同样可步进，键盘与鼠标两条路都在。
-
-  外壳直接复用 setters.css 的 .st-number 家族（同一 28px 高、同一底色 / 边框 / 发丝线附属件语言），
-  只新增 − / + 按钮这一种附属件，不另起一套样式。
-
-  约定沿用 setter 家族：value 进、input 出，且**文本原样**上抛（组件内不转数字），由调用方决定解析口径；
-  非法字符当场回滚，因此不产生需要额外报错文案的中间态。
--->
-<template>
-  <div class="st-number st-number--step">
-    <button
-      type="button"
-      class="st-number__step"
-      title="减少"
-      aria-label="减少"
-      :disabled="disabled || !canStep(-1)"
-      @click="bump(-1)"
-    >
-      <svg viewBox="0 0 16 16" width="12" height="12" aria-hidden="true">
-        <line x1="3.5" y1="8" x2="12.5" y2="8" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" />
-      </svg>
-    </button>
-    <input
-      ref="field"
-      class="st-number__field"
-      type="text"
-      inputmode="decimal"
-      :value="text"
-      :placeholder="placeholder"
-      :disabled="disabled"
-      @input="onInput($event.target.value)"
-      @change="$emit('change')"
-      @keydown.up.prevent="bump(1)"
-      @keydown.down.prevent="bump(-1)"
-    />
-    <button
-      type="button"
-      class="st-number__step st-number__step--inc"
-      title="增加"
-      aria-label="增加"
-      :disabled="disabled || !canStep(1)"
-      @click="bump(1)"
-    >
-      <svg viewBox="0 0 16 16" width="12" height="12" aria-hidden="true">
-        <path d="M8 3.5v9M3.5 8h9" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" />
-      </svg>
-    </button>
-  </div>
-</template>
-
-<script>
-/** 允许键入的数字字面量：空串 / 负号 / 整数 / 小数（含 "12." ".5" 这类输入中间态） */
-const NUM_TEXT = /^-?(?:\d+(?:\.\d*)?|\.\d*)?$/
-
-export default {
-  name: 'NumberStepper',
-  props: {
-    value: { type: [String, Number], default: '' },
-    /** 步长，支持小数（如 0.1）；非正数或非数值回落 1 */
-    step: { type: Number, default: 1 },
-    min: { type: Number, default: -Infinity },
-    max: { type: Number, default: Infinity },
-    placeholder: { type: String, default: '请输入数字' },
-    disabled: { type: Boolean, default: false },
-  },
-  emits: ['input', 'change'],
-  data() {
-    return { text: '' }
-  },
-  computed: {
-    stepSize() {
-      return Number.isFinite(this.step) && this.step > 0 ? this.step : 1
-    },
-    /** 当前文本对应的数值；空串或 "-" 这类未成形的输入为 null */
-    num() {
-      const n = parseFloat(this.text)
-      return Number.isFinite(n) ? n : null
-    },
-  },
-  watch: {
-    value: {
-      immediate: true,
-      handler(v) {
-        const next = v === undefined || v === null ? '' : String(v)
-        if (next !== this.text) this.text = next
-      },
-    },
-  },
-  methods: {
-    /** 越界后按钮置灰：未设边界（±Infinity）时始终可点 */
-    canStep(dir) {
-      const base = this.num === null ? 0 : this.num
-      return dir > 0 ? base < this.max : base > this.min
-    },
-    /** 消掉二进制浮点噪声（0.1 + 0.2 → 0.30000000000000004） */
-    tidy(n) {
-      return Number(n.toPrecision(12))
-    },
-    clamp(n) {
-      return Math.min(this.max, Math.max(this.min, n))
-    },
-    onInput(v) {
-      if (!NUM_TEXT.test(v)) {
-        // 非法按键丢弃并回滚显示（与 SetNumber 同一手法）：绑定的 text 未变，需手动写回 DOM
-        this.$refs.field.value = this.text
-        return
-      }
-      this.text = v
-      this.$emit('input', v)
-    },
-    bump(dir) {
-      if (this.disabled) return
-      const base = this.num === null ? 0 : this.num
-      this.text = String(this.clamp(this.tidy(base + dir * this.stepSize)))
-      this.$emit('input', this.text)
-      this.$emit('change')
-    },
-  },
-}
-</script>

package/dist/vendored/components/PickerOverlay.vue

@@ -1,131 +0,0 @@
-<!--
-  showPicker 模拟展现层：底部弹出级联选择器。
-  相对固定视口 phone-viewport 定位（absolute inset:0），不随卡片内容滚动；
-  层级同 DeviceOverlay（z-index 1100），盖住弹窗卡片。
-
-  交互对齐 docs「showPicker - 选择器」：
-  - mode='single' 单列；mode='multi' 多列（一级驱动二级 children 级联）。
-  - 点击某列项即选中（中间高亮带提示当前项）；点「确定」回传 result，点「取消」不回传。
-  - result 数组每项 { key, value }，value 取节点 text。
--->
-<template>
-  <div class="device-ui">
-    <transition name="picker-fade">
-      <div v-if="picker" class="pk-mask" @click.self="onCancel">
-        <div class="pk-sheet">
-          <div class="pk-bar">
-            <button type="button" class="pk-bar__btn pk-bar__btn--cancel" @click="onCancel">取消</button>
-            <div v-if="picker.title" class="pk-bar__title">{{ picker.title }}</div>
-            <button type="button" class="pk-bar__btn pk-bar__btn--ok" @click="onConfirm">确定</button>
-          </div>
-          <div class="pk-cols" :class="'pk-cols--' + columns.length">
-            <div v-for="(col, ci) in columns" :key="ci" class="pk-col">
-              <div class="pk-col__band"></div>
-              <div class="pk-col__list">
-                <div
-                  v-for="(item, ii) in col.items"
-                  :key="item.key"
-                  class="pk-item"
-                  :class="{ 'pk-item--on': sel[ci] === ii }"
-                  @click="select(ci, ii)"
-                >{{ item.text }}</div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </transition>
-  </div>
-</template>
-
-<script>
-import { deviceUI, dismissPicker } from '@/runtime/jsapi-mock.js'
-
-export default {
-  name: 'PickerOverlay',
-  data() {
-    return {
-      sel: [], // 每列选中索引（列数由 mode 决定）
-    }
-  },
-  computed: {
-    picker() {
-      return deviceUI.picker
-    },
-    // 列定义：single -> 单列（顶级项，忽略 children）；multi -> 两列（级联，第二列为第一列选中项的 children）
-    columns() {
-      if (!this.picker) return []
-      const ds = this.picker.dataSource || []
-      if (this.picker.mode === 'multi') {
-        const col1 = ds.map((n) => ({ key: String(n.key), text: n.text }))
-        const sel1 = this.sel[0] || 0
-        const children = (ds[sel1] && ds[sel1].children) || []
-        const col2 = children.map((n) => ({ key: String(n.key), text: n.text }))
-        return [{ items: col1, level: 0 }, { items: col2, level: 1 }]
-      }
-      return [{ items: ds.map((n) => ({ key: String(n.key), text: n.text })), level: 0 }]
-    },
-  },
-  watch: {
-    // picker 切换（含入参变化）时按 currentValue 初始化选中项
-    picker: {
-      immediate: true,
-      handler(p) {
-        if (!p) {
-          this.sel = []
-          return
-        }
-        const ds = p.dataSource || []
-        const cv = p.currentValue || []
-        if (p.mode === 'multi') {
-          const i1 = ds.findIndex((n) => String(n.key) === String(cv[0]))
-          const idx1 = i1 >= 0 ? i1 : 0
-          const children = (ds[idx1] && ds[idx1].children) || []
-          const i2 = children.findIndex((n) => String(n.key) === String(cv[1]))
-          this.sel = [idx1, i2 >= 0 ? i2 : children.length ? 0 : -1]
-        } else {
-          const i1 = ds.findIndex((n) => String(n.key) === String(cv[0]))
-          this.sel = [i1 >= 0 ? i1 : 0]
-        }
-      },
-    },
-  },
-  methods: {
-    select(ci, ii) {
-      const next = this.sel.slice()
-      next[ci] = ii
-      // 切换第一列时重置第二列选中（级联）
-      if (ci === 0 && this.picker.mode === 'multi') {
-        const ds = this.picker.dataSource || []
-        const children = (ds[ii] && ds[ii].children) || []
-        next[1] = children.length ? 0 : -1
-      }
-      this.sel = next
-    },
-    buildResult() {
-      const p = this.picker
-      if (!p) return []
-      const ds = p.dataSource || []
-      // 回传对象携带 text（卡片回调读 result[0].text）与 value（文档出参规范），两者取节点 text。
-      const wrap = (n) => ({ key: String(n.key), text: n.text, value: n.text })
-      if (p.mode === 'multi') {
-        const n1 = ds[this.sel[0]] || ds[0]
-        const children = (n1 && n1.children) || []
-        const n2 = children[this.sel[1]] || children[0]
-        const arr = []
-        if (n1) arr.push(wrap(n1))
-        if (n2) arr.push(wrap(n2))
-        return arr
-      }
-      const n1 = ds[this.sel[0]] || ds[0]
-      return n1 ? [wrap(n1)] : []
-    },
-    onConfirm() {
-      dismissPicker(true, this.buildResult())
-    },
-    onCancel() {
-      dismissPicker(false)
-    },
-  },
-}
-</script>