@nocobase/client 0.5.0-alpha.36 → 0.7.0-alpha.0

package/lib/schemas/table/SimpleDesignableBar.js

@@ -1,315 +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.SimpleDesignableBar = void 0;
-
-const react_1 = __importStar(require("react"));
-
-const react_2 = require("@formily/react");
-
-const __1 = require("../");
-
-const antd_1 = require("antd");
-
-const icons_1 = require("@ant-design/icons");
-
-const classnames_1 = __importDefault(require("classnames"));
-
-const antd_2 = require("@formily/antd");
-
-require("./style.less");
-
-const add_new_1 = __importDefault(require("../add-new"));
-
-const drag_and_drop_1 = require("../../components/drag-and-drop");
-
-const lodash_1 = require("lodash");
-
-const Sortable_1 = require("../../components/Sortable");
-
-const react_i18next_1 = require("react-i18next");
-
-exports.SimpleDesignableBar = (0, react_2.observer)(props => {
-  var _a, _b;
-
-  const _ref = (0, react_i18next_1.useTranslation)(),
-        t = _ref.t;
-
-  const field = (0, react_2.useField)();
-
-  const _ref2 = (0, __1.useDesignable)(),
-        designable = _ref2.designable,
-        schema = _ref2.schema,
-        refresh = _ref2.refresh,
-        deepRemove = _ref2.deepRemove;
-
-  const _ref3 = (0, react_1.useState)(false),
-        _ref4 = _slicedToArray(_ref3, 2),
-        visible = _ref4[0],
-        setVisible = _ref4[1];
-
-  const _ref5 = (0, react_1.useContext)(drag_and_drop_1.DraggableBlockContext),
-        dragRef = _ref5.dragRef;
-
-  if (!designable) {
-    return null;
-  }
-
-  const defaultPageSize = ((_b = (_a = field === null || field === void 0 ? void 0 : field.componentProps) === null || _a === void 0 ? void 0 : _a.pagination) === null || _b === void 0 ? void 0 : _b.defaultPageSize) || 10;
-  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, {
-    size: 'small'
-  }, react_1.default.createElement(add_new_1.default.CardItem, {
-    defaultAction: 'insertAfter',
-    ghost: true
-  }), 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.Item, {
-      key: 'defaultFilter',
-      onClick: () => __awaiter(void 0, void 0, void 0, function* () {
-        var _c;
-
-        const _yield$open = yield (0, antd_2.FormDialog)(t('Set the data scope'), () => {
-          return react_1.default.createElement(antd_2.FormLayout, {
-            layout: 'vertical'
-          }, react_1.default.createElement(__1.SchemaField, {
-            schema: {
-              type: 'object',
-              properties: {
-                defaultFilter: {
-                  type: 'object',
-                  'x-component': 'Filter',
-                  properties: {
-                    column1: {
-                      type: 'void',
-                      title: t('Action type'),
-                      'x-component': 'Filter.Column',
-                      'x-component-props': {
-                        operations: [{
-                          label: '{{t("is")}}',
-                          value: 'eq',
-                          selected: true,
-                          schema: {
-                            'x-component': 'Select'
-                          }
-                        }, {
-                          label: '{{t("is not")}}',
-                          value: 'ne',
-                          schema: {
-                            'x-component': 'Select'
-                          }
-                        }, {
-                          label: '{{t("contains")}}',
-                          value: 'in',
-                          schema: {
-                            'x-component': 'Select',
-                            'x-component-props': {
-                              mode: 'tags'
-                            }
-                          }
-                        }, {
-                          label: '{{t("does not contain")}}',
-                          value: 'notIn',
-                          schema: {
-                            'x-component': 'Select',
-                            'x-component-props': {
-                              mode: 'tags'
-                            }
-                          }
-                        }, {
-                          label: '{{t("is empty")}}',
-                          value: '$null',
-                          noValue: true
-                        }, {
-                          label: '{{t("is not empty")}}',
-                          value: '$notNull',
-                          noValue: true
-                        }]
-                      },
-                      properties: {
-                        type: {
-                          type: 'string',
-                          'x-component': 'Select',
-                          enum: [{
-                            label: '{{t("Insert")}}',
-                            value: 'create'
-                          }, {
-                            label: '{{t("Update")}}',
-                            value: 'update'
-                          }, {
-                            label: '{{t("Delete")}}',
-                            value: 'destroy'
-                          }]
-                        }
-                      }
-                    }
-                  }
-                }
-              }
-            }
-          }));
-        }).open({
-          initialValues: {
-            defaultFilter: ((_c = field === null || field === void 0 ? void 0 : field.componentProps) === null || _c === void 0 ? void 0 : _c.defaultFilter) || {}
-          }
-        }),
-              defaultFilter = _yield$open.defaultFilter;
-
-        schema['x-component-props']['defaultFilter'] = defaultFilter;
-        field.componentProps.defaultFilter = defaultFilter;
-        yield (0, __1.updateSchema)(schema);
-        setVisible(false);
-      })
-    }, t('Set the data scope')), react_1.default.createElement(antd_1.Menu.Item, {
-      key: 'defaultPageSize'
-    }, react_1.default.createElement(react_i18next_1.Trans, null, 'Display ', react_1.default.createElement(antd_1.Select, {
-      bordered: false,
-      size: 'small',
-      onChange: value => {
-        const componentProps = schema['x-component-props'] || {};
-        (0, lodash_1.set)(componentProps, 'pagination.defaultPageSize', value);
-        (0, lodash_1.set)(componentProps, 'pagination.pageSize', value);
-        schema['x-component-props'] = componentProps;
-        field.componentProps.pagination.pageSize = value;
-        field.componentProps.pagination.defaultPageSize = value;
-        refresh();
-        (0, __1.updateSchema)(schema);
-        setVisible(false);
-      },
-      defaultValue: defaultPageSize
-    }, react_1.default.createElement(antd_1.Select.Option, {
-      value: 10
-    }, "10"), react_1.default.createElement(antd_1.Select.Option, {
-      value: 20
-    }, "20"), react_1.default.createElement(antd_1.Select.Option, {
-      value: 50
-    }, "50"), react_1.default.createElement(antd_1.Select.Option, {
-      value: 100
-    }, "100")), ' items per page')), react_1.default.createElement(antd_1.Menu.Divider, null), react_1.default.createElement(antd_1.Menu.Item, {
-      key: 'delete',
-      onClick: () => __awaiter(void 0, void 0, void 0, function* () {
-        antd_1.Modal.confirm({
-          title: t('Delete block'),
-          content: t('Are you sure you want to delete it?'),
-          onOk: () => __awaiter(void 0, void 0, void 0, function* () {
-            const removed = deepRemove();
-            const last = removed.pop();
-            yield (0, __1.removeSchema)(last);
-            setVisible(false);
-          })
-        });
-      })
-    }, t('Delete')))
-  }, react_1.default.createElement(icons_1.MenuOutlined, null)))));
-});
-//# sourceMappingURL=SimpleDesignableBar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/table/SimpleDesignableBar.tsx"],"names":[],"mappings":"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","file":"SimpleDesignableBar.js","sourcesContent":["import React, { useContext, useMemo, useRef, useState } from 'react';\nimport { createForm } from '@formily/core';\nimport { observer, useField } from '@formily/react';\nimport { useSchemaPath, SchemaField, useDesignable, removeSchema, updateSchema } from '../';\nimport get from 'lodash/get';\nimport { Button, Dropdown, Menu, Modal, Select, Space } from 'antd';\nimport { MenuOutlined, DragOutlined } from '@ant-design/icons';\nimport cls from 'classnames';\nimport { FormDialog, FormLayout } from '@formily/antd';\nimport './style.less';\nimport AddNew from '../add-new';\nimport { DraggableBlockContext } from '../../components/drag-and-drop';\nimport { isGridRowOrCol } from '../grid';\nimport constate from 'constate';\nimport { useEffect } from 'react';\nimport { uid } from '@formily/shared';\nimport { getSchemaPath } from '../../components/schema-renderer';\nimport { set } from 'lodash';\nimport { DragHandle } from '../../components/Sortable';\nimport { Trans, useTranslation } from 'react-i18next';\n\nexport const SimpleDesignableBar = observer((props) => {\n  const { t } = useTranslation();\n  const field = useField();\n  const { designable, schema, refresh, deepRemove } = useDesignable();\n  const [visible, setVisible] = useState(false);\n  const { dragRef } = useContext(DraggableBlockContext);\n  if (!designable) {\n    return null;\n  }\n  const defaultPageSize = field?.componentProps?.pagination?.defaultPageSize || 10;\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 size={'small'}>\n          <AddNew.CardItem defaultAction={'insertAfter'} ghost />\n          <DragHandle />\n          <Dropdown\n            trigger={['hover']}\n            visible={visible}\n            onVisibleChange={(visible) => {\n              setVisible(visible);\n            }}\n            overlay={\n              <Menu>\n                <Menu.Item\n                  key={'defaultFilter'}\n                  onClick={async () => {\n                    const { defaultFilter } = await FormDialog(t('Set the data scope'), () => {\n                      return (\n                        <FormLayout layout={'vertical'}>\n                          <SchemaField\n                            schema={{\n                              type: 'object',\n                              properties: {\n                                defaultFilter: {\n                                  type: 'object',\n                                  'x-component': 'Filter',\n                                  properties: {\n                                    column1: {\n                                      type: 'void',\n                                      title: t('Action type'),\n                                      'x-component': 'Filter.Column',\n                                      'x-component-props': {\n                                        operations: [\n                                          {\n                                            label: '{{t(\"is\")}}',\n                                            value: 'eq',\n                                            selected: true,\n                                            schema: {\n                                              'x-component': 'Select',\n                                            },\n                                          },\n                                          {\n                                            label: '{{t(\"is not\")}}',\n                                            value: 'ne',\n                                            schema: {\n                                              'x-component': 'Select',\n                                            },\n                                          },\n                                          {\n                                            label: '{{t(\"contains\")}}',\n                                            value: 'in',\n                                            schema: {\n                                              'x-component': 'Select',\n                                              'x-component-props': {\n                                                mode: 'tags',\n                                              },\n                                            },\n                                          },\n                                          {\n                                            label: '{{t(\"does not contain\")}}',\n                                            value: 'notIn',\n                                            schema: {\n                                              'x-component': 'Select',\n                                              'x-component-props': {\n                                                mode: 'tags',\n                                              },\n                                            },\n                                          },\n                                          {\n                                            label: '{{t(\"is empty\")}}',\n                                            value: '$null',\n                                            noValue: true,\n                                          },\n                                          {\n                                            label: '{{t(\"is not empty\")}}',\n                                            value: '$notNull',\n                                            noValue: true,\n                                          },\n                                        ],\n                                      },\n                                      properties: {\n                                        type: {\n                                          type: 'string',\n                                          'x-component': 'Select',\n                                          enum: [\n                                            {\n                                              label: '{{t(\"Insert\")}}',\n                                              value: 'create',\n                                            },\n                                            {\n                                              label: '{{t(\"Update\")}}',\n                                              value: 'update',\n                                            },\n                                            {\n                                              label: '{{t(\"Delete\")}}',\n                                              value: 'destroy',\n                                            },\n                                          ],\n                                        },\n                                      },\n                                    },\n                                  },\n                                },\n                              },\n                            }}\n                          />\n                        </FormLayout>\n                      );\n                    }).open({\n                      initialValues: {\n                        defaultFilter: field?.componentProps?.defaultFilter || {},\n                      },\n                    });\n                    schema['x-component-props']['defaultFilter'] = defaultFilter;\n                    field.componentProps.defaultFilter = defaultFilter;\n                    await updateSchema(schema);\n                    setVisible(false);\n                  }}\n                >\n                  {t('Set the data scope')}\n                </Menu.Item>\n                <Menu.Item key={'defaultPageSize'}>\n                  <Trans>\n                    {'Display '}\n                    <Select\n                      bordered={false}\n                      size={'small'}\n                      onChange={(value) => {\n                        const componentProps = schema['x-component-props'] || {};\n                        set(componentProps, 'pagination.defaultPageSize', value);\n                        set(componentProps, 'pagination.pageSize', value);\n                        schema['x-component-props'] = componentProps;\n                        field.componentProps.pagination.pageSize = value;\n                        field.componentProps.pagination.defaultPageSize = value;\n                        refresh();\n                        updateSchema(schema);\n                        setVisible(false);\n                      }}\n                      defaultValue={defaultPageSize}\n                    >\n                      <Select.Option value={10}>10</Select.Option>\n                      <Select.Option value={20}>20</Select.Option>\n                      <Select.Option value={50}>50</Select.Option>\n                      <Select.Option value={100}>100</Select.Option>\n                    </Select>\n                    {' items per page'}\n                  </Trans>\n                </Menu.Item>\n                <Menu.Divider />\n                <Menu.Item\n                  key={'delete'}\n                  onClick={async () => {\n                    Modal.confirm({\n                      title: t('Delete block'),\n                      content: t('Are you sure you want to delete it?'),\n                      onOk: async () => {\n                        const removed = deepRemove();\n                        // console.log({ removed })\n                        const last = removed.pop();\n                        await removeSchema(last);\n                        setVisible(false);\n                      },\n                    });\n                  }}\n                >\n                  {t('Delete')}\n                </Menu.Item>\n              </Menu>\n            }\n          >\n            <MenuOutlined />\n          </Dropdown>\n        </Space>\n      </span>\n    </div>\n  );\n});\n"]}

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

@@ -1,10 +0,0 @@
-import React from 'react';
-export declare const RowDraggableContext: React.Context<{}>;
-export declare const ColDraggableContext: React.Context<any>;
-export declare const CellContext: React.Context<any>;
-export declare function SortableColumn(props: any): JSX.Element;
-export declare function SortableBodyRow(props: any): JSX.Element;
-export declare function SortableHeaderRow(props: any): JSX.Element;
-export declare function SortableHeaderCell(props: any): JSX.Element;
-export declare function SortableBodyCell(props: any): JSX.Element;
-export declare function SortableRowHandle(props: any): JSX.Element;

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/table/Sortable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAa/E,eAAO,MAAM,mBAAmB,mBAAoB,CAAC;AACrD,eAAO,MAAM,mBAAmB,oBAAsB,CAAC;AACvD,eAAO,MAAM,WAAW,oBAAsB,CAAC;AAE/C,wBAAgB,cAAc,CAAC,KAAK,KAAA,eAkCnC;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,GAAG,eAkCzC;AAED,wBAAgB,iBAAiB,CAAC,KAAK,KAAA,eAqDtC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,KAAA,eAgCvC;AAED,wBAAgB,gBAAgB,CAAC,KAAK,KAAA,eAkCrC;AAED,wBAAgB,iBAAiB,CAAC,KAAK,KAAA,eAYtC","file":"Sortable.d.ts","sourcesContent":["import React, { createContext, useContext, forwardRef, useState } from 'react';\nimport { SortableContext, useSortable, horizontalListSortingStrategy } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport cls from 'classnames';\nimport { DndContext, DragOverlay, useDroppable, useDraggable } from '@dnd-kit/core';\nimport { MenuOutlined } from '@ant-design/icons';\nimport { createPortal } from 'react-dom';\nimport { SortableItem } from '../../components/Sortable';\nimport { findPropertyByPath, getSchemaPath, useDesignable } from '../../components/schema-renderer';\nimport { updateSchema } from '..';\nimport { Schema } from '@formily/react';\nimport { isColumn } from './utils';\n\nexport const RowDraggableContext = createContext({});\nexport const ColDraggableContext = createContext(null);\nexport const CellContext = createContext(null);\n\nexport function SortableColumn(props) {\n  const { className } = props;\n  const { isOver, setNodeRef: setDroppableNodeRef } = useDroppable({\n    id: `droppable-${props['id']}`,\n  });\n\n  const {\n    isDragging,\n    attributes,\n    listeners,\n    setNodeRef: setDraggableNodeRef,\n    transform,\n  } = useDraggable({\n    id: `draggable-${props['id']}`,\n  });\n\n  return (\n    <div\n      {...props}\n      className={cls(className, `draggable-${props['id']}`, {\n        isOver,\n        isDragging,\n      })}\n      ref={setDroppableNodeRef}\n      // {...attributes}\n    >\n      <ColDraggableContext.Provider value={{ setDraggableNodeRef, attributes, listeners }}>\n        {props.children}\n      </ColDraggableContext.Provider>\n      {/* <span ref={setDraggableNodeRef} {...attributes} {...listeners}>\n        Drag\n      </span> */}\n    </div>\n  );\n}\n\nexport function SortableBodyRow(props: any) {\n  const { className, style: prevStyle, ['data-row-key']: dataRowKey, ...others } = props;\n  const { isDragging, attributes, listeners, setNodeRef, setDraggableNodeRef, overIndex, transform, transition } =\n    useSortable({ id: dataRowKey });\n\n  const style = {\n    ...prevStyle,\n    transform: CSS.Transform.toString(transform),\n    transition,\n  };\n\n  return (\n    <RowDraggableContext.Provider value={{ listeners, setDraggableNodeRef, attributes }}>\n      <tr\n        className={cls({ isDragging }, props.className, `droppable-${props['data-row-key']}`)}\n        // className={cls(className)}\n        ref={setNodeRef}\n        {...others}\n        {...attributes}\n        style={style}\n      >\n        <SortableContext\n          strategy={horizontalListSortingStrategy}\n          items={React.Children.map(props.children, (child) => {\n            return `td${child.key}`;\n          })}\n        >\n          {React.Children.map(props.children, (child, index) => (\n            <CellContext.Provider value={`td${child.key}`}>{child}</CellContext.Provider>\n          ))}\n        </SortableContext>\n      </tr>\n    </RowDraggableContext.Provider>\n  );\n}\n\nexport function SortableHeaderRow(props) {\n  const { root, remove, insertAfter } = useDesignable();\n  const moveToAfter = (path1, path2) => {\n    if (!path1 || !path2) {\n      return;\n    }\n    if (path1.join('.') === path2.join('.')) {\n      return;\n    }\n    const data = findPropertyByPath(root, path1);\n    if (!data) {\n      return;\n    }\n    remove(path1);\n    return insertAfter(data.toJSON(), path2);\n  };\n  const [dragOverlayContent, setDragOverlayContent] = useState('');\n  return (\n    <tr {...props}>\n      <DndContext\n        onDragStart={(event) => {\n          const previewRef = event.active.data?.current?.previewRef as {\n            current: HTMLElement;\n          };\n          if (previewRef?.current) {\n            setDragOverlayContent(previewRef.current.textContent || '');\n          }\n        }}\n        onDragEnd={async (event) => {\n          const path1 = event.active?.data?.current?.path;\n          const path2 = event.over?.data?.current?.path;\n          const data = moveToAfter(path1, path2);\n          await updateSchema(data);\n        }}\n      >\n        {createPortal(\n          <DragOverlay\n            dropAnimation={{\n              duration: 10,\n              easing: 'cubic-bezier(0.18, 0.67, 0.6, 1.22)',\n            }}\n            style={{ pointerEvents: 'none', whiteSpace: 'nowrap' }}\n          >\n            {dragOverlayContent}\n          </DragOverlay>,\n          document.body,\n        )}\n        {React.Children.map(props.children, (child, index) => (\n          <CellContext.Provider value={child.key}>{child}</CellContext.Provider>\n        ))}\n      </DndContext>\n    </tr>\n  );\n}\n\nexport function SortableHeaderCell(props) {\n  const id = useContext(CellContext);\n  if (['RC_TABLE_KEY', 'addnew', 'operation'].includes(id)) {\n    return <th {...props} />;\n  }\n  const { schema } = useDesignable();\n  const columns: Schema[] = schema.reduceProperties((columns, current) => {\n    if (!isColumn(current)) {\n      return [...columns];\n    }\n    if (current.name === id) {\n      return [...columns, current];\n    }\n    return [...columns];\n  }, []);\n  const column = columns.shift();\n  if (!column) {\n    return <th {...props} />;\n  }\n  return (\n    <SortableItem\n      {...props}\n      id={id}\n      data={{\n        title: column.title,\n        path: getSchemaPath(column),\n      }}\n      component={forwardRef<any>((props, ref) => (\n        <th ref={ref} {...props} />\n      ))}\n    />\n  );\n}\n\nexport function SortableBodyCell(props) {\n  const id = useContext(CellContext);\n  const {\n    isDragging,\n    attributes,\n    listeners,\n    setNodeRef,\n    setDraggableNodeRef,\n    setDroppableNodeRef,\n    transform,\n    transition,\n  } = useSortable({ id: id });\n  const style = {\n    ...props.style,\n    transform: CSS.Transform.toString(transform),\n    transition,\n  };\n  return (\n    <td\n      ref={setDroppableNodeRef}\n      {...props}\n      className={cls({ isDragging }, props.className)}\n      // {...attributes}\n      // {...listeners}\n      style={style}\n    >\n      <div style={{ height: 0, width: 0, opacity: 0, overflow: 'hidden' }}>\n        <span ref={setDraggableNodeRef} {...attributes} {...listeners}>\n          Drag\n        </span>\n      </div>\n      {props.children}\n    </td>\n  );\n}\n\nexport function SortableRowHandle(props) {\n  const { className, ...others } = props;\n  const { setDraggableNodeRef, attributes, listeners } = useContext<any>(RowDraggableContext);\n  return setDraggableNodeRef ? (\n    <MenuOutlined\n      {...others}\n      // ref={setDraggableNodeRef}\n      // {...attributes}\n      {...listeners}\n      className={cls(`nb-table-sort-handle`, className)}\n    />\n  ) : null;\n}\n"]}