import React from 'react';
import { BlockSceneEnum, CollectionBlockModel } from '@nocobase/client-v2';
import { MultiRecordResource } from '@nocobase/flow-engine';
import { tExpr } from '../locale';

export class ManyRecordBlockModel extends CollectionBlockModel {
  static scene = BlockSceneEnum.many;

  // Declare the use of MultiRecordResource for data management
  createResource() {
    return this.context.makeResource(MultiRecordResource);
  }

  get resource() {
    return this.context.resource as MultiRecordResource;
  }

  renderComponent() {
    const data = this.resource.getData();   // TDataItem[]
    const count = this.resource.getCount(); // Total record count

    return (
      <div>
        <h3>Total {count} records (Page {this.resource.getPage()})</h3>
        <pre>{JSON.stringify(data, null, 2)}</pre>
      </div>
    );
  }
}

ManyRecordBlockModel.define({
  label: tExpr('Many records block'),
});

import { ActionModel, ActionSceneEnum } from '@nocobase/client-v2';
import { MultiRecordResource } from '@nocobase/flow-engine';
import { tExpr } from '../locale';

export class NewTodoActionModel extends ActionModel {
  static scene = ActionSceneEnum.collection;

  defaultProps = {
    type: 'primary',
    children: tExpr('New todo'),
  };
}

NewTodoActionModel.define({
  label: tExpr('New todo'),
});

NewTodoActionModel.registerFlow({
  key: 'newTodoFlow',
  title: tExpr('New todo'),
  on: 'click',
  steps: {
    openForm: {
      async handler(ctx) {
        // Get the current block's resource
        const resource = ctx.blockModel?.resource as MultiRecordResource;
        if (!resource) return;

        ctx.viewer.dialog({
          title: ctx.t('New todo'),
          content: (view) => (
            <MyForm
              onSubmit={async (values) => {
                // Create a record; resource will automatically refresh after creation
                await resource.create(values);
                ctx.message.success(ctx.t('Created successfully'));
                view.close();
              }}
              onCancel={() => view.close()}
            />
          ),
        });
      },
    },
  },
});

async handler(ctx) {
  const resource = ctx.blockModel?.resource as MultiRecordResource;

  // --- Create ---
  await resource.create({ title: 'New item', completed: false });
  // Without auto-refresh
  await resource.create({ title: 'Draft' }, { refresh: false });

  // --- Read ---
  const items = resource.getData();     // TDataItem[]
  const count = resource.getCount();    // Total record count
  const item = await resource.get(1);   // Get a single record by primary key

  // --- Update ---
  await resource.update(1, { title: 'Updated' });

  // --- Delete ---
  await resource.destroy(1);            // Delete a single record
  await resource.destroy([1, 2, 3]);    // Batch delete

  // --- Pagination ---
  resource.setPage(2);
  resource.setPageSize(50);
  await resource.refresh();
  // Or use shortcut methods
  await resource.goto(3);
  await resource.next();
  await resource.previous();

  // --- Refresh ---
  await resource.refresh();
}

import React from 'react';
import { BlockSceneEnum, CollectionBlockModel } from '@nocobase/client-v2';
import { SingleRecordResource } from '@nocobase/flow-engine';
import { tExpr } from '../locale';

export class DetailBlockModel extends CollectionBlockModel {
  static scene = BlockSceneEnum.one;

  createResource() {
    return this.context.makeResource(SingleRecordResource);
  }

  get resource() {
    return this.context.resource as SingleRecordResource;
  }

  renderComponent() {
    const data = this.resource.getData(); // Single object or null
    if (!data) return <div>Loading...</div>;

    return (
      <div>
        <h3>{data.title}</h3>
        <p>{data.content}</p>
      </div>
    );
  }
}

DetailBlockModel.define({
  label: tExpr('Detail block'),
});

async handler(ctx) {
  const resource = ctx.model.context.resource as SingleRecordResource;

  // --- Create a new record ---
  resource.isNewRecord = true;
  await resource.save({ name: 'John', age: 30 });
  // save internally calls the create action, automatically refreshes after completion

  // --- Edit an existing record ---
  resource.setFilterByTk(1);  // Automatically sets isNewRecord = false
  await resource.refresh();   // Load current data first
  const data = resource.getData();
  await resource.save({ ...data, name: 'Jane' });
  // save internally calls the update action

  // --- Delete the current record ---
  await resource.destroy();   // Uses the previously set filterByTk
}

resource.on('saved', (data) => {
  console.log('Record saved:', data);
});

// Equal to
{ status: { $eq: 'active' } }

// Not equal to
{ status: { $ne: 'deleted' } }

// Greater than
{ age: { $gt: 18 } }

// Contains (fuzzy match)
{ name: { $includes: 'test' } }

// Combined conditions
{
  $and: [
    { status: { $eq: 'active' } },
    { age: { $gt: 18 } },
  ]
}

// OR conditions
{
  $or: [
    { status: { $eq: 'active' } },
    { role: { $eq: 'admin' } },
  ]
}

// Add multiple filter groups
resource.addFilterGroup('status', { status: { $eq: 'active' } });
resource.addFilterGroup('age', { age: { $gt: 18 } });
// getFilter() automatically aggregates to: { $and: [...] }

// Remove a filter group
resource.removeFilterGroup('status');

// Refresh to apply filters
await resource.refresh();