@nocobase/plugin-ai 2.1.0-beta.14 → 2.1.0-beta.16

package/dist/server/ai-employees/built-in/ai-coding/document/js-block.js

@@ -1,314 +0,0 @@
-/**
- * This file is part of the NocoBase (R) project.
- * Copyright (c) 2020-2024 NocoBase Co., Ltd.
- * Authors: NocoBase Team.
- *
- * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
- * For more information, please refer to: https://www.nocobase.com/agreement.
- */
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var js_block_exports = {};
-__export(js_block_exports, {
-  default: () => js_block_default
-});
-module.exports = __toCommonJS(js_block_exports);
-var js_block_default = {
-  name: "js-block-model",
-  content: String.raw`# JSBlockModel
-
-## 示例
-
-### 支持筛选的自定义区块
-
-自定义区块
-
-\`\`\`typescript
-// 使用 Resource，支持 MultiRecordResource、SingleRecordResource、SQLResource
-ctx.useResource('MultiRecordResource');
-ctx.resource.setResourceName('users');
-
-await ctx.resource.refresh();
-
-ctx.model.getFilterFields = async () => {
-  return ctx.dataSourceManager.getCollection('main', 'users').getFields();
-}
-
-ctx.element.innerHTML = \`<pre>\${JSON.stringify(ctx.resource.getData(), null, 2)}</pre>\`;
-\`\`\`
-
-JS 按钮
-
-\`\`\`typescript
-ctx.form.submit();
-const model = ctx.engine.getModel('11df49d3343');
-model.rerender();
-\`\`\`
-
-### SQL 数据的区块
-
-\`\`\`typescript
-if (ctx.flowSettingsEnabled) {
-  await ctx.sql.save({
-    uid: ctx.model.uid,
-    sql: 'select * from users where id = {{ctx.user.id}}',
-    dataSourceKey: 'main',
-  });
-}
-
-ctx.useResource('SQLResource');
-ctx.resource.setDataSourceKey('main');
-ctx.resource.setFilterByTk(ctx.model.uid);
-await ctx.resource.refresh();
-
-ctx.model.getFilterFields = async () => {
-  return ctx.dataSourceManager.getCollection('main', 'users').getFields();
-}
-
-ctx.element.innerHTML = \`<pre>\${JSON.stringify(ctx.resource.getData(), null, 2)}</pre>\`;
-\`\`\`
-
-### 图表区块
-
-\`\`\`typescript
-ctx.element.innerHTML = '';
-const chartContainer = document.createElement('div');
-chartContainer.style.height = '400px';
-ctx.element.appendChild(chartContainer);
-
-const echarts = await ctx.requireAsync('https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js');
-if (!echarts) {
-  return;
-}
-const chart = echarts.init(chartContainer);
-// Generate random data
-const categories = ['A', 'B', 'C', 'D', 'E', 'F'];
-const randomData = categories.map(() => Math.floor(Math.random() * 50) + 1);
-const option = {
-  title: { text: 'ECharts Example (Random Data)' },
-  tooltip: {},
-  xAxis: { data: categories },
-  yAxis: {},
-  series: [{ name: 'Sales', type: 'bar', data: randomData }],
-};
-chart.setOption(option);
-chart.resize();
-window.addEventListener('resize', () => chart.resize());
-\`\`\`
-
-### 点击弹窗
-
-\`\`\`typescript
-ctx.element.innerHTML = \`<button class="myButton">点击我</button>\`;
-// 绑定点击事件
-const button = ctx.element.querySelector('.myButton');
-button.addEventListener('click', () => {
-  ctx.runAction('openView', {
-    navigation: false, // 必填
-    mode: 'dialog',
-    collectionName: 'users',
-    dataSourceKey: 'main',
-    filterByTk: 1,
-  });
-});
-\`\`\`
-
-弹窗的 openView 参数
-
-\`\`\`typescript
-interface OpenViewParams {
-  navigation: boolean;
-  mode?: 'drawer' | 'dialog'; // 默认是 drawer
-  collectionName?: string; // 数据表
-  dataSourceKey?: string; // 数据源
-  filterByTk?: any; // 数据表记录ID
-  tabUid?: string; // 激活的标签页
-}
-\`\`\`
-
-## 示例：JSBlock 打开预配置的编辑弹窗
-
-以下 Demo 展示了更贴近实际的做法：弹窗（含表单与提交流程）提前在插件中配置好，JS 代码区块只负责渲染列表并在点击时调用 \`openView\`。保存成功后，提交按钮内预置的 \`afterSaved\` 步骤会回调代码区块刷新数据。
-
-\`\`\`javascript
-const submitActionUid = 'jsblock-external-submit';
-
-ctx.useResource('MultiRecordResource');
-ctx.resource.setResourceName('lead');
-ctx.resource.setDataSourceKey('main');
-ctx.resource.setPageSize(100);
-ctx.resource.setFields(['id','name','company','email','phone','status','rating']);
-
-ctx.resource.on('refresh', render);
-
-const handleLeadSaved = async () => {
-  await ctx.resource.refresh();
-  ctx.message.success('保存成功，已刷新列表');
-  render();
-};
-
-// 确保在外部已创建的提交按钮上追加 afterSaved 回调步骤
-async function ensureAfterSavedStep() {
-  try {
-    var submitAction = ctx.engine.getModel(submitActionUid);
-    if (!submitAction) return;
-    var flow = submitAction.flowRegistry && submitAction.flowRegistry.getFlow ? submitAction.flowRegistry.getFlow('submitSettings') : null;
-    if (!flow) {
-      var base = submitAction.getFlow && submitAction.getFlow('submitSettings');
-      if (base && submitAction.flowRegistry && submitAction.flowRegistry.addFlow) {
-        var opts = base.serialize ? base.serialize() : {};
-        delete opts.key;
-        flow = submitAction.flowRegistry.addFlow('submitSettings', opts);
-      }
-    }
-    if (!flow) return;
-    if (flow.hasStep && flow.hasStep('jsBlockAfterSaved')) {
-      try { flow.removeStep('jsBlockAfterSaved'); } catch (e) {}
-    }
-    flow.addStep && flow.addStep('jsBlockAfterSaved', {
-      sort: 9999,
-      async handler() { await handleLeadSaved(); },
-    });
-    if (flow.save) { try { await flow.save(); } catch(e) {} }
-  } catch (e) {}
-}
-
-await ensureAfterSavedStep();
-await ctx.resource.refresh();
-
-function render() {
-  const list = ctx.resource.getData() || [];
-  const rows = list
-    .map(function (record) {
-      return (
-        '<tr>' +
-        '<td style="padding:6px 8px;border-bottom:1px solid #f0f0f0;">' + (record.id || '') + '</td>' +
-        '<td style="padding:6px 8px;border-bottom:1px solid #f0f0f0;">' + (record.name || '-') + '</td>' +
-        '<td style="padding:6px 8px;border-bottom:1px solid #f0f0f0;">' + (record.company || '-') + '</td>' +
-        '<td style="padding:6px 8px;border-bottom:1px solid #f0f0f0;">' + (record.status || '-') + '</td>' +
-        '<td style="padding:6px 8px;border-bottom:1px solid #f0f0f0;">' + (record.rating || '-') + '</td>' +
-        '<td style="padding:6px 8px;border-bottom:1px solid #f0f0f0;text-align:right">' +
-        '<button class="btn-edit" data-id="' + (record.id || '') + '" style="padding:4px 8px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;cursor:pointer;">编辑</button>' +
-        '<button class="btn-del" data-id="' + (record.id || '') + '" style="margin-left:8px;padding:4px 8px;border:1px solid #ffccc7;border-radius:4px;background:#fff;color:#ff4d4f;cursor:pointer;">删除</button>' +
-        '</td>' +
-        '</tr>'
-      );
-    })
-    .join('');
-
-  ctx.element.innerHTML =
-    '<div style="padding:12px;">' +
-    '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;">' +
-    '<h3 style="margin:0;font-size:16px;">线索管理（示例）</h3>' +
-    '<button id="btnAdd" style="padding:6px 10px;border:1px solid #91d5ff;border-radius:4px;background:#e6f7ff;color:#1677ff;cursor:pointer;">新增线索</button>' +
-    '</div>' +
-    '<table style="width:100%;border-collapse:collapse;font-size:13px;">' +
-    '<thead>' +
-    '<tr style="background:#fafafa;">' +
-    '<th style="text-align:left;padding:6px 8px;border-bottom:1px solid #f0f0f0;">ID</th>' +
-    '<th style="text-align:left;padding:6px 8px;border-bottom:1px solid #f0f0f0;">姓名</th>' +
-    '<th style="text-align:left;padding:6px 8px;border-bottom:1px solid #f0f0f0;">公司</th>' +
-    '<th style="text-align:left;padding:6px 8px;border-bottom:1px solid #f0f0f0;">状态</th>' +
-    '<th style="text-align:left;padding:6px 8px;border-bottom:1px solid #f0f0f0;">评级</th>' +
-    '<th style="text-align:right;padding:6px 8px;border-bottom:1px solid #f0f0f0;">操作</th>' +
-    '</tr>' +
-    '</thead>' +
-    '<tbody>' + rows + '</tbody>' +
-    '</table>' +
-    '</div>';
-
-  const btnAdd = ctx.element.querySelector('#btnAdd');
-  btnAdd.addEventListener('click', async () => {
-    const now = new Date().toLocaleString('zh-CN');
-    await ctx.resource.create({ name: '新线索 ' + now, company: '示例公司', status: 'Initial Contact', rating: 'Warm' });
-    render();
-  });
-
-  const tbody = ctx.element.querySelector('tbody');
-  tbody.addEventListener('click', async (event) => {
-    const button = event.target.closest('button');
-    if (!button) return;
-    const id = Number(button.getAttribute('data-id'));
-
-    if (button.classList.contains('btn-edit')) {
-      await ctx.runAction('openView', {
-        navigation: false,
-        mode: 'drawer',
-        collectionName: 'lead',
-        dataSourceKey: 'main',
-        filterByTk: id,
-      });
-    }
-
-    if (button.classList.contains('btn-del')) {
-      await ctx.resource.destroy(id);
-      render();
-    }
-  });
-}
-
-render();
-\`\`\`
-
-要点说明：
-- 插件加载时就使用 \`flowEngine.loadOrCreateModel\` 预置了 ChildPage + EditForm，表单的 \`resourceSettings\` 写成 \`{{ ctx.view.inputArgs.filterByTk }}\`，因此每次弹窗都会根据当前点击的记录自动拉取数据。
-- 弹窗通过 \`ctx.runAction('openView', {...})\` 打开，JSBlock 只传入主键；保存动作的 \`submitSettings\` 追加 \`afterSaved\` 步骤，调用父区块的 \`ctx.onLeadSaved\` 完成刷新。
-- JSBlock 中仅保留列表渲染、按钮绑定和本地增删逻辑，便于普通开发者聚焦在数据展示与交互。
-
-### Tabulator
-
-\`\`\`typescript
-ctx.element.innerHTML = '';
-const tableContainer = document.createElement('div');
-// tableContainer.style.height = '400px';
-ctx.element.appendChild(tableContainer);
-
-// 动态加载 Tabulator 的 CSS
-await ctx.loadCSS('https://cdn.jsdelivr.net/npm/tabulator-tables@5.5.0/dist/css/tabulator.min.css');
-
-// 动态加载 Tabulator 的 JS
-const Tabulator = await ctx.requireAsync('https://cdn.jsdelivr.net/npm/tabulator-tables@5.5.0/dist/js/tabulator.min.js');
-if (!Tabulator) {
-  return;
-}
-
-// 示例数据
-const tableData = [
-  { id: 1, name: 'Alice', age: 25, gender: 'Female' },
-  { id: 2, name: 'Bob', age: 30, gender: 'Male' },
-  { id: 3, name: 'Charlie', age: 35, gender: 'Male' },
-  { id: 4, name: 'Diana', age: 28, gender: 'Female' },
-];
-
-// 初始化 Tabulator 表格
-const table = new Tabulator(tableContainer, {
-  data: tableData, // 数据源
-  layout: 'fitColumns', // 列宽自适应
-  columns: [
-    { title: 'ID', field: 'id', width: 50 },
-    { title: 'Name', field: 'name', width: 150 },
-    { title: 'Age', field: 'age', width: 100 },
-    { title: 'Gender', field: 'gender', width: 100 },
-  ],
-});
-
-// 监听窗口大小变化，调整表格大小
-window.addEventListener('resize', () => table.redraw());
-\`\`\``
-};

package/dist/server/ai-employees/built-in/ai-coding/document/js-column.d.ts

@@ -1,13 +0,0 @@
-/**
- * This file is part of the NocoBase (R) project.
- * Copyright (c) 2020-2024 NocoBase Co., Ltd.
- * Authors: NocoBase Team.
- *
- * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
- * For more information, please refer to: https://www.nocobase.com/agreement.
- */
-declare const _default: {
-    name: string;
-    content: string;
-};
-export default _default;

package/dist/server/ai-employees/built-in/ai-coding/document/js-column.js

@@ -1,113 +0,0 @@
-/**
- * This file is part of the NocoBase (R) project.
- * Copyright (c) 2020-2024 NocoBase Co., Ltd.
- * Authors: NocoBase Team.
- *
- * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
- * For more information, please refer to: https://www.nocobase.com/agreement.
- */
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var js_column_exports = {};
-__export(js_column_exports, {
-  default: () => js_column_default
-});
-module.exports = __toCommonJS(js_column_exports);
-var js_column_default = {
-  name: "js-column-model",
-  content: String.raw`# JSColumnModel
-
-用于表格中的“自定义列”，以 JavaScript 渲染单元格内容。适合表格汇总或者计算，或者请求远端关联数据展示等场景。
-与普通字段列不同，JSColumnModel 不绑定具体字段值，你需要通过 \`ctx.record\` 自行读取当前行数据并渲染。
-
-## 可用上下文（常用）
-- \`ctx.element\`：ElementProxy（当前单元格容器）。
-- \`ctx.record\`：当前行记录对象。
-- \`ctx.collection\`：当前集合对象（可获取主键、字段信息）。
-- \`ctx.viewer\`：视图控制器，支持 \`drawer\`、\`dialog\`、\`popover\`、\`embed\`。
-- \`ctx.api\`：API 客户端，可在点击时发起请求。
-- \`ctx.t\`：国际化函数。
-
-说明：
-- 表格逐行渲染时会为每行创建 fork 上下文，\`ctx.record\` 均指向当前行。
-
-## 示例：状态徽标列
-<code src="./demos/table.tsx"></code>
-
-\`\`\`js
-const status = String(ctx.record?.status ?? '').toLowerCase();
-const color = status === 'done' ? '#52c41a' : status === 'pending' ? '#faad14' : '#ff4d4f';
-const text = status || 'unknown';
-
-ctx.element.innerHTML = \`
-  <span style="display:inline-flex;align-items:center;gap:6px;">
-    <i style="width:8px;height:8px;border-radius:50%;background:\${color};display:inline-block;"></i>
-    <span style="color:\${color};text-transform:capitalize;">\${text}</span>
-  </span>
-\`;
-\`\`\`
-
-## 示例：点击打开抽屉查看详情（扩展性示例）
-<code src="./demos/table-drawer.tsx"></code>
-见上方 Demo 中 \`ctx.viewer.drawer\` 的用法。
-
-\`\`\`js
-// 简单 JSON 预览按钮
-ctx.element.innerHTML = \`
-  <a href="javascript:;" style="color:#1677ff;">查看</a>
-\`;
-
-ctx.element.querySelector('a')?.addEventListener('click', async () => {
-  const pk = ctx.collection?.getFilterByTK?.(ctx.record); // 当前行主键（若集合可推断）
-  await ctx.viewer.drawer({
-    width: '56%',
-    content: \`
-      <div style="padding:16px;font:14px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;">
-        <h3 style="margin:0 0 12px;">行数据预览（#\${pk ?? ctx.recordIndex}）</h3>
-        <pre style="background:#f5f5f5;padding:12px;border-radius:6px;">\${JSON.stringify(ctx.record, null, 2)}</pre>
-      </div>
-    \`,
-  });
-});
-\`\`\`
-
-## 示例：组合多字段为一列的展示
-<code src="./demos/table-combine.tsx"></code>
-将多个字段合并为单列显示（如 “姓名（部门） - 职级”）：
-
-\`\`\`js
-const name = ctx.record?.name ?? '';
-const dept = ctx.record?.department?.name ?? '';
-const level = ctx.record?.level ?? '';
-
-ctx.element.innerHTML = \`
-  <div style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
-    <strong>\${name}</strong>
-    <span style="color:#999">（\${dept}）</span>
-    <span style="color:#999"> - \${level}</span>
-  </div>
-\`;
-\`\`\`
-
-## 进阶提示
-- 可通过 \`ctx.api\` 请求后端，动态刷新 \`ctx.element\` 内容；
-- 如需在表格中联动其他列或行操作，可结合 \`ctx.openView\` 做轻交互；
-- 对于“绑定字段值”的场景，请使用JS字段列，JSColumn 适合完全自定义展示与行为, 例如跨字段的汇总等场景。
-`
-};

package/dist/server/ai-employees/built-in/ai-coding/document/js-field.d.ts

@@ -1,13 +0,0 @@
-/**
- * This file is part of the NocoBase (R) project.
- * Copyright (c) 2020-2024 NocoBase Co., Ltd.
- * Authors: NocoBase Team.
- *
- * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
- * For more information, please refer to: https://www.nocobase.com/agreement.
- */
-declare const _default: {
-    name: string;
-    content: string;
-};
-export default _default;