文件向量 d Sheets

dsheets. new (英语) 您的端到端加密替代 Google 工作表 & Excel 。 用它来读取,操控,甚至写出财务数据,实时. 建在与 Ddocs 相同的中间软件上. 新的,应用程序是专注隐私的,主权的, 并给予你完全控制你的数据.

其特征包括:

• 端到端加密
• 本地端对端存储( P)
• 查询APIs甚至智能合同的活数据
• 启用暗模式和其他颜色主题
• 使用熟悉的电子表格接口和函数( VLOOKUP, INDEX, MATCH...)
• Granular 访问权限(例如,查看、评论、编辑、建议访问特定电子邮件地址)

安装

通过 npm 安装开始 :

npm install @fileverse-dev/dsheet

设置

1. 进口

添加下列进口

import DsheetEditor from '@fileverse-dev/dsheet';
import '@fileverse-dev/dsheet/styles';

2. 配置尾风

添加到您的 tailwind.config.js数字 :

module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
    "./node_modules/@fileverse-dev/dsheet/dist/index.es.js"
  ]
}

3. 基本用途

function App() {
  const [data, setData] = useState({});

  return (
    <DsheetEditor
      isAuthorized={true}
      dsheetId="my-sheet-id"
      onChange={(updateData) => setData(updateData)}
    />
  );
}

推荐参考

必需的道具

可选道具

高级道具

UI 国道

实例

仅读查看器

<DsheetEditor
  isAuthorized={true}
  dsheetId="viewer-sheet"
  isReadOnly={true}
  allowComments={true}
  portalContent={encodedData}
  onChange={() => {}}
/>

协作编辑器

<DsheetEditor
  isAuthorized={true}
  dsheetId="collab-sheet"
  username="john-doe"
  isCollaborative={true}
  enableWebrtc={true}
  onChange={(data) => console.log('Sheet updated:', data)}
/>

自定义导航栏

<DsheetEditor
  isAuthorized={true}
  dsheetId="custom-sheet"
  renderNavbar={(editorValues) => (
    <div className="flex items-center gap-4">
      <h1>My Custom Sheet</h1>
      <button onClick={() => editorValues?.sheetEditorRef.current?.exportToExcel()}>
        Export
      </button>
    </div>
  )}
/>

带有模板

<DsheetEditor
  isAuthorized={true}
  dsheetId="template-sheet"
  selectedTemplate="financial-budget"
  isTemplateOpen={true}
  toggleTemplateSidebar={() => setTemplateOpen(!templateOpen)}
/>

发展

运行演示

cd demo
npm install
npm run dev

构建软件包

npm run build

类型脚本

所有道具全部输入. 导入类型 :

import { DsheetProps, SheetUpdateData, EditorValues } from '@fileverse-dev/dsheet/types';

许可证

AGPL-3.0 导弹