@sciexpr/vue

Vue 3 公式编辑组件库。

安装

npm install @sciexpr/vue

组件

组件	功能
Formula	纯公式渲染
FormulaEditor	完整编辑器（Toolbar + Preview + Autocomplete）
Toolbar	6 分类快捷按钮
SymbolPanel	分类符号面板 (6 Tab + 搜索)
ElementTable	交互式元素周期表
LivePreview	实时预览
AutocompleteDropdown	自动补全下拉

示例

<script setup>
import { Formula, FormulaEditor, Toolbar } from '@sciexpr/vue'
import { ref } from 'vue'

const formula = ref('')
</script>

<template>
  <Formula source="\frac{1}{2}" />
  <Formula source="E=mc^2" display-mode />

  <FormulaEditor v-model="formula" show-toolbar show-preview />
</template>

Composables

Composable	功能
useFormulaRender	多格式渲染
useFormulaEditor	编辑器状态管理
useAutocomplete	AI + 本地补全
useAIProvider	AI Provider 注入
useShortcuts	快捷键管理