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

package/lib/schemas/table/TableFilterDesignableBar.js

@@ -1,271 +0,0 @@
-"use strict";
-
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-
-  _react = function _react() {
-    return data;
-  };
-
-  return data;
-}
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  Object.defineProperty(o, k2, {
-    enumerable: true,
-    get: function get() {
-      return m[k];
-    }
-  });
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-
-var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
-  Object.defineProperty(o, "default", {
-    enumerable: true,
-    value: v
-  });
-} : function (o, v) {
-  o["default"] = v;
-});
-
-var __importStar = void 0 && (void 0).__importStar || function (mod) {
-  if (mod && mod.__esModule) return mod;
-  var result = {};
-  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-
-  __setModuleDefault(result, mod);
-
-  return result;
-};
-
-var __awaiter = void 0 && (void 0).__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 __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TableFilterDesignableBar = void 0;
-
-const react_1 = __importStar(require("react"));
-
-const antd_1 = require("antd");
-
-const react_2 = require("@formily/react");
-
-const antd_2 = require("@formily/antd");
-
-const icons_1 = require("@ant-design/icons");
-
-const classnames_1 = __importDefault(require("classnames"));
-
-const react_i18next_1 = require("react-i18next");
-
-const Sortable_1 = require("../../components/Sortable");
-
-const interfaces_1 = require("../database-field/interfaces");
-
-const __1 = require("..");
-
-const constate_1 = require("../../constate");
-
-const SwitchMenuItem_1 = __importDefault(require("../../components/SwitchMenuItem"));
-
-const schema_renderer_1 = require("../../components/schema-renderer");
-
-const TableFilterDesignableBar = () => {
-  const _ref = (0, react_i18next_1.useTranslation)(),
-        t = _ref.t;
-
-  const _ref2 = (0, __1.useDesignable)(),
-        schema = _ref2.schema,
-        remove = _ref2.remove,
-        refresh = _ref2.refresh,
-        insertAfter = _ref2.insertAfter;
-
-  const _ref3 = (0, react_1.useState)(false),
-        _ref4 = _slicedToArray(_ref3, 2),
-        visible = _ref4[0],
-        setVisible = _ref4[1];
-
-  const displayed = (0, constate_1.useDisplayedMapContext)();
-
-  const _ref5 = (0, constate_1.useCollectionContext)(),
-        fields = _ref5.fields;
-
-  const field = (0, react_2.useField)();
-
-  const _ref6 = (0, constate_1.useClient)(),
-        createSchema = _ref6.createSchema,
-        removeSchema = _ref6.removeSchema,
-        updateSchema = _ref6.updateSchema;
-
-  let fieldNames = field.componentProps.fieldNames || [];
-
-  if (fieldNames.length === 0) {
-    fieldNames = fields.map(field => field.name);
-  }
-
-  return react_1.default.createElement("div", {
-    className: (0, classnames_1.default)('designable-bar', {
-      active: visible
-    })
-  }, react_1.default.createElement("span", {
-    onClick: e => {
-      e.stopPropagation();
-    },
-    className: (0, classnames_1.default)('designable-bar-actions', {
-      active: visible
-    })
-  }, react_1.default.createElement(antd_1.Space, null, react_1.default.createElement(Sortable_1.DragHandle, null), react_1.default.createElement(antd_1.Dropdown, {
-    trigger: ['hover'],
-    visible: visible,
-    onVisibleChange: visible => {
-      setVisible(visible);
-    },
-    overlay: react_1.default.createElement(antd_1.Menu, null, react_1.default.createElement(antd_1.Menu.ItemGroup, {
-      title: t('Filterable fields')
-    }, fields.filter(collectionField => {
-      var _a;
-
-      const option = interfaces_1.interfaces.get(collectionField.interface);
-      return (_a = option === null || option === void 0 ? void 0 : option.operations) === null || _a === void 0 ? void 0 : _a.length;
-    }).map(collectionField => {
-      var _a;
-
-      return react_1.default.createElement(SwitchMenuItem_1.default, {
-        title: (_a = collectionField === null || collectionField === void 0 ? void 0 : collectionField.uiSchema) === null || _a === void 0 ? void 0 : _a.title,
-        checked: fieldNames.includes(collectionField.name),
-        onChange: checked => __awaiter(void 0, void 0, void 0, function* () {
-          if (checked) {
-            fieldNames.push(collectionField.name);
-          } else {
-            const index = fieldNames.indexOf(collectionField.name);
-
-            if (index > -1) {
-              fieldNames.splice(index, 1);
-            }
-          }
-
-          console.log({
-            fieldNames,
-            field
-          });
-          schema['x-component-props']['fieldNames'] = fieldNames;
-          field.componentProps.fieldNames = fieldNames;
-          updateSchema(schema);
-        })
-      });
-    })), react_1.default.createElement(antd_1.Menu.Divider, null), react_1.default.createElement(antd_1.Menu.Item, {
-      onClick: e => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
-
-        setVisible(false);
-        const values = yield (0, antd_2.FormDialog)(t('Edit button'), () => {
-          return react_1.default.createElement(antd_2.FormLayout, {
-            layout: 'vertical'
-          }, react_1.default.createElement(schema_renderer_1.SchemaField, {
-            schema: {
-              type: 'object',
-              properties: {
-                title: {
-                  type: 'string',
-                  title: t('Display name'),
-                  required: true,
-                  'x-decorator': 'FormItem',
-                  'x-component': 'Input'
-                },
-                icon: {
-                  type: 'string',
-                  title: t('Icon'),
-                  'x-decorator': 'FormItem',
-                  'x-component': 'IconPicker'
-                }
-              }
-            }
-          }));
-        }).open({
-          initialValues: {
-            title: schema['title'],
-            icon: (_a = schema['x-component-props']) === null || _a === void 0 ? void 0 : _a['icon']
-          }
-        });
-        schema['title'] = values.title;
-        schema['x-component-props']['icon'] = values.icon;
-        field.componentProps.icon = values.icon;
-        field.title = values.title;
-        updateSchema(schema);
-        refresh();
-      })
-    }, t('Edit button')), react_1.default.createElement(antd_1.Menu.Divider, null), react_1.default.createElement(antd_1.Menu.Item, {
-      onClick: () => __awaiter(void 0, void 0, void 0, function* () {
-        var _b;
-
-        const displayName = (_b = schema === null || schema === void 0 ? void 0 : schema['x-decorator-props']) === null || _b === void 0 ? void 0 : _b['displayName'];
-        const data = remove();
-        yield removeSchema(data);
-
-        if (displayName) {
-          displayed.remove(displayName);
-        }
-
-        setVisible(false);
-      })
-    }, t('Hide')))
-  }, react_1.default.createElement(icons_1.MenuOutlined, null)))));
-};
-
-exports.TableFilterDesignableBar = TableFilterDesignableBar;
-//# sourceMappingURL=TableFilterDesignableBar.js.map

package/lib/schemas/table/TableFilterDesignableBar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/table/TableFilterDesignableBar.tsx"],"names":[],"mappings":"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","file":"TableFilterDesignableBar.js","sourcesContent":["import React, { useState } from 'react';\nimport { Dropdown, Menu, Space } from 'antd';\nimport { useField } from '@formily/react';\nimport { FormDialog, FormLayout } from '@formily/antd';\nimport { MenuOutlined } from '@ant-design/icons';\nimport cls from 'classnames';\nimport { useTranslation } from 'react-i18next';\nimport { DragHandle } from '../../components/Sortable';\nimport { interfaces } from '../database-field/interfaces';\nimport { useDesignable } from '..';\nimport { useCollectionContext, useDisplayedMapContext, useClient } from '../../constate';\nimport SwitchMenuItem from '../../components/SwitchMenuItem';\nimport { SchemaField } from '../../components/schema-renderer';\n\nexport const TableFilterDesignableBar = () => {\n  const { t } = useTranslation();\n  const { schema, remove, refresh, insertAfter } = useDesignable();\n  const [visible, setVisible] = useState(false);\n  const displayed = useDisplayedMapContext();\n  const { fields } = useCollectionContext();\n  const field = useField();\n  const { createSchema, removeSchema, updateSchema } = useClient();\n  let fieldNames = field.componentProps.fieldNames || [];\n  if (fieldNames.length === 0) {\n    fieldNames = fields.map((field) => field.name);\n  }\n  return (\n    <div className={cls('designable-bar', { active: visible })}>\n      <span\n        onClick={(e) => {\n          e.stopPropagation();\n        }}\n        className={cls('designable-bar-actions', { active: visible })}\n      >\n        <Space>\n          <DragHandle />\n          <Dropdown\n            trigger={['hover']}\n            visible={visible}\n            onVisibleChange={(visible) => {\n              setVisible(visible);\n            }}\n            overlay={\n              <Menu>\n                <Menu.ItemGroup title={t('Filterable fields')}>\n                  {fields\n                    .filter((collectionField) => {\n                      const option = interfaces.get(collectionField.interface);\n                      return option?.operations?.length;\n                    })\n                    .map((collectionField) => (\n                      <SwitchMenuItem\n                        title={collectionField?.uiSchema?.title}\n                        checked={fieldNames.includes(collectionField.name)}\n                        onChange={async (checked) => {\n                          if (checked) {\n                            fieldNames.push(collectionField.name);\n                          } else {\n                            const index = fieldNames.indexOf(collectionField.name);\n                            if (index > -1) {\n                              fieldNames.splice(index, 1);\n                            }\n                          }\n                          console.log({ fieldNames, field });\n                          schema['x-component-props']['fieldNames'] = fieldNames;\n                          field.componentProps.fieldNames = fieldNames;\n                          updateSchema(schema);\n                        }}\n                      />\n                    ))}\n                </Menu.ItemGroup>\n                <Menu.Divider />\n                <Menu.Item\n                  onClick={async (e) => {\n                    setVisible(false);\n                    const values = await FormDialog(t('Edit button'), () => {\n                      return (\n                        <FormLayout layout={'vertical'}>\n                          <SchemaField\n                            schema={{\n                              type: 'object',\n                              properties: {\n                                title: {\n                                  type: 'string',\n                                  title: t('Display name'),\n                                  required: true,\n                                  'x-decorator': 'FormItem',\n                                  'x-component': 'Input',\n                                },\n                                icon: {\n                                  type: 'string',\n                                  title: t('Icon'),\n                                  'x-decorator': 'FormItem',\n                                  'x-component': 'IconPicker',\n                                },\n                              },\n                            }}\n                          />\n                        </FormLayout>\n                      );\n                    }).open({\n                      initialValues: {\n                        title: schema['title'],\n                        icon: schema['x-component-props']?.['icon'],\n                      },\n                    });\n                    schema['title'] = values.title;\n                    schema['x-component-props']['icon'] = values.icon;\n                    field.componentProps.icon = values.icon;\n                    field.title = values.title;\n                    updateSchema(schema);\n                    refresh();\n                  }}\n                >\n                  {t('Edit button')}\n                </Menu.Item>\n                <Menu.Divider />\n                <Menu.Item\n                  onClick={async () => {\n                    const displayName = schema?.['x-decorator-props']?.['displayName'];\n                    const data = remove();\n                    await removeSchema(data);\n                    if (displayName) {\n                      displayed.remove(displayName);\n                    }\n                    setVisible(false);\n                  }}\n                >\n                  {t('Hide')}\n                </Menu.Item>\n              </Menu>\n            }\n          >\n            <MenuOutlined />\n          </Dropdown>\n        </Space>\n      </span>\n    </div>\n  );\n};\n"]}

package/lib/schemas/table/TableIndex.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const TableIndex: React.MemoExoticComponent<React.FunctionComponent<unknown>>;

package/lib/schemas/table/TableIndex.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/table/TableIndex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,UAAU,6DAGrB,CAAC","file":"TableIndex.d.ts","sourcesContent":["import React from 'react';\nimport { observer } from '@formily/react';\nimport { useTableIndex } from './hooks/useTableIndex';\n\nexport const TableIndex = observer(() => {\n  const index = useTableIndex();\n  return <span className={'nb-table-index'}>{index + 1}</span>;\n});\n"]}

package/lib/schemas/table/TableIndex.js

@@ -1,38 +0,0 @@
-"use strict";
-
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-
-  _react = function _react() {
-    return data;
-  };
-
-  return data;
-}
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TableIndex = void 0;
-
-const react_1 = __importDefault(require("react"));
-
-const react_2 = require("@formily/react");
-
-const useTableIndex_1 = require("./hooks/useTableIndex");
-
-exports.TableIndex = (0, react_2.observer)(() => {
-  const index = (0, useTableIndex_1.useTableIndex)();
-  return react_1.default.createElement("span", {
-    className: 'nb-table-index'
-  }, index + 1);
-});
-//# sourceMappingURL=TableIndex.js.map

package/lib/schemas/table/TableIndex.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/table/TableIndex.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,0CAA0C;AAC1C,yDAAsD;AAEzC,QAAA,UAAU,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE;IACtC,MAAM,KAAK,GAAG,IAAA,6BAAa,GAAE,CAAC;IAC9B,OAAO,wCAAM,SAAS,EAAE,gBAAgB,IAAG,KAAK,GAAG,CAAC,CAAQ,CAAC;AAC/D,CAAC,CAAC,CAAC","file":"TableIndex.js","sourcesContent":["import React from 'react';\nimport { observer } from '@formily/react';\nimport { useTableIndex } from './hooks/useTableIndex';\n\nexport const TableIndex = observer(() => {\n  const index = useTableIndex();\n  return <span className={'nb-table-index'}>{index + 1}</span>;\n});\n"]}

package/lib/schemas/table/TableMain.d.ts

@@ -1 +0,0 @@
-export declare const TableMain: () => JSX.Element;

package/lib/schemas/table/TableMain.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/table/TableMain.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,SAAS,mBAyHrB,CAAC","file":"TableMain.d.ts","sourcesContent":["import React, { useState } from 'react';\nimport { DndContext } from '@dnd-kit/core';\nimport { Table as AntdTable } from 'antd';\nimport { findIndex } from 'lodash';\nimport cls from 'classnames';\nimport { RecursionField, Schema } from '@formily/react';\nimport { isValid } from '@formily/shared';\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { SortableBodyRow, SortableHeaderCell, SortableHeaderRow } from './Sortable';\nimport { TableRowContext } from './context';\nimport { useDataSource } from './hooks/useDataSource';\nimport { useDefaultRowSelection } from './hooks/useDefaultRowSelection';\nimport { useTable } from './hooks/useTable';\nimport { useTableActionBars } from './hooks/useTableActionBars';\nimport { useTableColumns } from './hooks/useTableColumns';\nimport { Table } from './Table';\n\nexport const TableMain = () => {\n  const {\n    resource,\n    selectedRowKeys,\n    setSelectedRowKeys,\n    service,\n    field,\n    props: { rowKey, dragSort, showIndex, onSelect, useRowSelection = useDefaultRowSelection },\n    refresh,\n  } = useTable();\n  const columns = useTableColumns();\n  const dataSource = useDataSource();\n  const actionBars = useTableActionBars();\n  const [html, setHtml] = useState('');\n  const { type } = useRowSelection();\n  return (\n    <div className={'nb-table'}>\n      <DndContext\n        onDragEnd={async (event) => {\n          const fromId = event.active?.id as any;\n          const toId = event.over?.id as any;\n          if (isValid(fromId) && isValid(toId)) {\n            const fromIndex = findIndex(field.value, (item) => item[rowKey] === fromId);\n            const toIndex = findIndex(field.value, (item) => item[rowKey] === toId);\n            console.log({ fromId, toId, fromIndex, toIndex });\n            field.move(fromIndex, toIndex);\n            refresh();\n            await resource.sort({\n              resourceIndex: fromId,\n              target: {\n                [rowKey]: toId,\n              },\n            });\n            await service.refresh();\n          }\n        }}\n      >\n        {actionBars.map((actionBar) => (\n          <RecursionField\n            schema={\n              new Schema({\n                type: 'void',\n                properties: {\n                  [actionBar.name]: actionBar,\n                },\n              })\n            }\n          />\n        ))}\n        <SortableContext items={dataSource || []} strategy={verticalListSortingStrategy}>\n          <AntdTable\n            pagination={false}\n            onChange={(pagination) => {}}\n            loading={service?.loading}\n            rowKey={rowKey}\n            dataSource={dataSource}\n            columns={columns}\n            // components={{\n            //   body: {\n            //     row: DragableBodyRow,\n            //   },\n            // }}\n            components={{\n              header: {\n                row: SortableHeaderRow,\n                cell: SortableHeaderCell,\n              },\n              body: {\n                // wrapper: (props) => {\n                //   return (\n                //     <tbody {...props}>\n                //       <DragOverlay\n                //         className={'ant-table-row'}\n                //         wrapperElement={'tr'}\n                //       >\n                //         <div />\n                //       </DragOverlay>\n                //       {props.children}\n                //     </tbody>\n                //   );\n                // },\n                row: SortableBodyRow,\n                // cell: SortableBodyCell,\n              },\n            }}\n            rowSelection={{\n              type: type || 'checkbox',\n              selectedRowKeys,\n              onChange: (rowKeys, rows) => {\n                setSelectedRowKeys(rowKeys);\n                onSelect && onSelect(rowKeys, rows);\n              },\n              renderCell: (checked, record, _, originNode) => {\n                const index = findIndex(field.value, (item) => item[rowKey] === record[rowKey]);\n                return (\n                  <TableRowContext.Provider\n                    value={{\n                      index,\n                      record,\n                    }}\n                  >\n                    <div\n                      className={cls('nb-table-selection', {\n                        dragSort,\n                        showIndex,\n                      })}\n                    >\n                      {dragSort && <Table.SortHandle />}\n                      {showIndex && <Table.Index />}\n                      {originNode}\n                    </div>\n                  </TableRowContext.Provider>\n                );\n              },\n            }}\n          />\n        </SortableContext>\n      </DndContext>\n      <Table.Pagination />\n    </div>\n  );\n};\n"]}

package/lib/schemas/table/TableMain.js

@@ -1,243 +0,0 @@
-"use strict";
-
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-
-  _react = function _react() {
-    return data;
-  };
-
-  return data;
-}
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  Object.defineProperty(o, k2, {
-    enumerable: true,
-    get: function get() {
-      return m[k];
-    }
-  });
-} : function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-
-var __setModuleDefault = void 0 && (void 0).__setModuleDefault || (Object.create ? function (o, v) {
-  Object.defineProperty(o, "default", {
-    enumerable: true,
-    value: v
-  });
-} : function (o, v) {
-  o["default"] = v;
-});
-
-var __importStar = void 0 && (void 0).__importStar || function (mod) {
-  if (mod && mod.__esModule) return mod;
-  var result = {};
-  if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-
-  __setModuleDefault(result, mod);
-
-  return result;
-};
-
-var __awaiter = void 0 && (void 0).__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 __importDefault = void 0 && (void 0).__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TableMain = void 0;
-
-const react_1 = __importStar(require("react"));
-
-const core_1 = require("@dnd-kit/core");
-
-const antd_1 = require("antd");
-
-const lodash_1 = require("lodash");
-
-const classnames_1 = __importDefault(require("classnames"));
-
-const react_2 = require("@formily/react");
-
-const shared_1 = require("@formily/shared");
-
-const sortable_1 = require("@dnd-kit/sortable");
-
-const Sortable_1 = require("./Sortable");
-
-const context_1 = require("./context");
-
-const useDataSource_1 = require("./hooks/useDataSource");
-
-const useDefaultRowSelection_1 = require("./hooks/useDefaultRowSelection");
-
-const useTable_1 = require("./hooks/useTable");
-
-const useTableActionBars_1 = require("./hooks/useTableActionBars");
-
-const useTableColumns_1 = require("./hooks/useTableColumns");
-
-const Table_1 = require("./Table");
-
-const TableMain = () => {
-  const _ref = (0, useTable_1.useTable)(),
-        resource = _ref.resource,
-        selectedRowKeys = _ref.selectedRowKeys,
-        setSelectedRowKeys = _ref.setSelectedRowKeys,
-        service = _ref.service,
-        field = _ref.field,
-        _ref$props = _ref.props,
-        rowKey = _ref$props.rowKey,
-        dragSort = _ref$props.dragSort,
-        showIndex = _ref$props.showIndex,
-        onSelect = _ref$props.onSelect,
-        _ref$props$useRowSele = _ref$props.useRowSelection,
-        useRowSelection = _ref$props$useRowSele === void 0 ? useDefaultRowSelection_1.useDefaultRowSelection : _ref$props$useRowSele,
-        refresh = _ref.refresh;
-
-  const columns = (0, useTableColumns_1.useTableColumns)();
-  const dataSource = (0, useDataSource_1.useDataSource)();
-  const actionBars = (0, useTableActionBars_1.useTableActionBars)();
-
-  const _ref2 = (0, react_1.useState)(''),
-        _ref3 = _slicedToArray(_ref2, 2),
-        html = _ref3[0],
-        setHtml = _ref3[1];
-
-  const _useRowSelection = useRowSelection(),
-        type = _useRowSelection.type;
-
-  return react_1.default.createElement("div", {
-    className: 'nb-table'
-  }, react_1.default.createElement(core_1.DndContext, {
-    onDragEnd: event => __awaiter(void 0, void 0, void 0, function* () {
-      var _a, _b;
-
-      const fromId = (_a = event.active) === null || _a === void 0 ? void 0 : _a.id;
-      const toId = (_b = event.over) === null || _b === void 0 ? void 0 : _b.id;
-
-      if ((0, shared_1.isValid)(fromId) && (0, shared_1.isValid)(toId)) {
-        const fromIndex = (0, lodash_1.findIndex)(field.value, item => item[rowKey] === fromId);
-        const toIndex = (0, lodash_1.findIndex)(field.value, item => item[rowKey] === toId);
-        console.log({
-          fromId,
-          toId,
-          fromIndex,
-          toIndex
-        });
-        field.move(fromIndex, toIndex);
-        refresh();
-        yield resource.sort({
-          resourceIndex: fromId,
-          target: {
-            [rowKey]: toId
-          }
-        });
-        yield service.refresh();
-      }
-    })
-  }, actionBars.map(actionBar => react_1.default.createElement(react_2.RecursionField, {
-    schema: new react_2.Schema({
-      type: 'void',
-      properties: {
-        [actionBar.name]: actionBar
-      }
-    })
-  })), react_1.default.createElement(sortable_1.SortableContext, {
-    items: dataSource || [],
-    strategy: sortable_1.verticalListSortingStrategy
-  }, react_1.default.createElement(antd_1.Table, {
-    pagination: false,
-    onChange: pagination => {},
-    loading: service === null || service === void 0 ? void 0 : service.loading,
-    rowKey: rowKey,
-    dataSource: dataSource,
-    columns: columns,
-    components: {
-      header: {
-        row: Sortable_1.SortableHeaderRow,
-        cell: Sortable_1.SortableHeaderCell
-      },
-      body: {
-        row: Sortable_1.SortableBodyRow
-      }
-    },
-    rowSelection: {
-      type: type || 'checkbox',
-      selectedRowKeys,
-      onChange: (rowKeys, rows) => {
-        setSelectedRowKeys(rowKeys);
-        onSelect && onSelect(rowKeys, rows);
-      },
-      renderCell: (checked, record, _, originNode) => {
-        const index = (0, lodash_1.findIndex)(field.value, item => item[rowKey] === record[rowKey]);
-        return react_1.default.createElement(context_1.TableRowContext.Provider, {
-          value: {
-            index,
-            record
-          }
-        }, react_1.default.createElement("div", {
-          className: (0, classnames_1.default)('nb-table-selection', {
-            dragSort,
-            showIndex
-          })
-        }, dragSort && react_1.default.createElement(Table_1.Table.SortHandle, null), showIndex && react_1.default.createElement(Table_1.Table.Index, null), originNode));
-      }
-    }
-  }))), react_1.default.createElement(Table_1.Table.Pagination, null));
-};
-
-exports.TableMain = TableMain;
-//# sourceMappingURL=TableMain.js.map

package/lib/schemas/table/TableMain.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/table/TableMain.tsx"],"names":[],"mappings":"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","file":"TableMain.js","sourcesContent":["import React, { useState } from 'react';\nimport { DndContext } from '@dnd-kit/core';\nimport { Table as AntdTable } from 'antd';\nimport { findIndex } from 'lodash';\nimport cls from 'classnames';\nimport { RecursionField, Schema } from '@formily/react';\nimport { isValid } from '@formily/shared';\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { SortableBodyRow, SortableHeaderCell, SortableHeaderRow } from './Sortable';\nimport { TableRowContext } from './context';\nimport { useDataSource } from './hooks/useDataSource';\nimport { useDefaultRowSelection } from './hooks/useDefaultRowSelection';\nimport { useTable } from './hooks/useTable';\nimport { useTableActionBars } from './hooks/useTableActionBars';\nimport { useTableColumns } from './hooks/useTableColumns';\nimport { Table } from './Table';\n\nexport const TableMain = () => {\n  const {\n    resource,\n    selectedRowKeys,\n    setSelectedRowKeys,\n    service,\n    field,\n    props: { rowKey, dragSort, showIndex, onSelect, useRowSelection = useDefaultRowSelection },\n    refresh,\n  } = useTable();\n  const columns = useTableColumns();\n  const dataSource = useDataSource();\n  const actionBars = useTableActionBars();\n  const [html, setHtml] = useState('');\n  const { type } = useRowSelection();\n  return (\n    <div className={'nb-table'}>\n      <DndContext\n        onDragEnd={async (event) => {\n          const fromId = event.active?.id as any;\n          const toId = event.over?.id as any;\n          if (isValid(fromId) && isValid(toId)) {\n            const fromIndex = findIndex(field.value, (item) => item[rowKey] === fromId);\n            const toIndex = findIndex(field.value, (item) => item[rowKey] === toId);\n            console.log({ fromId, toId, fromIndex, toIndex });\n            field.move(fromIndex, toIndex);\n            refresh();\n            await resource.sort({\n              resourceIndex: fromId,\n              target: {\n                [rowKey]: toId,\n              },\n            });\n            await service.refresh();\n          }\n        }}\n      >\n        {actionBars.map((actionBar) => (\n          <RecursionField\n            schema={\n              new Schema({\n                type: 'void',\n                properties: {\n                  [actionBar.name]: actionBar,\n                },\n              })\n            }\n          />\n        ))}\n        <SortableContext items={dataSource || []} strategy={verticalListSortingStrategy}>\n          <AntdTable\n            pagination={false}\n            onChange={(pagination) => {}}\n            loading={service?.loading}\n            rowKey={rowKey}\n            dataSource={dataSource}\n            columns={columns}\n            // components={{\n            //   body: {\n            //     row: DragableBodyRow,\n            //   },\n            // }}\n            components={{\n              header: {\n                row: SortableHeaderRow,\n                cell: SortableHeaderCell,\n              },\n              body: {\n                // wrapper: (props) => {\n                //   return (\n                //     <tbody {...props}>\n                //       <DragOverlay\n                //         className={'ant-table-row'}\n                //         wrapperElement={'tr'}\n                //       >\n                //         <div />\n                //       </DragOverlay>\n                //       {props.children}\n                //     </tbody>\n                //   );\n                // },\n                row: SortableBodyRow,\n                // cell: SortableBodyCell,\n              },\n            }}\n            rowSelection={{\n              type: type || 'checkbox',\n              selectedRowKeys,\n              onChange: (rowKeys, rows) => {\n                setSelectedRowKeys(rowKeys);\n                onSelect && onSelect(rowKeys, rows);\n              },\n              renderCell: (checked, record, _, originNode) => {\n                const index = findIndex(field.value, (item) => item[rowKey] === record[rowKey]);\n                return (\n                  <TableRowContext.Provider\n                    value={{\n                      index,\n                      record,\n                    }}\n                  >\n                    <div\n                      className={cls('nb-table-selection', {\n                        dragSort,\n                        showIndex,\n                      })}\n                    >\n                      {dragSort && <Table.SortHandle />}\n                      {showIndex && <Table.Index />}\n                      {originNode}\n                    </div>\n                  </TableRowContext.Provider>\n                );\n              },\n            }}\n          />\n        </SortableContext>\n      </DndContext>\n      <Table.Pagination />\n    </div>\n  );\n};\n"]}

package/lib/schemas/table/TableOperation.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const TableOperation: React.MemoExoticComponent<React.FunctionComponent<Pick<any, string | number | symbol>>>;

package/lib/schemas/table/TableOperation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/table/TableOperation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,cAAc,yFASzB,CAAC","file":"TableOperation.d.ts","sourcesContent":["import React from 'react';\nimport { observer } from '@formily/react';\nimport { useTranslation } from 'react-i18next';\nimport { useDesignable } from '..';\nimport { Table } from './Table';\n\nexport const TableOperation = observer((props: any) => {\n  const { designable, schema } = useDesignable();\n  const { t } = useTranslation();\n  return (\n    <div className={'nb-table-column'}>\n      {t('Operations')}\n      <Table.Operation.DesignableBar path={props.path} />\n    </div>\n  );\n});\n"]}