Pro 安装

DayFlow Pro 使用两种独立的凭据：

用于安装 @dayflow-pro/* 软件包的私有 npm 镜像源 token
用于激活 Pro 功能的已签名 DayFlow Pro 许可证密钥

1. 配置私有镜像源访问

在安装私有软件包之前，将您的 DayFlow Pro npm token 添加到 .npmrc：

@dayflow-pro:registry=https://gitlab.com/api/v4/projects/81880038/packages/npm/
//gitlab.com/api/v4/projects/81880038/packages/npm/:_authToken=${DAYFLOW_PRO_NPM_TOKEN}

之后，像往常一样安装您购买的软件包：

pnpm add @dayflow-pro/license @dayflow-pro/resource-grid

2. 注册您的许可证密钥一次

在应用启动时注册您的 DayFlow Pro 许可证密钥：

import { registerDayflowProLicense } from '@dayflow-pro/license';

registerDayflowProLicense({
  token: process.env.NEXT_PUBLIC_DAYFLOW_PRO_LICENSE_TOKEN!,
});

一旦注册成功，您的 Pro 视图和插件将自动读取该 token。

3. 正常使用 Pro 软件包

在安装和注册后，您可以正常使用 Pro 软件包，而无需在每次调用中重复许可证配置：

import { DayFlowCalendar, useCalendarApp } from '@dayflow/react';
import { createResourceGridView } from '@dayflow-pro/resource-grid';

function App() {
  const calendar = useCalendarApp({
    views: [
      createResourceGridView({
        mode: 'resourceView',
        resources: [
          { id: 'room-a', title: 'Room A' },
          { id: 'room-b', title: 'Room B' },
        ],
      }),
    ],
  });

  return <DayFlowCalendar calendar={calendar} />;
}

<template>
  <DayFlowCalendar :calendar="calendar" />
</template>

<script setup>
  import { DayFlowCalendar, useCalendarApp } from '@dayflow/vue';
  import { createResourceGridView } from '@dayflow-pro/resource-grid';

  const calendar = useCalendarApp({
    views: [
      createResourceGridView({
        mode: 'resourceView',
        resources: [
          { id: 'room-a', title: 'Room A' },
          { id: 'room-b', title: 'Room B' },
        ],
      }),
    ],
  });
</script>

import { Component } from '@angular/core';
import { createResourceGridView } from '@dayflow-pro/resource-grid';
import { DayFlowCalendarModule } from '@dayflow/angular';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [DayFlowCalendarModule],
  template: `
    <dayflow-calendar [calendar]="calendar"></dayflow-calendar>
  `
})
export class AppComponent {
  calendar = {
    views: [
      createResourceGridView({
        mode: 'resourceView',
        resources: [
          { id: 'room-a', title: 'Room A' },
          { id: 'room-b', title: 'Room B' },
        ],
      }),
    ],
  };
}

<script>
  import { DayFlowCalendar, useCalendarApp } from '@dayflow/svelte';
  import { createResourceGridView } from '@dayflow-pro/resource-grid';

  const calendar = useCalendarApp({
    views: [
      createResourceGridView({
        mode: 'resourceView',
        resources: [
          { id: 'room-a', title: 'Room A' },
          { id: 'room-b', title: 'Room B' },
        ],
      }),
    ],
  });
</script>

<DayFlowCalendar {calendar} />

Pro 安装

1. 配置私有镜像源访问

2. 注册您的许可证密钥一次

3. 正常使用 Pro 软件包

On this page