@nocobase/client 0.5.0-alpha.37 → 0.7.0-alpha.1

package/esm/block-provider/KanbanBlockProvider.js

@@ -0,0 +1,155 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useField } from '@formily/react';
+import { Spin } from 'antd';
+import { createContext, useContext, useEffect } from 'react';
+import { useACLRoleContext } from '../acl';
+import { useCollection } from '../collection-manager';
+import { toColumns } from '../schema-component/antd/kanban-v2/Kanban';
+import { BlockProvider, useBlockRequestContext } from './BlockProvider';
+export var KanbanBlockContext = createContext({});
+var useGroupField = function (props) {
+    var getField = useCollection().getField;
+    var groupField = props.groupField;
+    if (typeof groupField === 'string') {
+        return getField(groupField);
+    }
+    if (groupField === null || groupField === void 0 ? void 0 : groupField.name) {
+        return getField(groupField === null || groupField === void 0 ? void 0 : groupField.name);
+    }
+};
+var InternalKanbanBlockProvider = function (props) {
+    var field = useField();
+    var _a = useBlockRequestContext(), resource = _a.resource, service = _a.service;
+    var groupField = useGroupField(props);
+    if (!groupField) {
+        return null;
+    }
+    if (service.loading && !field.loaded) {
+        return _jsx(Spin, {}, void 0);
+    }
+    field.loaded = true;
+    return (_jsx(KanbanBlockContext.Provider, __assign({ value: {
+            props: {
+                resource: props.resource,
+            },
+            field: field,
+            service: service,
+            resource: resource,
+            groupField: groupField,
+        } }, { children: props.children }), void 0));
+};
+export var KanbanBlockProvider = function (props) {
+    return (_jsx(BlockProvider, __assign({}, props, { children: _jsx(InternalKanbanBlockProvider, __assign({}, props), void 0) }), void 0));
+};
+export var useKanbanBlockContext = function () {
+    return useContext(KanbanBlockContext);
+};
+var useDisableCardDrag = function () {
+    var _a;
+    var ctx = useKanbanBlockContext();
+    var _b = useACLRoleContext(), allowAll = _b.allowAll, allowConfigure = _b.allowConfigure, getActionParams = _b.getActionParams;
+    if (allowAll || allowConfigure) {
+        return false;
+    }
+    var result = getActionParams(((_a = ctx === null || ctx === void 0 ? void 0 : ctx.props) === null || _a === void 0 ? void 0 : _a.resource) + ":update", { skipOwnCheck: true });
+    return !result;
+};
+export var useKanbanBlockProps = function () {
+    var _a;
+    var field = useField();
+    var ctx = useKanbanBlockContext();
+    useEffect(function () {
+        var _a, _b, _c;
+        if (!((_a = ctx === null || ctx === void 0 ? void 0 : ctx.service) === null || _a === void 0 ? void 0 : _a.loading)) {
+            field.value = toColumns(ctx.groupField, (_c = (_b = ctx === null || ctx === void 0 ? void 0 : ctx.service) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.data);
+        }
+        // field.loading = ctx?.service?.loading;
+    }, [(_a = ctx === null || ctx === void 0 ? void 0 : ctx.service) === null || _a === void 0 ? void 0 : _a.loading]);
+    return {
+        groupField: ctx.groupField,
+        disableCardDrag: useDisableCardDrag(),
+        onCardDragEnd: function (_a, _b, _c) {
+            var _d, _e;
+            var columns = _a.columns, groupField = _a.groupField;
+            var fromColumnId = _b.fromColumnId, fromPosition = _b.fromPosition;
+            var toColumnId = _c.toColumnId, toPosition = _c.toPosition;
+            return __awaiter(this, void 0, void 0, function () {
+                var sourceColumn, destinationColumn, sourceCard, targetCard, values;
+                var _f;
+                return __generator(this, function (_g) {
+                    switch (_g.label) {
+                        case 0:
+                            sourceColumn = columns.find(function (column) { return column.id === fromColumnId; });
+                            destinationColumn = columns.find(function (column) { return column.id === toColumnId; });
+                            sourceCard = (_d = sourceColumn === null || sourceColumn === void 0 ? void 0 : sourceColumn.cards) === null || _d === void 0 ? void 0 : _d[fromPosition];
+                            targetCard = (_e = destinationColumn === null || destinationColumn === void 0 ? void 0 : destinationColumn.cards) === null || _e === void 0 ? void 0 : _e[toPosition];
+                            values = {
+                                sourceId: sourceCard.id,
+                                sortField: groupField.name + "_sort",
+                            };
+                            if (targetCard) {
+                                values['targetId'] = targetCard.id;
+                            }
+                            else {
+                                values['targetScope'] = (_f = {},
+                                    _f[groupField.name] = toColumnId,
+                                    _f);
+                            }
+                            return [4 /*yield*/, ctx.resource.move(values)];
+                        case 1:
+                            _g.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        },
+    };
+};
+//# sourceMappingURL=KanbanBlockProvider.js.map

package/esm/block-provider/KanbanBlockProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanBlockProvider.js","sourceRoot":"","sources":["../../src/block-provider/KanbanBlockProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ArrayField } from '@formily/core';\nimport { useField } from '@formily/react';\nimport { Spin } from 'antd';\nimport React, { createContext, useContext, useEffect } from 'react';\nimport { useACLRoleContext } from '../acl';\nimport { useCollection } from '../collection-manager';\nimport { toColumns } from '../schema-component/antd/kanban-v2/Kanban';\nimport { BlockProvider, useBlockRequestContext } from './BlockProvider';\n\nexport const KanbanBlockContext = createContext<any>({});\n\nconst useGroupField = (props) => {\n  const { getField } = useCollection();\n  const { groupField } = props;\n  if (typeof groupField === 'string') {\n    return getField(groupField);\n  }\n  if (groupField?.name) {\n    return getField(groupField?.name);\n  }\n};\n\nconst InternalKanbanBlockProvider = (props) => {\n  const field = useField<any>();\n  const { resource, service } = useBlockRequestContext();\n  const groupField = useGroupField(props);\n  if (!groupField) {\n    return null;\n  }\n  if (service.loading && !field.loaded) {\n    return <Spin />;\n  }\n  field.loaded = true;\n  return (\n    <KanbanBlockContext.Provider\n      value={{\n        props: {\n          resource: props.resource,\n        },\n        field,\n        service,\n        resource,\n        groupField,\n      }}\n    >\n      {props.children}\n    </KanbanBlockContext.Provider>\n  );\n};\n\nexport const KanbanBlockProvider = (props) => {\n  return (\n    <BlockProvider {...props}>\n      <InternalKanbanBlockProvider {...props} />\n    </BlockProvider>\n  );\n};\n\nexport const useKanbanBlockContext = () => {\n  return useContext(KanbanBlockContext);\n};\n\nconst useDisableCardDrag = () => {\n  const ctx = useKanbanBlockContext();\n  const { allowAll, allowConfigure, getActionParams } = useACLRoleContext();\n  if (allowAll || allowConfigure) {\n    return false;\n  }\n  const result = getActionParams(`${ctx?.props?.resource}:update`, { skipOwnCheck: true });\n  return !result;\n}\n\nexport const useKanbanBlockProps = () => {\n  const field = useField<ArrayField>();\n  const ctx = useKanbanBlockContext();\n  useEffect(() => {\n    if (!ctx?.service?.loading) {\n      field.value = toColumns(ctx.groupField, ctx?.service?.data?.data);\n    }\n    // field.loading = ctx?.service?.loading;\n  }, [ctx?.service?.loading]);\n  return {\n    groupField: ctx.groupField,\n    disableCardDrag: useDisableCardDrag(),\n    async onCardDragEnd({ columns, groupField }, { fromColumnId, fromPosition }, { toColumnId, toPosition }) {\n      const sourceColumn = columns.find((column) => column.id === fromColumnId);\n      const destinationColumn = columns.find((column) => column.id === toColumnId);\n      const sourceCard = sourceColumn?.cards?.[fromPosition];\n      const targetCard = destinationColumn?.cards?.[toPosition];\n      const values = {\n        sourceId: sourceCard.id,\n        sortField: `${groupField.name}_sort`,\n      };\n      if (targetCard) {\n        values['targetId'] = targetCard.id;\n      } else {\n        values['targetScope'] = {\n          [groupField.name]: toColumnId,\n        };\n      }\n      await ctx.resource.move(values);\n    },\n  };\n};\n"]}

package/esm/block-provider/TableBlockProvider.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export declare const TableBlockContext: React.Context<any>;
+export declare const TableBlockProvider: (props: any) => JSX.Element;
+export declare const useTableBlockContext: () => any;
+export declare const useTableBlockProps: () => {
+    loading: any;
+    showIndex: any;
+    dragSort: any;
+    rowKey: any;
+    pagination: boolean | {
+        defaultCurrent: any;
+        defaultPageSize: any;
+    };
+    onRowSelectionChange(selectedRowKeys: any): void;
+    onRowDragEnd({ from, to }: {
+        from: any;
+        to: any;
+    }): Promise<void>;
+    onChange({ current, pageSize }: {
+        current: any;
+        pageSize: any;
+    }): void;
+};

package/esm/block-provider/TableBlockProvider.js

@@ -0,0 +1,168 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useField, useFieldSchema } from '@formily/react';
+import { createContext, useContext, useEffect } from 'react';
+import { useCollectionManager } from '../collection-manager';
+import { BlockProvider, useBlockRequestContext } from './BlockProvider';
+export var TableBlockContext = createContext({});
+var InternalTableBlockProvider = function (props) {
+    var params = props.params, showIndex = props.showIndex, dragSort = props.dragSort, rowKey = props.rowKey;
+    var field = useField();
+    var _a = useBlockRequestContext(), resource = _a.resource, service = _a.service;
+    // if (service.loading) {
+    //   return <Spin />;
+    // }
+    return (_jsx(TableBlockContext.Provider, __assign({ value: {
+            field: field,
+            service: service,
+            resource: resource,
+            params: params,
+            showIndex: showIndex,
+            dragSort: dragSort,
+            rowKey: rowKey,
+        } }, { children: props.children }), void 0));
+};
+var useAssociationNames = function (collection) {
+    var _a;
+    var getCollectionFields = useCollectionManager().getCollectionFields;
+    var names = (_a = getCollectionFields(collection)) === null || _a === void 0 ? void 0 : _a.filter(function (field) { return field.target; }).map(function (field) { return field.name; });
+    return names;
+    var fieldSchema = useFieldSchema();
+    var tableSchema = fieldSchema.reduceProperties(function (buf, schema) {
+        if (schema['x-component'] === 'TableV2') {
+            return schema;
+        }
+        return buf;
+    }, null);
+    return tableSchema.reduceProperties(function (buf, schema) {
+        if (schema['x-component'] === 'TableV2.Column') {
+            var s = schema.reduceProperties(function (buf, s) {
+                if (s['x-collection-field'] && names.includes(s.name)) {
+                    return s;
+                }
+                return buf;
+            }, null);
+            if (s) {
+                buf.push(s.name);
+            }
+        }
+        return buf;
+    }, []);
+};
+export var TableBlockProvider = function (props) {
+    var params = __assign({}, props.params);
+    var appends = useAssociationNames(props.collection);
+    if (props.dragSort) {
+        params['sort'] = ['sort'];
+    }
+    if (appends === null || appends === void 0 ? void 0 : appends.length) {
+        params['appends'] = appends;
+    }
+    return (_jsx(BlockProvider, __assign({}, props, { params: params }, { children: _jsx(InternalTableBlockProvider, __assign({}, props, { params: params }), void 0) }), void 0));
+};
+export var useTableBlockContext = function () {
+    return useContext(TableBlockContext);
+};
+export var useTableBlockProps = function () {
+    var _a, _b, _c, _d, _e;
+    var field = useField();
+    var ctx = useTableBlockContext();
+    useEffect(function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        if (!((_a = ctx === null || ctx === void 0 ? void 0 : ctx.service) === null || _a === void 0 ? void 0 : _a.loading)) {
+            field.value = (_c = (_b = ctx === null || ctx === void 0 ? void 0 : ctx.service) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.data;
+            field.data = field.data || {};
+            field.data.selectedRowKeys = (_e = (_d = ctx === null || ctx === void 0 ? void 0 : ctx.field) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.selectedRowKeys;
+            field.componentProps.pagination = field.componentProps.pagination || {};
+            field.componentProps.pagination.pageSize = (_h = (_g = (_f = ctx === null || ctx === void 0 ? void 0 : ctx.service) === null || _f === void 0 ? void 0 : _f.data) === null || _g === void 0 ? void 0 : _g.meta) === null || _h === void 0 ? void 0 : _h.pageSize;
+            field.componentProps.pagination.total = (_l = (_k = (_j = ctx === null || ctx === void 0 ? void 0 : ctx.service) === null || _j === void 0 ? void 0 : _j.data) === null || _k === void 0 ? void 0 : _k.meta) === null || _l === void 0 ? void 0 : _l.count;
+            field.componentProps.pagination.current = (_p = (_o = (_m = ctx === null || ctx === void 0 ? void 0 : ctx.service) === null || _m === void 0 ? void 0 : _m.data) === null || _o === void 0 ? void 0 : _o.meta) === null || _p === void 0 ? void 0 : _p.page;
+        }
+    }, [(_a = ctx === null || ctx === void 0 ? void 0 : ctx.service) === null || _a === void 0 ? void 0 : _a.loading]);
+    return {
+        loading: (_b = ctx === null || ctx === void 0 ? void 0 : ctx.service) === null || _b === void 0 ? void 0 : _b.loading,
+        showIndex: ctx.showIndex,
+        dragSort: ctx.dragSort,
+        rowKey: ctx.rowKey || 'id',
+        pagination: ((_c = ctx === null || ctx === void 0 ? void 0 : ctx.params) === null || _c === void 0 ? void 0 : _c.paginate) !== false
+            ? {
+                defaultCurrent: ((_d = ctx === null || ctx === void 0 ? void 0 : ctx.params) === null || _d === void 0 ? void 0 : _d.page) || 1,
+                defaultPageSize: (_e = ctx === null || ctx === void 0 ? void 0 : ctx.params) === null || _e === void 0 ? void 0 : _e.pageSize,
+            }
+            : false,
+        onRowSelectionChange: function (selectedRowKeys) {
+            var _a;
+            ctx.field.data = ((_a = ctx === null || ctx === void 0 ? void 0 : ctx.field) === null || _a === void 0 ? void 0 : _a.data) || {};
+            ctx.field.data.selectedRowKeys = selectedRowKeys;
+        },
+        onRowDragEnd: function (_a) {
+            var from = _a.from, to = _a.to;
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0: return [4 /*yield*/, ctx.resource.move({
+                                sourceId: from[ctx.rowKey || 'id'],
+                                targetId: to[ctx.rowKey || 'id'],
+                            })];
+                        case 1:
+                            _b.sent();
+                            ctx.service.refresh();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        },
+        onChange: function (_a) {
+            var _b;
+            var current = _a.current, pageSize = _a.pageSize;
+            ctx.service.run(__assign(__assign({}, (_b = ctx.service.params) === null || _b === void 0 ? void 0 : _b[0]), { page: current, pageSize: pageSize }));
+        },
+    };
+};
+//# sourceMappingURL=TableBlockProvider.js.map

package/esm/block-provider/TableBlockProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBlockProvider.js","sourceRoot":"","sources":["../../src/block-provider/TableBlockProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ArrayField } from '@formily/core';\nimport { Schema, useField, useFieldSchema } from '@formily/react';\nimport React, { createContext, useContext, useEffect } from 'react';\nimport { useCollectionManager } from '../collection-manager';\nimport { BlockProvider, useBlockRequestContext } from './BlockProvider';\n\nexport const TableBlockContext = createContext<any>({});\n\nconst InternalTableBlockProvider = (props) => {\n  const { params, showIndex, dragSort, rowKey } = props;\n  const field = useField();\n  const { resource, service } = useBlockRequestContext();\n  // if (service.loading) {\n  //   return <Spin />;\n  // }\n  return (\n    <TableBlockContext.Provider\n      value={{\n        field,\n        service,\n        resource,\n        params,\n        showIndex,\n        dragSort,\n        rowKey,\n      }}\n    >\n      {props.children}\n    </TableBlockContext.Provider>\n  );\n};\n\nconst useAssociationNames = (collection) => {\n  const { getCollectionFields } = useCollectionManager();\n  const names = getCollectionFields(collection)\n    ?.filter((field) => field.target)\n    .map((field) => field.name);\n  return names;\n  const fieldSchema = useFieldSchema();\n  const tableSchema = fieldSchema.reduceProperties((buf, schema) => {\n    if (schema['x-component'] === 'TableV2') {\n      return schema;\n    }\n    return buf;\n  }, null) as Schema;\n  return tableSchema.reduceProperties((buf, schema) => {\n    if (schema['x-component'] === 'TableV2.Column') {\n      const s = schema.reduceProperties((buf, s) => {\n        if (s['x-collection-field'] && names.includes(s.name)) {\n          return s;\n        }\n        return buf;\n      }, null);\n      if (s) {\n        buf.push(s.name);\n      }\n    }\n    return buf;\n  }, []);\n};\n\nexport const TableBlockProvider = (props) => {\n  const params = { ...props.params };\n  const appends = useAssociationNames(props.collection);\n  if (props.dragSort) {\n    params['sort'] = ['sort'];\n  }\n  if (appends?.length) {\n    params['appends'] = appends;\n  }\n  return (\n    <BlockProvider {...props} params={params}>\n      <InternalTableBlockProvider {...props} params={params} />\n    </BlockProvider>\n  );\n};\n\nexport const useTableBlockContext = () => {\n  return useContext(TableBlockContext);\n};\n\nexport const useTableBlockProps = () => {\n  const field = useField<ArrayField>();\n  const ctx = useTableBlockContext();\n  useEffect(() => {\n    if (!ctx?.service?.loading) {\n      field.value = ctx?.service?.data?.data;\n      field.data = field.data || {};\n      field.data.selectedRowKeys = ctx?.field?.data?.selectedRowKeys;\n      field.componentProps.pagination = field.componentProps.pagination || {};\n      field.componentProps.pagination.pageSize = ctx?.service?.data?.meta?.pageSize;\n      field.componentProps.pagination.total = ctx?.service?.data?.meta?.count;\n      field.componentProps.pagination.current = ctx?.service?.data?.meta?.page;\n    }\n  }, [ctx?.service?.loading]);\n  return {\n    loading: ctx?.service?.loading,\n    showIndex: ctx.showIndex,\n    dragSort: ctx.dragSort,\n    rowKey: ctx.rowKey || 'id',\n    pagination:\n      ctx?.params?.paginate !== false\n        ? {\n            defaultCurrent: ctx?.params?.page || 1,\n            defaultPageSize: ctx?.params?.pageSize,\n          }\n        : false,\n    onRowSelectionChange(selectedRowKeys) {\n      ctx.field.data = ctx?.field?.data || {};\n      ctx.field.data.selectedRowKeys = selectedRowKeys;\n    },\n    async onRowDragEnd({ from, to }) {\n      await ctx.resource.move({\n        sourceId: from[ctx.rowKey || 'id'],\n        targetId: to[ctx.rowKey || 'id'],\n      });\n      ctx.service.refresh();\n    },\n    onChange({ current, pageSize }) {\n      ctx.service.run({ ...ctx.service.params?.[0], page: current, pageSize });\n    },\n  };\n};\n"]}

package/esm/block-provider/TableFieldProvider.d.ts

@@ -0,0 +1,39 @@
+import { Field } from '@formily/core';
+import React from 'react';
+import { APIClient } from '../api-client';
+export declare const TableFieldContext: React.Context<any>;
+export declare class TableFieldResource {
+    field: Field;
+    api: APIClient;
+    sourceId: any;
+    resource?: any;
+    constructor(options: any);
+    list(options: any): Promise<{
+        data: {
+            data: any;
+        };
+    }>;
+    get(options: any): Promise<{
+        data: {
+            data: any;
+        };
+    }>;
+    create(options: any): Promise<void>;
+    update(options: any): Promise<void>;
+    destroy(options: any): Promise<void>;
+}
+export declare const TableFieldProvider: (props: any) => JSX.Element;
+export declare const useTableFieldContext: () => any;
+export declare const useTableFieldProps: () => {
+    size: string;
+    loading: any;
+    showIndex: any;
+    dragSort: any;
+    pagination: boolean;
+    rowKey: (record: any) => number;
+    onRowSelectionChange(selectedRowKeys: any): void;
+    onChange({ current, pageSize }: {
+        current: any;
+        pageSize: any;
+    }): void;
+};

package/esm/block-provider/TableFieldProvider.js

@@ -0,0 +1,211 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useField } from '@formily/react';
+import { createContext, useContext, useEffect } from 'react';
+import { BlockProvider, useBlockRequestContext } from './BlockProvider';
+export var TableFieldContext = createContext({});
+var InternalTableFieldProvider = function (props) {
+    var _a = props.params, params = _a === void 0 ? {} : _a, showIndex = props.showIndex, dragSort = props.dragSort;
+    var field = useField();
+    var _b = useBlockRequestContext(), resource = _b.resource, service = _b.service;
+    // if (service.loading) {
+    //   return <Spin />;
+    // }
+    return (_jsx(TableFieldContext.Provider, __assign({ value: {
+            field: field,
+            service: service,
+            resource: resource,
+            params: params,
+            showIndex: showIndex,
+            dragSort: dragSort,
+        } }, { children: props.children }), void 0));
+};
+var TableFieldResource = /** @class */ (function () {
+    function TableFieldResource(options) {
+        this.field = options.field;
+        this.api = options.api;
+        this.sourceId = options.sourceId;
+        this.resource = this.api.resource(options.resource, this.sourceId);
+    }
+    TableFieldResource.prototype.list = function (options) {
+        return __awaiter(this, void 0, void 0, function () {
+            var response;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        this.field.data = this.field.data || {};
+                        if (this.field.data.changed) {
+                            console.log('list.dataSource', this.field.data.dataSource);
+                            return [2 /*return*/, {
+                                    data: {
+                                        data: this.field.data.dataSource,
+                                    },
+                                }];
+                        }
+                        if (!this.sourceId) {
+                            console.log('list.sourceId', this.field.data.dataSource);
+                            this.field.data.dataSource = [];
+                            return [2 /*return*/, {
+                                    data: {
+                                        data: [],
+                                    },
+                                }];
+                        }
+                        return [4 /*yield*/, this.resource.list(options)];
+                    case 1:
+                        response = _a.sent();
+                        console.log('list', response);
+                        this.field.data.dataSource = response.data.data;
+                        return [2 /*return*/, {
+                                data: {
+                                    data: response.data.data,
+                                },
+                            }];
+                }
+            });
+        });
+    };
+    TableFieldResource.prototype.get = function (options) {
+        return __awaiter(this, void 0, void 0, function () {
+            var filterByTk;
+            return __generator(this, function (_a) {
+                console.log('get', options);
+                filterByTk = options.filterByTk;
+                return [2 /*return*/, {
+                        data: {
+                            data: this.field.data.dataSource[filterByTk],
+                        },
+                    }];
+            });
+        });
+    };
+    TableFieldResource.prototype.create = function (options) {
+        return __awaiter(this, void 0, void 0, function () {
+            var values;
+            return __generator(this, function (_a) {
+                console.log('create', options);
+                values = options.values;
+                this.field.data.dataSource.push(values);
+                this.field.data.changed = true;
+                return [2 /*return*/];
+            });
+        });
+    };
+    TableFieldResource.prototype.update = function (options) {
+        return __awaiter(this, void 0, void 0, function () {
+            var filterByTk, values;
+            return __generator(this, function (_a) {
+                console.log('update', options);
+                filterByTk = options.filterByTk, values = options.values;
+                this.field.data.dataSource[filterByTk] = values;
+                this.field.data.changed = true;
+                return [2 /*return*/];
+            });
+        });
+    };
+    TableFieldResource.prototype.destroy = function (options) {
+        return __awaiter(this, void 0, void 0, function () {
+            var filterByTk;
+            return __generator(this, function (_a) {
+                console.log('destroy', options);
+                filterByTk = options.filterByTk;
+                if (!Array.isArray(filterByTk)) {
+                    filterByTk = [filterByTk];
+                }
+                this.field.data.dataSource = this.field.data.dataSource.filter(function (item, index) {
+                    return !filterByTk.includes(index);
+                });
+                this.field.data.changed = true;
+                return [2 /*return*/];
+            });
+        });
+    };
+    return TableFieldResource;
+}());
+export { TableFieldResource };
+export var TableFieldProvider = function (props) {
+    return (_jsx(BlockProvider, __assign({ block: 'TableField' }, props, { children: _jsx(InternalTableFieldProvider, __assign({}, props), void 0) }), void 0));
+};
+export var useTableFieldContext = function () {
+    return useContext(TableFieldContext);
+};
+export var useTableFieldProps = function () {
+    var _a, _b;
+    var field = useField();
+    var ctx = useTableFieldContext();
+    useEffect(function () {
+        var _a, _b, _c, _d, _e;
+        if (!((_a = ctx === null || ctx === void 0 ? void 0 : ctx.service) === null || _a === void 0 ? void 0 : _a.loading)) {
+            field.value = (_c = (_b = ctx === null || ctx === void 0 ? void 0 : ctx.service) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.data;
+            field.data = field.data || {};
+            field.data.selectedRowKeys = (_e = (_d = ctx === null || ctx === void 0 ? void 0 : ctx.field) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.selectedRowKeys;
+        }
+    }, [(_a = ctx === null || ctx === void 0 ? void 0 : ctx.service) === null || _a === void 0 ? void 0 : _a.loading]);
+    return {
+        size: 'middle',
+        loading: (_b = ctx === null || ctx === void 0 ? void 0 : ctx.service) === null || _b === void 0 ? void 0 : _b.loading,
+        showIndex: ctx.showIndex,
+        dragSort: ctx.dragSort,
+        pagination: false,
+        rowKey: function (record) {
+            var _a, _b;
+            return (_b = (_a = field.value) === null || _a === void 0 ? void 0 : _a.indexOf) === null || _b === void 0 ? void 0 : _b.call(_a, record);
+        },
+        onRowSelectionChange: function (selectedRowKeys) {
+            var _a;
+            ctx.field.data = ((_a = ctx === null || ctx === void 0 ? void 0 : ctx.field) === null || _a === void 0 ? void 0 : _a.data) || {};
+            ctx.field.data.selectedRowKeys = selectedRowKeys;
+        },
+        onChange: function (_a) {
+            var current = _a.current, pageSize = _a.pageSize;
+            ctx.service.run({ page: current, pageSize: pageSize });
+        },
+    };
+};
+//# sourceMappingURL=TableFieldProvider.js.map

package/esm/block-provider/TableFieldProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFieldProvider.js","sourceRoot":"","sources":["../../src/block-provider/TableFieldProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ArrayField, Field } from '@formily/core';\nimport { useField } from '@formily/react';\nimport React, { createContext, useContext, useEffect } from 'react';\nimport { APIClient } from '../api-client';\nimport { BlockProvider, useBlockRequestContext } from './BlockProvider';\n\nexport const TableFieldContext = createContext<any>({});\n\nconst InternalTableFieldProvider = (props) => {\n  const { params = {}, showIndex, dragSort } = props;\n  const field = useField();\n  const { resource, service } = useBlockRequestContext();\n  // if (service.loading) {\n  //   return <Spin />;\n  // }\n  return (\n    <TableFieldContext.Provider\n      value={{\n        field,\n        service,\n        resource,\n        params,\n        showIndex,\n        dragSort,\n      }}\n    >\n      {props.children}\n    </TableFieldContext.Provider>\n  );\n};\n\nexport class TableFieldResource {\n  field: Field;\n  api: APIClient;\n  sourceId: any;\n  resource?: any;\n\n  constructor(options) {\n    this.field = options.field;\n    this.api = options.api;\n    this.sourceId = options.sourceId;\n    this.resource = this.api.resource(options.resource, this.sourceId);\n  }\n\n  async list(options) {\n    this.field.data = this.field.data || {};\n    if (this.field.data.changed) {\n      console.log('list.dataSource', this.field.data.dataSource);\n      return {\n        data: {\n          data: this.field.data.dataSource,\n        },\n      };\n    }\n    if (!this.sourceId) {\n      console.log('list.sourceId', this.field.data.dataSource);\n      this.field.data.dataSource = [];\n      return {\n        data: {\n          data: [],\n        },\n      };\n    }\n    const response = await this.resource.list(options);\n    console.log('list', response);\n    this.field.data.dataSource = response.data.data;\n    return {\n      data: {\n        data: response.data.data,\n      },\n    };\n  }\n\n  async get(options) {\n    console.log('get', options);\n    const { filterByTk } = options;\n    return {\n      data: {\n        data: this.field.data.dataSource[filterByTk],\n      },\n    };\n  }\n\n  async create(options) {\n    console.log('create', options);\n    const { values } = options;\n    this.field.data.dataSource.push(values);\n    this.field.data.changed = true;\n  }\n\n  async update(options) {\n    console.log('update', options);\n    const { filterByTk, values } = options;\n    this.field.data.dataSource[filterByTk] = values;\n    this.field.data.changed = true;\n  }\n\n  async destroy(options) {\n    console.log('destroy', options);\n    let { filterByTk } = options;\n    if (!Array.isArray(filterByTk)) {\n      filterByTk = [filterByTk];\n    }\n    this.field.data.dataSource = this.field.data.dataSource.filter((item, index) => {\n      return !filterByTk.includes(index);\n    });\n    this.field.data.changed = true;\n  }\n}\n\nexport const TableFieldProvider = (props) => {\n  return (\n    <BlockProvider block={'TableField'} {...props}>\n      <InternalTableFieldProvider {...props} />\n    </BlockProvider>\n  );\n};\n\nexport const useTableFieldContext = () => {\n  return useContext(TableFieldContext);\n};\n\nexport const useTableFieldProps = () => {\n  const field = useField<ArrayField>();\n  const ctx = useTableFieldContext();\n  useEffect(() => {\n    if (!ctx?.service?.loading) {\n      field.value = ctx?.service?.data?.data;\n      field.data = field.data || {};\n      field.data.selectedRowKeys = ctx?.field?.data?.selectedRowKeys;\n    }\n  }, [ctx?.service?.loading]);\n  return {\n    size: 'middle',\n    loading: ctx?.service?.loading,\n    showIndex: ctx.showIndex,\n    dragSort: ctx.dragSort,\n    pagination: false,\n    rowKey: (record: any) => {\n      return field.value?.indexOf?.(record);\n    },\n    onRowSelectionChange(selectedRowKeys) {\n      ctx.field.data = ctx?.field?.data || {};\n      ctx.field.data.selectedRowKeys = selectedRowKeys;\n    },\n    onChange({ current, pageSize }) {\n      ctx.service.run({ page: current, pageSize });\n    },\n  };\n};\n"]}