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

package/lib/schemas/kanban/DesignableBar.js

@@ -1,235 +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.DesignableBar = 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 constate_1 = require("../../constate");
-
-const table_1 = require("../table");
-
-const Sortable_1 = require("../../components/Sortable");
-
-const calendar_1 = require("../calendar");
-
-const react_i18next_1 = require("react-i18next");
-
-const useCompile_1 = require("../../hooks/useCompile");
-
-exports.DesignableBar = (0, react_2.observer)(props => {
-  var _a;
-
-  const field = (0, react_2.useField)();
-
-  const _ref = (0, react_i18next_1.useTranslation)(),
-        t = _ref.t;
-
-  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;
-
-  const _ref6 = (0, table_1.useTable)(),
-        tableProps = _ref6.props;
-
-  const collectionName = ((_a = field.componentProps) === null || _a === void 0 ? void 0 : _a.collectionName) || (tableProps === null || tableProps === void 0 ? void 0 : tableProps.collectionName);
-
-  const _ref7 = (0, constate_1.useCollection)({
-    collectionName
-  }),
-        collection = _ref7.collection,
-        fields = _ref7.fields;
-
-  const compile = (0, useCompile_1.useCompile)();
-  return react_1.default.createElement("div", {
-    className: (0, classnames_1.default)('designable-bar', {
-      active: visible
-    })
-  }, react_1.default.createElement("div", {
-    className: 'designable-info'
-  }, compile((collection === null || collection === void 0 ? void 0 : collection.title) || (collection === null || collection === void 0 ? void 0 : collection.name))), 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: 2
-  }, 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'],
-    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 _b;
-
-        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: (0, calendar_1.fieldsToFilterColumns)(fields)
-                }
-              }
-            }
-          }));
-        }).open({
-          initialValues: {
-            defaultFilter: ((_b = field === null || field === void 0 ? void 0 : field.componentProps) === null || _b === void 0 ? void 0 : _b.defaultFilter) || {}
-          }
-        }),
-              defaultFilter = _yield$open.defaultFilter;
-
-        schema['x-component-props']['defaultFilter'] = defaultFilter;
-        field.componentProps.defaultFilter = defaultFilter;
-        yield (0, __1.updateSchema)(schema);
-      })
-    }, t('Set the data scope')), 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);
-          })
-        });
-      })
-    }, t('Delete')))
-  }, react_1.default.createElement(icons_1.MenuOutlined, null)))));
-});
-//# sourceMappingURL=DesignableBar.js.map

package/lib/schemas/kanban/DesignableBar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/kanban/DesignableBar.tsx"],"names":[],"mappings":"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","file":"DesignableBar.js","sourcesContent":["import React, { useContext, useMemo, useRef, useState } from 'react';\nimport { createForm } from '@formily/core';\nimport {\n  SchemaOptionsContext,\n  Schema,\n  useFieldSchema,\n  observer,\n  SchemaExpressionScopeContext,\n  FormProvider,\n  ISchema,\n  useField,\n  useForm,\n  RecursionField,\n} from '@formily/react';\nimport {\n  useSchemaPath,\n  SchemaField,\n  useDesignable,\n  removeSchema,\n  updateSchema,\n} from '../';\nimport get from 'lodash/get';\nimport { Button, Dropdown, Menu, Modal, 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 { useCollection, useCollectionContext } from '../../constate';\nimport { useTable } from '../table';\nimport { DragHandle } from '../../components/Sortable';\nimport { fieldsToFilterColumns } from '../calendar';\nimport { useTranslation } from 'react-i18next';\nimport { useCompile } from '../../hooks/useCompile';\n\nexport const DesignableBar = observer((props) => {\n  const field = useField();\n  const { t } = useTranslation();\n  const { designable, schema, refresh, deepRemove } = useDesignable();\n  const [visible, setVisible] = useState(false);\n  const { dragRef } = useContext(DraggableBlockContext);\n  const { props: tableProps } = useTable();\n  const collectionName =\n    field.componentProps?.collectionName || tableProps?.collectionName;\n  const { collection, fields } = useCollection({ collectionName });\n  const compile = useCompile();\n  return (\n    <div className={cls('designable-bar', { active: visible })}>\n      <div className={'designable-info'}>\n        {compile(collection?.title || collection?.name)}\n      </div>\n      <span\n        onClick={(e) => {\n          e.stopPropagation();\n        }}\n        className={cls('designable-bar-actions', { active: visible })}\n      >\n        <Space size={2}>\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={'update'}\n                  onClick={() => {\n                    field.readPretty = true;\n                  }}\n                >\n                  编辑表单配置\n                </Menu.Item> */}\n                <Menu.Item\n                  key={'defaultFilter'}\n                  onClick={async () => {\n                    const { defaultFilter } = await FormDialog(\n                      t('Set the data scope'),\n                      () => {\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: fieldsToFilterColumns(fields),\n                                  },\n                                },\n                              }}\n                            />\n                          </FormLayout>\n                        );\n                      },\n                    ).open({\n                      initialValues: {\n                        defaultFilter:\n                          field?.componentProps?.defaultFilter || {},\n                      },\n                    });\n                    schema['x-component-props']['defaultFilter'] =\n                      defaultFilter;\n                    field.componentProps.defaultFilter = defaultFilter;\n                    await updateSchema(schema);\n                  }}\n                >\n                  {t('Set the data scope')}\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                      },\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/kanban/FieldDesignableBar.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import './style.less';
-export declare const FieldDesignableBar: React.MemoExoticComponent<React.FunctionComponent<unknown>>;

package/lib/schemas/kanban/FieldDesignableBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/kanban/FieldDesignableBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AA0BrE,OAAO,cAAc,CAAC;AActB,eAAO,MAAM,kBAAkB,6DAqH7B,CAAC","file":"FieldDesignableBar.d.ts","sourcesContent":["import React, { useContext, useMemo, useRef, useState } from 'react';\nimport { createForm } from '@formily/core';\nimport {\n  SchemaOptionsContext,\n  Schema,\n  useFieldSchema,\n  observer,\n  SchemaExpressionScopeContext,\n  FormProvider,\n  ISchema,\n  useField,\n  useForm,\n  RecursionField,\n} from '@formily/react';\nimport {\n  useSchemaPath,\n  SchemaField,\n  useDesignable,\n  removeSchema,\n  updateSchema,\n} from '../';\nimport get from 'lodash/get';\nimport { Button, Dropdown, Menu, Modal, Space, Switch } 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 { RandomNameContext } from '../form';\nimport { useCollectionContext, useDisplayedMapContext } from '../../constate';\nimport SwitchMenuItem from '../../components/SwitchMenuItem';\nimport { DragHandle } from '../../components/Sortable';\nimport { useTranslation } from 'react-i18next';\n\nexport const FieldDesignableBar = observer((props) => {\n  const field = useField();\n  const { t } = useTranslation();\n  const { schema, deepRemove } = useDesignable();\n  const [visible, setVisible] = useState(false);\n  const { dragRef } = useContext(DraggableBlockContext);\n  const randomName = useContext(RandomNameContext);\n  const displayed = useDisplayedMapContext();\n  const fieldName = schema['x-component-props']?.['fieldName'];\n  const { getField } = useCollectionContext();\n\n  const collectionField = getField(fieldName);\n\n  console.log({ collectionField });\n\n  const realField = field\n    .query(field.address.concat(randomName, fieldName))\n    .take();\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 size={2}>\n          {/* <AddNew.FormItem defaultAction={'insertAfter'} ghost />\n          <DragHandle /> */}\n          <Dropdown\n            placement={'bottomRight'}\n            trigger={['hover']}\n            // visible={visible}\n            // onVisibleChange={(visible) => {\n            //   setVisible(visible);\n            // }}\n            overlay={\n              <Menu>\n                <Menu.Item\n                  key={'update'}\n                  onClick={async () => {\n                    const values = await FormDialog(t('Custom field display name'), () => {\n                      return (\n                        <FormLayout layout={'vertical'}>\n                          <SchemaField\n                            schema={{\n                              type: 'object',\n                              properties: {\n                                fieldName: {\n                                  type: 'string',\n                                  title: t('Original name'),\n                                  'x-read-pretty': true,\n                                  'x-decorator': 'FormItem',\n                                  'x-component': 'Input',\n                                },\n                                title: {\n                                  type: 'string',\n                                  title: t('Custom name'),\n                                  'x-decorator': 'FormItem',\n                                  'x-component': 'Input',\n                                },\n                              },\n                            }}\n                          />\n                        </FormLayout>\n                      );\n                    }).open({\n                      initialValues: {\n                        fieldName: collectionField?.uiSchema?.title,\n                        title: schema['title'],\n                      },\n                    });\n                    const title = values.title || null;\n                    field\n                      .query(field.address.concat(randomName, fieldName))\n                      .take((f) => {\n                        f.title = title || collectionField?.uiSchema?.title;\n                      });\n                    schema['title'] = title;\n                    await updateSchema({\n                      key: schema['key'],\n                      title,\n                    });\n                  }}\n                >\n                  {t('Custom field display name')}\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                        const fieldName =\n                          schema['x-component-props']?.['fieldName'];\n                        const last = removed.pop();\n                        displayed.remove(fieldName);\n                        await removeSchema(last);\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/kanban/FieldDesignableBar.js

@@ -1,240 +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.FieldDesignableBar = 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 drag_and_drop_1 = require("../../components/drag-and-drop");
-
-const form_1 = require("../form");
-
-const constate_1 = require("../../constate");
-
-const react_i18next_1 = require("react-i18next");
-
-exports.FieldDesignableBar = (0, react_2.observer)(props => {
-  var _a;
-
-  const field = (0, react_2.useField)();
-
-  const _ref = (0, react_i18next_1.useTranslation)(),
-        t = _ref.t;
-
-  const _ref2 = (0, __1.useDesignable)(),
-        schema = _ref2.schema,
-        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;
-
-  const randomName = (0, react_1.useContext)(form_1.RandomNameContext);
-  const displayed = (0, constate_1.useDisplayedMapContext)();
-  const fieldName = (_a = schema['x-component-props']) === null || _a === void 0 ? void 0 : _a['fieldName'];
-
-  const _ref6 = (0, constate_1.useCollectionContext)(),
-        getField = _ref6.getField;
-
-  const collectionField = getField(fieldName);
-  console.log({
-    collectionField
-  });
-  const realField = field.query(field.address.concat(randomName, fieldName)).take();
-  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: 2
-  }, react_1.default.createElement(antd_1.Dropdown, {
-    placement: 'bottomRight',
-    trigger: ['hover'],
-    overlay: react_1.default.createElement(antd_1.Menu, null, react_1.default.createElement(antd_1.Menu.Item, {
-      key: 'update',
-      onClick: () => __awaiter(void 0, void 0, void 0, function* () {
-        var _b;
-
-        const values = yield (0, antd_2.FormDialog)(t('Custom field display name'), () => {
-          return react_1.default.createElement(antd_2.FormLayout, {
-            layout: 'vertical'
-          }, react_1.default.createElement(__1.SchemaField, {
-            schema: {
-              type: 'object',
-              properties: {
-                fieldName: {
-                  type: 'string',
-                  title: t('Original name'),
-                  'x-read-pretty': true,
-                  'x-decorator': 'FormItem',
-                  'x-component': 'Input'
-                },
-                title: {
-                  type: 'string',
-                  title: t('Custom name'),
-                  'x-decorator': 'FormItem',
-                  'x-component': 'Input'
-                }
-              }
-            }
-          }));
-        }).open({
-          initialValues: {
-            fieldName: (_b = collectionField === null || collectionField === void 0 ? void 0 : collectionField.uiSchema) === null || _b === void 0 ? void 0 : _b.title,
-            title: schema['title']
-          }
-        });
-        const title = values.title || null;
-        field.query(field.address.concat(randomName, fieldName)).take(f => {
-          var _a;
-
-          f.title = title || ((_a = collectionField === null || collectionField === void 0 ? void 0 : collectionField.uiSchema) === null || _a === void 0 ? void 0 : _a.title);
-        });
-        schema['title'] = title;
-        yield (0, __1.updateSchema)({
-          key: schema['key'],
-          title
-        });
-      })
-    }, t('Custom field display name')), 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* () {
-            var _c;
-
-            const removed = deepRemove();
-            const fieldName = (_c = schema['x-component-props']) === null || _c === void 0 ? void 0 : _c['fieldName'];
-            const last = removed.pop();
-            displayed.remove(fieldName);
-            yield (0, __1.removeSchema)(last);
-          })
-        });
-      })
-    }, t('Delete')))
-  }, react_1.default.createElement(icons_1.MenuOutlined, null)))));
-});
-//# sourceMappingURL=FieldDesignableBar.js.map

package/lib/schemas/kanban/FieldDesignableBar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/kanban/FieldDesignableBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqE;AAErE,0CAWwB;AACxB,2BAMa;AAEb,+BAAoE;AACpE,6CAA+D;AAC/D,4DAA6B;AAC7B,wCAAuD;AACvD,wBAAsB;AAEtB,kEAAuE;AAMvE,kCAA4C;AAC5C,6CAA8E;AAG9E,iDAA+C;AAElC,QAAA,kBAAkB,GAAG,IAAA,gBAAQ,EAAC,CAAC,KAAK,EAAE,EAAE;;IACnD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,iBAAa,GAAE,CAAC;IAC/C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,kBAAU,EAAC,qCAAqB,CAAC,CAAC;IACtD,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,wBAAiB,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,IAAA,iCAAsB,GAAE,CAAC;IAC3C,MAAM,SAAS,GAAG,MAAA,MAAM,CAAC,mBAAmB,CAAC,0CAAG,WAAW,CAAC,CAAC;IAC7D,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,+BAAoB,GAAE,CAAC;IAE5C,MAAM,eAAe,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAE5C,OAAO,CAAC,GAAG,CAAC,EAAE,eAAe,EAAE,CAAC,CAAC;IAEjC,MAAM,SAAS,GAAG,KAAK;SACpB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;SAClD,IAAI,EAAE,CAAC;IAEV,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAG,EAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;QACxD,wCACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,CAAC,CAAC,eAAe,EAAE,CAAC;YACtB,CAAC,EACD,SAAS,EAAE,IAAA,oBAAG,EAAC,wBAAwB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;YAE7D,8BAAC,YAAK,IAAC,IAAI,EAAE,CAAC;gBAGZ,8BAAC,eAAQ,IACP,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,CAAC,OAAO,CAAC,EAKlB,OAAO,EACL,8BAAC,WAAI;wBACH,8BAAC,WAAI,CAAC,IAAI,IACR,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE,GAAS,EAAE;;gCAClB,MAAM,MAAM,GAAG,MAAM,IAAA,iBAAU,EAAC,CAAC,CAAC,2BAA2B,CAAC,EAAE,GAAG,EAAE;oCACnE,OAAO,CACL,8BAAC,iBAAU,IAAC,MAAM,EAAE,UAAU;wCAC5B,8BAAC,eAAW,IACV,MAAM,EAAE;gDACN,IAAI,EAAE,QAAQ;gDACd,UAAU,EAAE;oDACV,SAAS,EAAE;wDACT,IAAI,EAAE,QAAQ;wDACd,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC;wDACzB,eAAe,EAAE,IAAI;wDACrB,aAAa,EAAE,UAAU;wDACzB,aAAa,EAAE,OAAO;qDACvB;oDACD,KAAK,EAAE;wDACL,IAAI,EAAE,QAAQ;wDACd,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC;wDACvB,aAAa,EAAE,UAAU;wDACzB,aAAa,EAAE,OAAO;qDACvB;iDACF;6CACF,GACD,CACS,CACd,CAAC;gCACJ,CAAC,CAAC,CAAC,IAAI,CAAC;oCACN,aAAa,EAAE;wCACb,SAAS,EAAE,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,QAAQ,0CAAE,KAAK;wCAC3C,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC;qCACvB;iCACF,CAAC,CAAC;gCACH,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC;gCACnC,KAAK;qCACF,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;qCAClD,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;;oCACV,CAAC,CAAC,KAAK,GAAG,KAAK,KAAI,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,QAAQ,0CAAE,KAAK,CAAA,CAAC;gCACtD,CAAC,CAAC,CAAC;gCACL,MAAM,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC;gCACxB,MAAM,IAAA,gBAAY,EAAC;oCACjB,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC;oCAClB,KAAK;iCACN,CAAC,CAAC;4BACL,CAAC,CAAA,IAEA,CAAC,CAAC,2BAA2B,CAAC,CACrB;wBACZ,8BAAC,WAAI,CAAC,OAAO,OAAG;wBAChB,8BAAC,WAAI,CAAC,IAAI,IACR,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE,GAAS,EAAE;gCAClB,YAAK,CAAC,OAAO,CAAC;oCACZ,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC;oCACxB,OAAO,EAAE,CAAC,CAAC,qCAAqC,CAAC;oCACjD,IAAI,EAAE,GAAS,EAAE;;wCACf,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;wCAC7B,MAAM,SAAS,GACb,MAAA,MAAM,CAAC,mBAAmB,CAAC,0CAAG,WAAW,CAAC,CAAC;wCAC7C,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;wCAC3B,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;wCAC5B,MAAM,IAAA,gBAAY,EAAC,IAAI,CAAC,CAAC;oCAC3B,CAAC,CAAA;iCACF,CAAC,CAAC;4BACL,CAAC,CAAA,IAEA,CAAC,CAAC,QAAQ,CAAC,CACF,CACP;oBAGT,8BAAC,oBAAY,OAAG,CACP,CACL,CACH,CACH,CACP,CAAC;AACJ,CAAC,CAAC,CAAC","file":"FieldDesignableBar.js","sourcesContent":["import React, { useContext, useMemo, useRef, useState } from 'react';\nimport { createForm } from '@formily/core';\nimport {\n  SchemaOptionsContext,\n  Schema,\n  useFieldSchema,\n  observer,\n  SchemaExpressionScopeContext,\n  FormProvider,\n  ISchema,\n  useField,\n  useForm,\n  RecursionField,\n} from '@formily/react';\nimport {\n  useSchemaPath,\n  SchemaField,\n  useDesignable,\n  removeSchema,\n  updateSchema,\n} from '../';\nimport get from 'lodash/get';\nimport { Button, Dropdown, Menu, Modal, Space, Switch } 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 { RandomNameContext } from '../form';\nimport { useCollectionContext, useDisplayedMapContext } from '../../constate';\nimport SwitchMenuItem from '../../components/SwitchMenuItem';\nimport { DragHandle } from '../../components/Sortable';\nimport { useTranslation } from 'react-i18next';\n\nexport const FieldDesignableBar = observer((props) => {\n  const field = useField();\n  const { t } = useTranslation();\n  const { schema, deepRemove } = useDesignable();\n  const [visible, setVisible] = useState(false);\n  const { dragRef } = useContext(DraggableBlockContext);\n  const randomName = useContext(RandomNameContext);\n  const displayed = useDisplayedMapContext();\n  const fieldName = schema['x-component-props']?.['fieldName'];\n  const { getField } = useCollectionContext();\n\n  const collectionField = getField(fieldName);\n\n  console.log({ collectionField });\n\n  const realField = field\n    .query(field.address.concat(randomName, fieldName))\n    .take();\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 size={2}>\n          {/* <AddNew.FormItem defaultAction={'insertAfter'} ghost />\n          <DragHandle /> */}\n          <Dropdown\n            placement={'bottomRight'}\n            trigger={['hover']}\n            // visible={visible}\n            // onVisibleChange={(visible) => {\n            //   setVisible(visible);\n            // }}\n            overlay={\n              <Menu>\n                <Menu.Item\n                  key={'update'}\n                  onClick={async () => {\n                    const values = await FormDialog(t('Custom field display name'), () => {\n                      return (\n                        <FormLayout layout={'vertical'}>\n                          <SchemaField\n                            schema={{\n                              type: 'object',\n                              properties: {\n                                fieldName: {\n                                  type: 'string',\n                                  title: t('Original name'),\n                                  'x-read-pretty': true,\n                                  'x-decorator': 'FormItem',\n                                  'x-component': 'Input',\n                                },\n                                title: {\n                                  type: 'string',\n                                  title: t('Custom name'),\n                                  'x-decorator': 'FormItem',\n                                  'x-component': 'Input',\n                                },\n                              },\n                            }}\n                          />\n                        </FormLayout>\n                      );\n                    }).open({\n                      initialValues: {\n                        fieldName: collectionField?.uiSchema?.title,\n                        title: schema['title'],\n                      },\n                    });\n                    const title = values.title || null;\n                    field\n                      .query(field.address.concat(randomName, fieldName))\n                      .take((f) => {\n                        f.title = title || collectionField?.uiSchema?.title;\n                      });\n                    schema['title'] = title;\n                    await updateSchema({\n                      key: schema['key'],\n                      title,\n                    });\n                  }}\n                >\n                  {t('Custom field display name')}\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                        const fieldName =\n                          schema['x-component-props']?.['fieldName'];\n                        const last = removed.pop();\n                        displayed.remove(fieldName);\n                        await removeSchema(last);\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/kanban/index.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import './style.less';
-import { Resource } from '../../resource';
-interface KanbanContextProps {
-    props?: any;
-    service?: any;
-    resource?: Resource;
-    [key: string]: any;
-}
-interface KanbanCardContextProps {
-    record?: any;
-    [key: string]: any;
-}
-interface KanbanColumnContextProps {
-    [key: string]: any;
-}
-export declare const KanbanContext: React.Context<KanbanContextProps>;
-export declare const KanbanColumnContext: React.Context<KanbanColumnContextProps>;
-export declare const KanbanCardContext: React.Context<KanbanCardContextProps>;
-export declare const useKanban: () => KanbanContextProps;
-export declare const Kanban: any;
-export {};

package/lib/schemas/kanban/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/kanban/index.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAI5E,OAAO,cAAc,CAAC;AAMtB,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AA0D1C,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,UAAU,sBAAsB;IAC9B,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,UAAU,wBAAwB;IAChC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,mCAA0C,CAAC;AACrE,eAAO,MAAM,mBAAmB,yCACe,CAAC;AAChD,eAAO,MAAM,iBAAiB,uCAA8C,CAAC;AAE7E,eAAO,MAAM,SAAS,0BAErB,CAAC;AAySF,eAAO,MAAM,MAAM,EAAE,GAMnB,CAAC","file":"index.d.ts","sourcesContent":["import {\n  DndContext,\n  DragOverlay,\n  PointerSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n  rectIntersection,\n  closestCenter,\n  closestCorners,\n} from '@dnd-kit/core';\nimport {\n  SortableContext,\n  useSortable,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { ArrayField } from '@formily/core';\nimport {\n  observer,\n  RecursionField,\n  Schema,\n  useField,\n  useForm,\n} from '@formily/react';\nimport { Card, Spin, Tag } from 'antd';\nimport { groupBy, omit } from 'lodash';\nimport React, { createContext, useContext, useEffect, useRef } from 'react';\nimport { useState } from 'react';\nimport { CSS } from '@dnd-kit/utilities';\nimport cls from 'classnames';\nimport './style.less';\nimport {\n  CollectionProvider,\n  useCollectionContext,\n  useResourceRequest,\n} from '../../constate';\nimport { Resource } from '../../resource';\nimport { useRequest } from 'ahooks';\nimport { Action } from '../action';\nimport { CardDesignableBar } from './CardDesignableBar';\nimport { VisibleContext } from '../../context';\nimport { DesignableBar } from './DesignableBar';\nimport { useDesignable } from '../../components/schema-renderer';\nimport { Form } from '../form';\nimport { FieldDesignableBar } from './FieldDesignableBar';\n\nfunction Droppable(props) {\n  const { id, data, ...others } = props;\n  const { setNodeRef } = useDroppable({\n    id,\n    data,\n  });\n\n  return <div ref={setNodeRef} {...others}></div>;\n}\n\nfunction SortableItem(props) {\n  const { id, data, className, ...others } = props;\n  const nodeRef = useRef<any>();\n  const {\n    isDragging,\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n  } = useSortable({\n    id,\n    data: { ...data, nodeRef },\n  });\n\n  const style = {\n    ...props.style,\n    transform: CSS.Transform.toString(transform),\n    transition,\n  };\n\n  return (\n    <div\n      {...others}\n      ref={(el) => {\n        setNodeRef(el);\n        nodeRef.current = el;\n      }}\n      style={style}\n      className={cls(className, { isDragging })}\n      {...attributes}\n      {...listeners}\n    >\n      {props.children}\n    </div>\n  );\n}\n\ninterface KanbanContextProps {\n  props?: any;\n  service?: any;\n  resource?: Resource;\n  [key: string]: any;\n}\n\ninterface KanbanCardContextProps {\n  record?: any;\n  [key: string]: any;\n}\n\ninterface KanbanColumnContextProps {\n  [key: string]: any;\n}\n\nexport const KanbanContext = createContext<KanbanContextProps>(null);\nexport const KanbanColumnContext =\n  createContext<KanbanColumnContextProps>(null);\nexport const KanbanCardContext = createContext<KanbanCardContextProps>(null);\n\nexport const useKanban = () => {\n  return useContext(KanbanContext);\n};\n\nconst KanbanColumn = (props) => {\n  const option = useContext(KanbanColumnContext);\n  const { field, schemas } = useKanban();\n  const { items } = props;\n  return (\n    <div className={'nb-kanban-list'}>\n      <SortableContext\n        // id={option.value}\n        items={items || []}\n        strategy={verticalListSortingStrategy}\n      >\n        {items?.map((item) => {\n          const index = field.value?.findIndex((val) => val.id === item.id);\n          return (\n            <SortableItem\n              className={'nb-kanban-item'}\n              key={item.id}\n              id={item.id}\n              data={{ type: 'card', columnId: option.value }}\n            >\n              <KanbanCardContext.Provider\n                value={{ index, schemas, record: item }}\n              >\n                {/* <Card bordered={false}>{item.id}</Card> */}\n                <RecursionField\n                  name={index}\n                  schema={schemas.get('Kanban.Card')}\n                />\n              </KanbanCardContext.Provider>\n            </SortableItem>\n          );\n        })}\n      </SortableContext>\n    </div>\n  );\n};\n\nconst InternalKanban = observer((props: any) => {\n  const { getField } = useCollectionContext();\n  const collectionField = getField(props.groupField?.name);\n  const groupField = {\n    ...collectionField?.uiSchema,\n    ...props.groupField,\n  };\n  const field = useField<ArrayField>();\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 10,\n      },\n    }),\n  );\n  const groups = groupBy(field.value, groupField.name);\n  const { collectionName } = props;\n  const resource = useResourceRequest(collectionName);\n  const service = useRequest(\n    (params) => {\n      if (!collectionName) {\n        return Promise.resolve([]);\n      }\n      return resource.list({\n        ...params,\n        perPage: -1,\n        sort: 'sort',\n      });\n    },\n    {\n      formatResult: (data) => data?.data,\n      onSuccess(data) {\n        field.setValue(data);\n      },\n      manual: true,\n      // refreshDeps: [props.fieldNames],\n    },\n  );\n  useEffect(() => {\n    service.run({\n      appends: fieldFields(schemas.get('Kanban.Card')),\n      defaultFilter: props?.defaultFilter,\n    });\n  }, [props.defaultFilter]);\n  const { schema } = useDesignable();\n  const [schemas, setSchemas] = useState(() => {\n    const schemas = new Map<string, Schema>();\n    schema.reduceProperties((map, current) => {\n      if (current['x-component'] === 'Kanban.Card') {\n        map.set('Kanban.Card', current);\n      }\n      if (current['x-component'] === 'Kanban.Card.AddNew') {\n        map.set('Kanban.Card.AddNew', current);\n      }\n      if (current['x-component'] === 'Kanban.Card.View') {\n        map.set('Kanban.Card.View', current);\n      }\n      return map;\n    }, schemas);\n    return schemas;\n  });\n  const addNewCardSchema = schemas.get('Kanban.Card.AddNew');\n  const [dragOverlayContent, setDragOverlayContent] = useState('');\n  const [lastId, setLastId] = useState(null);\n  console.log('field.value', schemas);\n  return (\n    <KanbanContext.Provider\n      value={{ field, resource, service, schemas, props }}\n    >\n      <DndContext\n        autoScroll\n        sensors={sensors}\n        collisionDetection={rectIntersection}\n        onDragStart={(event) => {\n          const el = event?.active?.data?.current?.nodeRef\n            ?.current as HTMLElement;\n          setDragOverlayContent(el?.outerHTML);\n        }}\n        onDragMove={({ active, over }) => {\n          const overId = over?.id;\n          const activeId = active?.id;\n          if (!overId || !activeId) {\n            return;\n          }\n          if (overId === activeId) {\n            return;\n          }\n          const overType = over?.data?.current?.type;\n          const activeItem = field.value.find((item) => item.id === activeId);\n          if (overType === 'column') {\n            if (overId === activeItem?.[groupField.name]) {\n              return;\n            }\n            const len = groups?.[overId]?.length;\n            if (len > 0) {\n              const last = groups?.[overId]?.[len - 1];\n              setLastId(last.id);\n              const activeIndex = field.value.findIndex(\n                (item) => item.id === activeId,\n              );\n              const overIndex = field.value.findIndex(\n                (item) => item.id === last.id,\n              );\n              console.log({ overId, last, overIndex, activeIndex });\n              field.move(activeIndex, overIndex);\n            }\n            activeItem[groupField.name] = overId;\n          } else {\n            const overColumnId = over?.data?.current?.columnId;\n            const activeColumnId = active?.data?.current?.columnId;\n            if (!overColumnId || !activeColumnId) {\n              return;\n            }\n            if (overColumnId !== activeColumnId) {\n              activeItem[groupField.name] = overColumnId;\n              const activeIndex = field.value.findIndex(\n                (item) => item.id === activeId,\n              );\n              const overIndex = field.value.findIndex(\n                (item) => item.id === overId,\n              );\n              console.log({ overId, overIndex, activeIndex });\n              field.move(activeIndex, overIndex);\n            }\n          }\n        }}\n        onDragEnd={async ({ active, over }) => {\n          console.log('onDragEnd', { lastId, active, over });\n          const overId = over?.id;\n          const activeId = active?.id;\n          if (!overId || !activeId) {\n            return;\n          }\n          if (overId === activeId) {\n            const overColumnId = over?.data?.current?.columnId;\n            await resource.save(\n              {\n                [groupField.name]: overColumnId,\n              },\n              {\n                resourceIndex: activeId,\n              },\n            );\n            await resource.sort({\n              resourceIndex: activeId,\n              field: 'sort',\n              target: lastId\n                ? {\n                    id: lastId,\n                  }\n                : {},\n            });\n            setLastId(null);\n            return;\n          }\n          const overType = over?.data?.current?.type;\n          if (overType !== 'column') {\n            const overColumnId = over?.data?.current?.columnId;\n            const activeColumnId = active?.data?.current?.columnId;\n            if (!overColumnId || !activeColumnId) {\n              return;\n            }\n            if (overColumnId !== activeColumnId) {\n              return;\n            }\n            const activeIndex = field.value.findIndex(\n              (item) => item.id === activeId,\n            );\n            const overIndex = field.value.findIndex(\n              (item) => item.id === overId,\n            );\n            field.move(activeIndex, overIndex);\n            await resource.save(\n              {\n                [groupField.name]: overColumnId,\n              },\n              {\n                resourceIndex: activeId,\n              },\n            );\n            await resource.sort({\n              resourceIndex: activeId,\n              field: 'sort',\n              target: {\n                id: overId,\n              },\n            });\n          } else {\n            await resource.save(\n              {\n                [groupField.name]: overId,\n              },\n              {\n                resourceIndex: activeId,\n              },\n            );\n            await resource.sort({\n              resourceIndex: activeId,\n              field: 'sort',\n              target: lastId\n                ? {\n                    id: lastId,\n                  }\n                : {},\n            });\n            setLastId(null);\n          }\n        }}\n      >\n        <DragOverlay>\n          <div\n            className={'nb-kanban-drag-overlay'}\n            dangerouslySetInnerHTML={{ __html: dragOverlayContent }}\n          />\n        </DragOverlay>\n        <Spin spinning={service.loading}>\n          <div\n            className={'nb-kanban-board'}\n            style={{\n              // display: 'flex',\n              // flexDirection: 'row',\n              userSelect: 'none',\n            }}\n          >\n            <div className={'nb-kanban-container'}>\n              {groupField?.enum?.map((option) => {\n                const items = field.value?.filter(\n                  (item) => item?.[groupField.name] === option.value,\n                );\n                return (\n                  <Droppable\n                    id={option.value}\n                    data={{\n                      type: 'column',\n                    }}\n                    className={'nb-kanban-column'}\n                  >\n                    <KanbanColumnContext.Provider value={option}>\n                      <div className={'nb-kanban-column-header'}>\n                        <Tag color={option.color}>{option.label}</Tag>\n                      </div>\n                      <KanbanColumn items={items} />\n                      <RecursionField\n                        name={addNewCardSchema.name}\n                        schema={addNewCardSchema}\n                      />\n                    </KanbanColumnContext.Provider>\n                  </Droppable>\n                );\n              })}\n            </div>\n          </div>\n        </Spin>\n      </DndContext>\n    </KanbanContext.Provider>\n  );\n});\n\nexport const Kanban: any = observer((props: any) => {\n  return (\n    <CollectionProvider collectionName={props.collectionName}>\n      <InternalKanban {...props} />\n    </CollectionProvider>\n  );\n});\n\nKanban.useCreateResource = ({ onSuccess }) => {\n  const { props } = useKanban();\n  const column = useContext(KanbanColumnContext);\n  const { collection } = useCollectionContext();\n  const resource = useResourceRequest({\n    resourceName: collection?.name || props.collectionName,\n  });\n  const groupField = props.groupField;\n  const service = useRequest(\n    (params?: any) => {\n      return Promise.resolve({\n        [groupField.name]: column.value,\n      });\n    },\n    {\n      onSuccess,\n    },\n  );\n  return { resource, service, initialValues: service.data, ...service };\n};\n\nKanban.useCreateAction = () => {\n  const { service, resource, props } = useKanban();\n  const column = useContext(KanbanColumnContext);\n  const groupField = props.groupField;\n  const form = useForm();\n  const [, setVisible] = useContext(VisibleContext);\n  return {\n    async run() {\n      await resource.create({\n        ...form.values,\n        [groupField.name]: column.value,\n      });\n      setVisible(false);\n      await form.reset();\n      return service.refresh();\n    },\n  };\n};\n\nKanban.useUpdateAction = () => {\n  const { service, resource, props } = useKanban();\n  const ctx = useContext(KanbanCardContext);\n  const form = useForm();\n  const [, setVisible] = useContext(VisibleContext);\n  return {\n    async run() {\n      await resource.save(omit(form.values, ['sort']), {\n        resourceIndex: ctx.record.id,\n      });\n      setVisible(false);\n      await service.refresh();\n    },\n  };\n};\n\nKanban.useRowResource = ({ onSuccess }) => {\n  const { props } = useKanban();\n  const { collection } = useCollectionContext();\n  const ctx = useContext(KanbanCardContext);\n  const resource = useResourceRequest({\n    resourceName: collection?.name || props.collectionName,\n    resourceIndex: ctx?.record?.id,\n  });\n  const service = useRequest(\n    (params?: any) => {\n      return Promise.resolve(ctx.record);\n    },\n    {\n      // formatResult: (result) => result?.data,\n      onSuccess,\n      refreshDeps: [ctx?.record],\n      // manual,\n    },\n  );\n  return { resource, service, initialValues: service.data, ...service };\n};\n\nconst fieldFields = (schema: Schema) => {\n  const names = [];\n  schema.reduceProperties((buf, current) => {\n    if (current['x-component'] === 'Form.Field') {\n      const fieldName = current['x-component-props']?.['fieldName'];\n      if (fieldName) {\n        buf.push(fieldName);\n      }\n    } else {\n      const fieldNames = fieldFields(current);\n      buf.push(...fieldNames);\n    }\n    return buf;\n  }, names);\n  return names;\n};\n\nKanban.useSingleResource = ({ onSuccess }) => {\n  const { props } = useKanban();\n  const { collection } = useCollectionContext();\n  const ctx = useContext(KanbanCardContext);\n  const { schema } = useDesignable();\n  const [visible] = useContext(VisibleContext);\n\n  const resource = useResourceRequest({\n    resourceName: collection?.name || props.collectionName,\n    resourceIndex: ctx?.record?.id,\n  });\n  const service = useRequest(\n    (params?: any) => {\n      console.log('useSingleResource', params);\n      return resource.get({ ...params, appends: fieldFields(schema) });\n    },\n    {\n      formatResult: (result) => result?.data,\n      onSuccess,\n      // refreshDeps: [ctx?.record],\n      // defaultParams: [\n      //   {\n      //     defaultAppends: fieldFields(schema),\n      //   },\n      // ],\n      manual: true,\n      // manual,\n    },\n  );\n  useEffect(() => {\n    if (visible) {\n      service.run();\n    }\n  }, [visible]);\n  return { resource, service, initialValues: service.data, ...service };\n};\n\nKanban.Card = observer((props) => {\n  const [visible, setVisible] = useState(false);\n  const { index, schemas } = useContext(KanbanCardContext);\n  const { DesignableBar } = useDesignable();\n  const { children, ...others } = props;\n  return (\n    <VisibleContext.Provider value={[visible, setVisible]}>\n      <Card\n        onClick={(e) => {\n          setVisible(true);\n        }}\n        hoverable\n        bordered={false}\n        {...others}\n      >\n        {children}\n      </Card>\n      <DesignableBar />\n      <RecursionField name={index} schema={schemas.get('Kanban.Card.View')} />\n    </VisibleContext.Provider>\n  );\n});\n\nKanban.Card.View = Action.Drawer;\nKanban.Card.AddNew = Action;\nKanban.DesignableBar = DesignableBar;\nKanban.Card.DesignableBar = CardDesignableBar;\nKanban.FieldDesignableBar = FieldDesignableBar;\n"]}