PORT CONTRACT

Vue 受控投影

一个本地 Vue island 通过公开的 provider、grid、selection 和 pointer API 渲染固定单元格。

试试这个

从一个单元格拖动到另一个单元格。
在网格下方读取当前选择范围。
再次拖动以替换这个范围。

它是怎么做到的

调用方拥有固定的 4×4 投影、确定性 backend 对象和隔离的 Einfach store。网格以受控输入接收单元格与选择范围；pointer-selection API 将范围写入该 store。

这个本地演示不读取、持久化、编辑或计算工作簿数据。backend 方法如果被调用就会抛错，因此展示的投影始终是显式的。

可用性边界

这是预发布的仓库源码，不是已发布的包，也没有经过独立验证的离线安装。它不作支持、兼容性或性能承诺。

查看源码

<script setup lang="ts">
import { SpreadsheetUiProvider } from '@einfach/vue-excel'
import VueAdapterDemoGrid from './VueAdapterDemoGrid.vue'
import { vueDemoBackend, vueDemoStore } from './vue-adapter-demo-projection'

interface Props {
  locale: 'en' | 'zh'
}

defineProps<Props>()
</script>

<template>
  <SpreadsheetUiProvider :backend="vueDemoBackend" :store="vueDemoStore">
    <VueAdapterDemoGrid :locale="locale" />
  </SpreadsheetUiProvider>
</template>