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

package/lib/schemas/add-new/index.js

@@ -1,1969 +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.AddNew = void 0;
-
-const react_1 = __importStar(require("react"));
-
-const antd_1 = require("@formily/antd");
-
-const react_2 = require("@formily/react");
-
-const antd_2 = require("antd");
-
-const icons_1 = require("@ant-design/icons");
-
-const __1 = require("../");
-
-const shared_1 = require("@formily/shared");
-
-const schema_renderer_1 = require("../../components/schema-renderer");
-
-const lodash_1 = require("lodash");
-
-const interfaces_1 = require("../database-field/interfaces");
-
-require("./style.less");
-
-const icon_picker_1 = __importDefault(require("../../components/icon-picker"));
-
-const chart_1 = require("./chart");
-
-const grid_1 = require("../grid");
-
-const constate_1 = require("../../constate");
-
-const SwitchMenuItem_1 = __importDefault(require("../../components/SwitchMenuItem"));
-
-const context_1 = require("../../context");
-
-const react_i18next_1 = require("react-i18next");
-
-const i18n_1 = require("../../i18n");
-
-const useCompile_1 = require("../../hooks/useCompile");
-
-const generateGridBlock = schema => {
-  const name = schema.name || (0, shared_1.uid)();
-  return {
-    type: 'void',
-    name: (0, shared_1.uid)(),
-    'x-component': 'Grid.Row',
-    properties: {
-      [(0, shared_1.uid)()]: {
-        type: 'void',
-        'x-component': 'Grid.Col',
-        properties: {
-          [name]: schema
-        }
-      }
-    }
-  };
-};
-
-const isGrid = schema => {
-  return schema['x-component'] === 'Grid';
-};
-
-const isGridBlock = schema => {
-  if (schema.parent['x-component'] !== 'Grid.Col') {
-    return false;
-  }
-
-  if (Object.keys(schema.parent.properties).length > 1) {
-    return false;
-  }
-
-  if (Object.keys(schema.parent.parent.properties).length > 1) {
-    return false;
-  }
-
-  return true;
-};
-
-function generateCardItemSchema(component) {
-  const defaults = {
-    'Markdown.Void': {
-      type: 'void',
-      default: i18n_1.i18n.t('This is a demo text, **supports Markdown syntax**.'),
-      'x-designable-bar': 'Markdown.Void.DesignableBar',
-      'x-decorator': 'CardItem',
-      'x-read-pretty': true,
-      'x-component': 'Markdown.Void'
-    },
-    Table: {
-      type: 'array',
-      'x-designable-bar': 'Table.DesignableBar',
-      'x-decorator': 'CardItem',
-      'x-component': 'Table',
-      default: [],
-      'x-component-props': {
-        rowKey: 'id',
-        dragSort: true,
-        showIndex: true,
-        refreshRequestOnChange: true,
-        pagination: {
-          pageSize: 10
-        }
-      },
-      properties: {
-        [(0, shared_1.uid)()]: {
-          type: 'void',
-          'x-component': 'Table.ActionBar',
-          'x-designable-bar': 'Table.ActionBar.DesignableBar',
-          properties: {
-            [(0, shared_1.uid)()]: {
-              type: 'void',
-              title: "{{t('Filter')}}",
-              'x-decorator': 'AddNew.Displayed',
-              'x-decorator-props': {
-                displayName: 'filter'
-              },
-              'x-align': 'left',
-              'x-component': 'Table.Filter',
-              'x-designable-bar': 'Table.Filter.DesignableBar',
-              'x-component-props': {
-                fieldNames: []
-              }
-            },
-            [(0, shared_1.uid)()]: {
-              type: 'void',
-              name: 'action1',
-              title: "{{t('Delete')}}",
-              'x-align': 'right',
-              'x-decorator': 'AddNew.Displayed',
-              'x-decorator-props': {
-                displayName: 'destroy'
-              },
-              'x-component': 'Action',
-              'x-designable-bar': 'Table.Action.DesignableBar',
-              'x-component-props': {
-                icon: 'DeleteOutlined',
-                confirm: {
-                  title: "{{t('Delete record')}}",
-                  content: "{{t('Are you sure you want to delete it?')}}"
-                },
-                useAction: '{{ Table.useTableDestroyAction }}'
-              }
-            },
-            [(0, shared_1.uid)()]: {
-              type: 'void',
-              name: 'action1',
-              title: "{{t('Add new')}}",
-              'x-align': 'right',
-              'x-decorator': 'AddNew.Displayed',
-              'x-decorator-props': {
-                displayName: 'create'
-              },
-              'x-component': 'Action',
-              'x-component-props': {
-                icon: 'PlusOutlined',
-                type: 'primary'
-              },
-              'x-designable-bar': 'Table.Action.DesignableBar',
-              properties: {
-                modal: {
-                  type: 'void',
-                  title: "{{t('Add record')}}",
-                  'x-decorator': 'Form',
-                  'x-component': 'Action.Drawer',
-                  'x-component-props': {
-                    useOkAction: '{{ Table.useTableCreateAction }}'
-                  },
-                  properties: {
-                    [(0, shared_1.uid)()]: {
-                      type: 'void',
-                      'x-component': 'Grid',
-                      'x-component-props': {
-                        addNewComponent: 'AddNew.FormItem'
-                      }
-                    }
-                  }
-                }
-              }
-            }
-          }
-        },
-        [(0, shared_1.uid)()]: {
-          type: 'void',
-          title: '{{t("Actions")}}',
-          'x-component': 'Table.Column',
-          'x-component-props': {},
-          'x-designable-bar': 'Table.Operation.DesignableBar',
-          properties: {
-            [(0, shared_1.uid)()]: {
-              type: 'void',
-              'x-component': 'Action.Group',
-              'x-component-props': {
-                type: 'link'
-              },
-              properties: {
-                [(0, shared_1.uid)()]: {
-                  type: 'void',
-                  name: 'action1',
-                  title: "{{t('View')}}",
-                  'x-component': 'Action',
-                  'x-component-props': {
-                    type: 'link'
-                  },
-                  'x-designable-bar': 'Table.Action.DesignableBar',
-                  'x-action-type': 'view',
-                  properties: {
-                    [(0, shared_1.uid)()]: {
-                      type: 'void',
-                      title: "{{t('View record')}}",
-                      'x-component': 'Action.Drawer',
-                      'x-component-props': {
-                        bodyStyle: {
-                          background: '#f0f2f5'
-                        }
-                      },
-                      properties: {
-                        [(0, shared_1.uid)()]: {
-                          type: 'void',
-                          'x-component': 'Tabs',
-                          'x-designable-bar': 'Tabs.DesignableBar',
-                          properties: {
-                            [(0, shared_1.uid)()]: {
-                              type: 'void',
-                              title: "{{t('Details')}}",
-                              'x-designable-bar': 'Tabs.TabPane.DesignableBar',
-                              'x-component': 'Tabs.TabPane',
-                              'x-component-props': {},
-                              properties: {
-                                [(0, shared_1.uid)()]: {
-                                  type: 'void',
-                                  'x-component': 'Grid',
-                                  'x-component-props': {
-                                    addNewComponent: 'AddNew.PaneItem'
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      }
-                    }
-                  }
-                },
-                [(0, shared_1.uid)()]: {
-                  type: 'void',
-                  title: "{{t('Edit')}}",
-                  'x-component': 'Action',
-                  'x-component-props': {
-                    type: 'link'
-                  },
-                  'x-designable-bar': 'Table.Action.DesignableBar',
-                  'x-action-type': 'update',
-                  properties: {
-                    [(0, shared_1.uid)()]: {
-                      type: 'void',
-                      title: "{{t('Edit record')}}",
-                      'x-decorator': 'Form',
-                      'x-decorator-props': {
-                        useResource: '{{ Table.useResource }}',
-                        useValues: '{{ Table.useTableRowRecord }}'
-                      },
-                      'x-component': 'Action.Drawer',
-                      'x-component-props': {
-                        useOkAction: '{{ Table.useTableUpdateAction }}'
-                      },
-                      properties: {
-                        [(0, shared_1.uid)()]: {
-                          type: 'void',
-                          'x-component': 'Grid',
-                          'x-component-props': {
-                            addNewComponent: 'AddNew.FormItem'
-                          }
-                        }
-                      }
-                    }
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    },
-    Form: {
-      type: 'void',
-      name: (0, shared_1.uid)(),
-      'x-decorator': 'CardItem',
-      'x-component': 'Form',
-      'x-component-props': {
-        showDefaultButtons: true
-      },
-      'x-designable-bar': 'Form.DesignableBar',
-      properties: {
-        [(0, shared_1.uid)()]: {
-          type: 'void',
-          'x-component': 'Grid',
-          'x-component-props': {
-            addNewComponent: 'AddNew.FormItem'
-          }
-        }
-      }
-    },
-    Descriptions: {
-      type: 'void',
-      name: (0, shared_1.uid)(),
-      'x-decorator': 'CardItem',
-      'x-component': 'Form',
-      'x-read-pretty': true,
-      'x-designable-bar': 'Form.DesignableBar',
-      properties: {
-        [(0, shared_1.uid)()]: {
-          type: 'void',
-          'x-component': 'Grid',
-          'x-component-props': {
-            addNewComponent: 'AddNew.FormItem'
-          }
-        }
-      }
-    },
-    Kanban: {
-      type: 'array',
-      'x-component': 'Kanban',
-      'x-designable-bar': 'Kanban.DesignableBar',
-      'x-component-props': {},
-      'x-decorator': 'CardItem',
-      'x-decorator-props': {
-        style: {
-          background: 'none'
-        },
-        bodyStyle: {
-          padding: 0
-        }
-      },
-      properties: {
-        create: {
-          type: 'void',
-          title: "{{t('Add card')}}",
-          'x-component': 'Kanban.Card.AddNew',
-          'x-component-props': {
-            type: 'text',
-            icon: 'PlusOutlined'
-          },
-          properties: {
-            modal: {
-              type: 'void',
-              title: "{{t('Add record')}}",
-              'x-decorator': 'Form',
-              'x-decorator-props': {
-                useResource: '{{ Kanban.useCreateResource }}'
-              },
-              'x-component': 'Action.Drawer',
-              'x-component-props': {
-                useOkAction: '{{ Kanban.useCreateAction }}'
-              },
-              properties: {
-                [(0, shared_1.uid)()]: {
-                  type: 'void',
-                  'x-component': 'Grid',
-                  'x-component-props': {
-                    addNewComponent: 'AddNew.FormItem'
-                  }
-                }
-              }
-            }
-          }
-        },
-        card1: {
-          type: 'void',
-          name: (0, shared_1.uid)(),
-          'x-decorator': 'Form',
-          'x-component': 'Kanban.Card',
-          'x-designable-bar': 'Kanban.Card.DesignableBar',
-          'x-read-pretty': true,
-          'x-decorator-props': {
-            useResource: '{{ Kanban.useRowResource }}'
-          },
-          properties: {}
-        },
-        view1: {
-          type: 'void',
-          title: "{{t('Edit record')}}",
-          'x-decorator': 'Form',
-          'x-component': 'Kanban.Card.View',
-          'x-component-props': {
-            useOkAction: '{{ Kanban.useUpdateAction }}'
-          },
-          'x-decorator-props': {
-            useResource: '{{ Kanban.useSingleResource }}'
-          },
-          properties: {
-            [(0, shared_1.uid)()]: {
-              type: 'void',
-              'x-component': 'Grid',
-              'x-component-props': {
-                addNewComponent: 'AddNew.FormItem'
-              }
-            }
-          }
-        }
-      }
-    },
-    Calendar: {
-      type: 'array',
-      name: 'calendar1',
-      'x-component': 'Calendar',
-      'x-designable-bar': 'Calendar.DesignableBar',
-      'x-decorator': 'CardItem',
-      default: [],
-      properties: {
-        toolbar: {
-          type: 'void',
-          'x-component': 'Calendar.Toolbar',
-          properties: {
-            today: {
-              type: 'void',
-              title: "{{t('Today')}}",
-              'x-designable-bar': 'Calendar.ActionDesignableBar',
-              'x-component': 'Calendar.Today',
-              'x-align': 'left',
-              'x-decorator': 'AddNew.Displayed',
-              'x-decorator-props': {
-                displayName: 'today'
-              }
-            },
-            nav: {
-              type: 'void',
-              title: "{{t('Navigate')}}",
-              'x-designable-bar': 'Calendar.ActionDesignableBar',
-              'x-component': 'Calendar.Nav',
-              'x-align': 'left',
-              'x-decorator': 'AddNew.Displayed',
-              'x-decorator-props': {
-                displayName: 'nav'
-              }
-            },
-            title: {
-              type: 'void',
-              title: "{{t('Title')}}",
-              'x-designable-bar': 'Calendar.ActionDesignableBar',
-              'x-component': 'Calendar.Title',
-              'x-align': 'left',
-              'x-decorator': 'AddNew.Displayed',
-              'x-decorator-props': {
-                displayName: 'title'
-              }
-            },
-            viewSelect: {
-              type: 'void',
-              title: "{{t('Select view')}}",
-              'x-designable-bar': 'Calendar.ActionDesignableBar',
-              'x-component': 'Calendar.ViewSelect',
-              'x-align': 'right',
-              'x-decorator': 'AddNew.Displayed',
-              'x-decorator-props': {
-                displayName: 'viewSelect'
-              }
-            },
-            filter: {
-              type: 'void',
-              title: "{{t('Filter')}}",
-              'x-align': 'right',
-              'x-designable-bar': 'Calendar.Filter.DesignableBar',
-              'x-component': 'Calendar.Filter',
-              'x-decorator': 'AddNew.Displayed',
-              'x-decorator-props': {
-                displayName: 'filter'
-              }
-            },
-            create: {
-              type: 'void',
-              title: "{{t('Add new')}}",
-              'x-align': 'right',
-              'x-designable-bar': 'Calendar.ActionDesignableBar',
-              'x-component': 'Action',
-              'x-decorator': 'AddNew.Displayed',
-              'x-decorator-props': {
-                displayName: 'create'
-              },
-              'x-component-props': {
-                type: 'primary',
-                icon: 'PlusOutlined'
-              },
-              properties: {
-                modal: {
-                  type: 'void',
-                  title: "{{t('Add record')}}",
-                  'x-decorator': 'Form',
-                  'x-component': 'Action.Drawer',
-                  'x-component-props': {
-                    useOkAction: '{{ Calendar.useCreateAction }}'
-                  },
-                  properties: {
-                    [(0, shared_1.uid)()]: {
-                      type: 'void',
-                      'x-component': 'Grid',
-                      'x-component-props': {
-                        addNewComponent: 'AddNew.FormItem'
-                      }
-                    }
-                  }
-                }
-              }
-            }
-          }
-        },
-        event: {
-          type: 'void',
-          'x-component': 'Calendar.Event',
-          properties: {
-            [(0, shared_1.uid)()]: {
-              type: 'void',
-              'x-component': 'Tabs',
-              'x-designable-bar': 'Tabs.DesignableBar',
-              properties: {
-                [(0, shared_1.uid)()]: {
-                  type: 'void',
-                  title: "{{t('Details')}}",
-                  'x-designable-bar': 'Tabs.TabPane.DesignableBar',
-                  'x-component': 'Tabs.TabPane',
-                  'x-component-props': {},
-                  properties: {
-                    [(0, shared_1.uid)()]: {
-                      type: 'void',
-                      'x-component': 'Grid',
-                      'x-component-props': {
-                        addNewComponent: 'AddNew.PaneItem'
-                      }
-                    }
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    },
-    'Chart.Column': {
-      type: 'void',
-      'x-decorator': 'CardItem',
-      'x-component': 'Chart.Column',
-      'x-designable-bar': 'Chart.DesignableBar',
-      'x-component-props': {
-        config: (0, lodash_1.cloneDeep)(chart_1.columnChartConfig[i18n_1.i18n.language] || chart_1.columnChartConfig['en-US'])
-      }
-    },
-    'Chart.Bar': {
-      type: 'void',
-      'x-decorator': 'CardItem',
-      'x-component': 'Chart.Bar',
-      'x-designable-bar': 'Chart.DesignableBar',
-      'x-component-props': {
-        config: (0, lodash_1.cloneDeep)(chart_1.barChartConfig[i18n_1.i18n.language] || chart_1.barChartConfig['en-US'])
-      }
-    },
-    'Ref.ActionLogs': {
-      type: 'array',
-      name: 'table',
-      'x-decorator': 'CardItem',
-      'x-component': 'Table',
-      'x-designable-bar': 'Table.SimpleDesignableBar',
-      default: [],
-      'x-component-props': {
-        useResource: '{{ Table.useActionLogsResource }}',
-        collectionName: 'action_logs',
-        rowKey: 'id',
-        showIndex: true,
-        defaultSort: ['-id'],
-        defaultAppends: ['user', 'collection'],
-        refreshRequestOnChange: true,
-        pagination: {
-          pageSize: 10
-        }
-      },
-      properties: {
-        [(0, shared_1.uid)()]: {
-          type: 'void',
-          'x-component': 'Table.ActionBar',
-          properties: {
-            [(0, shared_1.uid)()]: {
-              type: 'void',
-              title: "{{t('Filter')}}",
-              'x-align': 'left',
-              'x-component': 'Table.Filter',
-              'x-component-props': {
-                fieldNames: []
-              },
-              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',
-                        color: 'green'
-                      }, {
-                        label: "{{ t('Update') }}",
-                        value: 'update',
-                        color: 'blue'
-                      }, {
-                        label: "{{ t('Delete') }}",
-                        value: 'destroy',
-                        color: 'red'
-                      }]
-                    }
-                  }
-                }
-              }
-            }
-          }
-        },
-        column1: {
-          type: 'void',
-          title: "{{t('Created at')}}",
-          'x-component': 'Table.Column',
-          properties: {
-            created_at: {
-              type: 'string',
-              'x-component': 'DatePicker',
-              'x-read-pretty': true,
-              'x-component-props': {
-                format: 'YYYY-MM-DD HH:mm:ss'
-              }
-            }
-          }
-        },
-        column2: {
-          type: 'void',
-          title: "{{t('Created by')}}",
-          'x-component': 'Table.Column',
-          properties: {
-            'user.nickname': {
-              type: 'string',
-              'x-component': 'Input',
-              'x-read-pretty': true
-            }
-          }
-        },
-        column3: {
-          type: 'void',
-          title: "{{t('Collection display name')}}",
-          'x-component': 'Table.Column',
-          properties: {
-            'collection.title': {
-              type: 'string',
-              'x-component': 'Input',
-              'x-read-pretty': true
-            }
-          }
-        },
-        column4: {
-          type: 'void',
-          title: "{{t('Action type')}}",
-          'x-component': 'Table.Column',
-          properties: {
-            type: {
-              type: 'string',
-              'x-component': 'Select',
-              'x-read-pretty': true,
-              enum: [{
-                label: "{{ t('Insert') }}",
-                value: 'create',
-                color: 'green'
-              }, {
-                label: "{{ t('Update') }}",
-                value: 'update',
-                color: 'blue'
-              }, {
-                label: "{{ t('Delete') }}",
-                value: 'destroy',
-                color: 'red'
-              }]
-            }
-          }
-        },
-        [(0, shared_1.uid)()]: {
-          type: 'void',
-          title: "{{t('Actions')}}",
-          'x-component': 'Table.Column',
-          'x-component-props': {
-            width: 60,
-            align: 'center'
-          },
-          properties: {
-            [(0, shared_1.uid)()]: {
-              type: 'void',
-              name: 'action1',
-              title: "{{t('View')}}",
-              'x-component': 'Action',
-              'x-component-props': {
-                type: 'link',
-                style: {
-                  padding: '0',
-                  height: 'auto'
-                }
-              },
-              'x-action-type': 'view',
-              properties: {
-                [(0, shared_1.uid)()]: {
-                  type: 'void',
-                  title: "{{t('View record')}}",
-                  'x-read-pretty': true,
-                  'x-decorator': 'Form',
-                  'x-decorator-props': {
-                    useResource: '{{ Table.useActionLogDetailsResource }}'
-                  },
-                  'x-component': 'Action.Drawer',
-                  'x-component-props': {},
-                  properties: {
-                    created_at: {
-                      type: 'string',
-                      title: "{{t('Created at')}}",
-                      'x-decorator': 'FormItem',
-                      'x-component': 'DatePicker',
-                      'x-read-pretty': true,
-                      'x-component-props': {
-                        format: 'YYYY-MM-DD HH:mm:ss'
-                      }
-                    },
-                    'user.nickname': {
-                      type: 'string',
-                      title: "{{t('Created by')}}",
-                      'x-decorator': 'FormItem',
-                      'x-component': 'Input',
-                      'x-read-pretty': true
-                    },
-                    'collection.title': {
-                      type: 'string',
-                      title: "{{t('Collection display name')}}",
-                      'x-decorator': 'FormItem',
-                      'x-component': 'Input',
-                      'x-read-pretty': true
-                    },
-                    type: {
-                      type: 'string',
-                      title: "{{t('Action type')}}",
-                      'x-decorator': 'FormItem',
-                      'x-component': 'Select',
-                      'x-read-pretty': true,
-                      enum: [{
-                        label: "{{t('Insert')}}",
-                        value: 'create',
-                        color: 'green'
-                      }, {
-                        label: "{{t('Update')}}",
-                        value: 'update',
-                        color: 'blue'
-                      }, {
-                        label: "{{t('Delete')}}",
-                        value: 'destroy',
-                        color: 'red'
-                      }]
-                    },
-                    changes: {
-                      type: 'array',
-                      title: "{{t('Data changes')}}",
-                      'x-decorator': 'FormItem',
-                      'x-component': 'ArrayTable',
-                      'x-component-props': {
-                        pagination: false
-                      },
-                      items: {
-                        type: 'object',
-                        properties: {
-                          column0: {
-                            type: 'void',
-                            'x-component': 'ArrayTable.Column',
-                            'x-component-props': {
-                              width: 80,
-                              align: 'center'
-                            },
-                            properties: {
-                              index: {
-                                type: 'void',
-                                'x-component': 'ArrayTable.Index'
-                              }
-                            }
-                          },
-                          column1: {
-                            type: 'void',
-                            'x-component': 'ArrayTable.Column',
-                            'x-component-props': {
-                              title: "{{t('Field display name')}}"
-                            },
-                            properties: {
-                              field: {
-                                type: 'string',
-                                'x-decorator': 'FormilyFormItem',
-                                'x-component': 'ActionLogs.Field'
-                              }
-                            }
-                          },
-                          column3: {
-                            type: 'void',
-                            'x-component': 'ArrayTable.Column',
-                            'x-component-props': {
-                              title: "{{ t('Before change') }}"
-                            },
-                            properties: {
-                              before: {
-                                type: 'string',
-                                'x-decorator': 'FormilyFormItem',
-                                'x-component': 'ActionLogs.FieldValue'
-                              }
-                            }
-                          },
-                          column4: {
-                            type: 'void',
-                            'x-component': 'ArrayTable.Column',
-                            'x-component-props': {
-                              title: "{{ t('After change') }}"
-                            },
-                            properties: {
-                              after: {
-                                type: 'string',
-                                'x-decorator': 'FormilyFormItem',
-                                'x-component': 'ActionLogs.FieldValue'
-                              }
-                            }
-                          }
-                        }
-                      }
-                    }
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  };
-  return defaults[component];
-}
-
-function generateFormItemSchema(component) {
-  const defaults = {
-    Markdown: {
-      type: 'string',
-      title: (0, shared_1.uid)(),
-      'x-designable-bar': 'Markdown.DesignableBar',
-      'x-decorator': 'FormItem',
-      'x-component': 'Markdown',
-      'x-component-props': {}
-    }
-  };
-  return defaults[component];
-}
-
-const AddNew = () => null;
-
-exports.AddNew = AddNew;
-exports.AddNew.CardItem = (0, react_2.observer)(props => {
-  const ghost = props.ghost,
-        defaultAction = props.defaultAction;
-
-  const _ref = (0, __1.useDesignable)(),
-        schema = _ref.schema,
-        insertBefore = _ref.insertBefore,
-        insertAfter = _ref.insertAfter,
-        appendChild = _ref.appendChild;
-
-  const path = (0, __1.useSchemaPath)();
-
-  const _ref2 = (0, constate_1.useCollectionsContext)(),
-        _ref2$collections = _ref2.collections,
-        collections = _ref2$collections === void 0 ? [] : _ref2$collections,
-        loading = _ref2.loading,
-        refresh = _ref2.refresh;
-
-  const _ref3 = (0, constate_1.useClient)(),
-        createSchema = _ref3.createSchema;
-
-  const _ref4 = (0, react_i18next_1.useTranslation)(),
-        t = _ref4.t;
-
-  const compile = (0, useCompile_1.useCompile)();
-  return react_1.default.createElement(antd_2.Dropdown, {
-    trigger: ['hover'],
-    overlayStyle: {
-      minWidth: 200
-    },
-    onVisibleChange: visible => {
-      console.log('onVisibleChange', visible);
-    },
-    overlay: react_1.default.createElement(antd_2.Menu, {
-      onClick: info => __awaiter(void 0, void 0, void 0, function* () {
-        if (info.key.startsWith('Calendar.')) {
-          return;
-        }
-
-        if (info.key.startsWith('Kanban.')) {
-          return;
-        }
-
-        let data;
-        let collectionName = null;
-        let isNew = false;
-
-        if (['addNewTable', 'addNewForm'].includes(info.key)) {} else if (info.key.startsWith('collection.')) {
-          const keys = info.key.split('.');
-          const component = keys.pop();
-          const tableName = keys.pop();
-          collectionName = tableName;
-          data = generateCardItemSchema(component);
-          console.log('info.keyPath', component, tableName);
-        } else {
-          data = generateCardItemSchema(info.key);
-          console.log('generateCardItemSchema', data, info.key);
-        }
-
-        if (schema['key']) {
-          data['key'] = (0, shared_1.uid)();
-        }
-
-        if (collectionName) {
-          data['x-component-props'] = data['x-component-props'] || {};
-          data['x-component-props']['resource'] = collectionName;
-          data['x-component-props']['collectionName'] = collectionName;
-        }
-
-        if (isGridBlock(schema)) {
-          path.pop();
-          path.pop();
-          data = generateGridBlock(data);
-        } else if (isGrid(schema)) {
-          data = generateGridBlock(data);
-        }
-
-        if (data) {
-          let s;
-
-          if (isGrid(schema)) {
-            s = appendChild(data, [...path]);
-          } else if (defaultAction === 'insertAfter') {
-            s = insertAfter(data, [...path]);
-          } else {
-            s = insertBefore(data, [...path]);
-          }
-
-          yield createSchema(s);
-        }
-
-        if (isNew) {
-          yield refresh();
-        }
-      })
-    }, react_1.default.createElement(antd_2.Menu.ItemGroup, {
-      title: t('Data blocks')
-    }, [{
-      key: 'Table',
-      title: t('Table'),
-      icon: 'TableOutlined'
-    }, {
-      key: 'Form',
-      title: t('Form'),
-      icon: 'FormOutlined'
-    }].map(view => react_1.default.createElement(antd_2.Menu.SubMenu, {
-      icon: react_1.default.createElement(icon_picker_1.default, {
-        type: view.icon
-      }),
-      key: view.key,
-      title: view.title
-    }, react_1.default.createElement(antd_2.Menu.ItemGroup, {
-      className: 'display-fields',
-      key: `${view.key}-select`,
-      title: t('Select data source')
-    }, collections === null || collections === void 0 ? void 0 : collections.map(item => react_1.default.createElement(antd_2.Menu.Item, {
-      style: {
-        minWidth: 150
-      },
-      key: `collection.${item.name}.${view.key}`
-    }, compile(item.title)))))), [{
-      key: 'Calendar',
-      title: t('Calendar'),
-      icon: 'CalendarOutlined'
-    }].map(view => react_1.default.createElement(antd_2.Menu.SubMenu, {
-      icon: react_1.default.createElement(icon_picker_1.default, {
-        type: view.icon
-      }),
-      key: view.key,
-      title: view.title
-    }, react_1.default.createElement(antd_2.Menu.ItemGroup, {
-      className: 'display-fields',
-      key: `${view.key}-select`,
-      title: t('Select data source')
-    }, collections === null || collections === void 0 ? void 0 : collections.map(item => react_1.default.createElement(antd_2.Menu.Item, {
-      style: {
-        minWidth: 150
-      },
-      key: `Calendar.collection.${item.name}.${view.key}`,
-      onClick: () => __awaiter(void 0, void 0, void 0, function* () {
-        const values = yield (0, antd_1.FormDialog)(t('Configure calendar'), () => {
-          var _a, _b, _c, _d, _e;
-
-          return react_1.default.createElement(antd_1.FormLayout, {
-            layout: 'vertical'
-          }, react_1.default.createElement(schema_renderer_1.SchemaField, {
-            schema: {
-              type: 'object',
-              properties: {
-                title: {
-                  type: 'string',
-                  title: t('Title field'),
-                  required: true,
-                  'x-decorator': 'FormItem',
-                  'x-component': 'Select',
-                  enum: (_a = item === null || item === void 0 ? void 0 : item.generalFields) === null || _a === void 0 ? void 0 : _a.map(field => {
-                    return {
-                      label: field === null || field === void 0 ? void 0 : field.uiSchema.title,
-                      value: field === null || field === void 0 ? void 0 : field.name
-                    };
-                  })
-                },
-                start: {
-                  title: t('Start date field'),
-                  required: true,
-                  'x-decorator': 'FormItem',
-                  'x-component': 'Select',
-                  enum: (_c = (_b = item === null || item === void 0 ? void 0 : item.generalFields) === null || _b === void 0 ? void 0 : _b.filter(field => field.dataType === 'date')) === null || _c === void 0 ? void 0 : _c.map(field => {
-                    return {
-                      label: field === null || field === void 0 ? void 0 : field.uiSchema.title,
-                      value: field === null || field === void 0 ? void 0 : field.name
-                    };
-                  })
-                },
-                end: {
-                  title: t('End date field'),
-                  'x-decorator': 'FormItem',
-                  'x-component': 'Select',
-                  enum: (_e = (_d = item === null || item === void 0 ? void 0 : item.generalFields) === null || _d === void 0 ? void 0 : _d.filter(field => field.dataType === 'date')) === null || _e === void 0 ? void 0 : _e.map(field => {
-                    return {
-                      label: field === null || field === void 0 ? void 0 : field.uiSchema.title,
-                      value: field === null || field === void 0 ? void 0 : field.name
-                    };
-                  })
-                }
-              }
-            }
-          }));
-        }).open({});
-        let data = generateCardItemSchema('Calendar');
-        const collectionName = item.name;
-
-        if (schema['key']) {
-          data['key'] = (0, shared_1.uid)();
-        }
-
-        console.log('fieldNames', values);
-
-        if (collectionName) {
-          data['x-component-props'] = data['x-component-props'] || {};
-          data['x-component-props']['resource'] = collectionName;
-          data['x-component-props']['collectionName'] = collectionName;
-          data['x-component-props']['fieldNames'] = values;
-        }
-
-        if (isGridBlock(schema)) {
-          path.pop();
-          path.pop();
-          data = generateGridBlock(data);
-        } else if (isGrid(schema)) {
-          data = generateGridBlock(data);
-        }
-
-        if (data) {
-          let s;
-
-          if (isGrid(schema)) {
-            s = appendChild(data, [...path]);
-          } else if (defaultAction === 'insertAfter') {
-            s = insertAfter(data, [...path]);
-          } else {
-            s = insertBefore(data, [...path]);
-          }
-
-          yield createSchema(s);
-        }
-      })
-    }, compile(item.title)))))), [{
-      key: 'Kanban',
-      title: t('Kanban'),
-      icon: 'CreditCardOutlined'
-    }].map(view => react_1.default.createElement(antd_2.Menu.SubMenu, {
-      icon: react_1.default.createElement(icon_picker_1.default, {
-        type: view.icon
-      }),
-      key: view.key,
-      title: view.title
-    }, react_1.default.createElement(antd_2.Menu.ItemGroup, {
-      className: 'display-fields',
-      key: `${view.key}-select`,
-      title: t('Select data source')
-    }, collections === null || collections === void 0 ? void 0 : collections.map(item => {
-      var _a, _b;
-
-      return react_1.default.createElement(antd_2.Menu.SubMenu, {
-        key: `collection.${item.name}.${view.key}`,
-        title: compile(item.title)
-      }, react_1.default.createElement(antd_2.Menu.ItemGroup, {
-        title: t('Select group field')
-      }, (_b = (_a = item === null || item === void 0 ? void 0 : item.generalFields) === null || _a === void 0 ? void 0 : _a.filter(item => {
-        var _a;
-
-        return (_a = item === null || item === void 0 ? void 0 : item.uiSchema) === null || _a === void 0 ? void 0 : _a.enum;
-      })) === null || _b === void 0 ? void 0 : _b.map(field => {
-        var _a;
-
-        return react_1.default.createElement(antd_2.Menu.Item, {
-          style: {
-            minWidth: 150
-          },
-          key: `Kanban.collection.${field.name}.${view.key}`,
-          onClick: () => __awaiter(void 0, void 0, void 0, function* () {
-            let data = generateCardItemSchema('Kanban');
-            const collectionName = item.name;
-
-            if (schema['key']) {
-              data['key'] = (0, shared_1.uid)();
-            }
-
-            if (collectionName) {
-              data['x-component-props'] = data['x-component-props'] || {};
-              data['x-component-props']['resource'] = collectionName;
-              data['x-component-props']['collectionName'] = collectionName;
-              data['x-component-props']['groupField'] = {
-                name: field.name
-              };
-            }
-
-            if (isGridBlock(schema)) {
-              path.pop();
-              path.pop();
-              data = generateGridBlock(data);
-            } else if (isGrid(schema)) {
-              data = generateGridBlock(data);
-            }
-
-            if (data) {
-              let s;
-
-              if (isGrid(schema)) {
-                s = appendChild(data, [...path]);
-              } else if (defaultAction === 'insertAfter') {
-                s = insertAfter(data, [...path]);
-              } else {
-                s = insertBefore(data, [...path]);
-              }
-
-              yield createSchema(s);
-            }
-          })
-        }, compile((_a = field === null || field === void 0 ? void 0 : field.uiSchema) === null || _a === void 0 ? void 0 : _a.title));
-      })));
-    }))))), react_1.default.createElement(antd_2.Menu.Divider, null), react_1.default.createElement(antd_2.Menu.ItemGroup, {
-      title: t('Media')
-    }, react_1.default.createElement(antd_2.Menu.Item, {
-      key: 'Markdown.Void',
-      icon: react_1.default.createElement(icon_picker_1.default, {
-        type: 'FileMarkdownOutlined'
-      })
-    }, t('Markdown')), react_1.default.createElement(antd_2.Menu.Item, {
-      disabled: true,
-      key: 'Wysiwyg.Void',
-      icon: react_1.default.createElement(icon_picker_1.default, {
-        type: 'FileTextOutlined'
-      })
-    }, t('Wysiwyg'))), react_1.default.createElement(antd_2.Menu.Divider, null), react_1.default.createElement(antd_2.Menu.ItemGroup, {
-      title: t('Charts')
-    }, react_1.default.createElement(antd_2.Menu.Item, {
-      key: 'Chart.Column',
-      icon: react_1.default.createElement(icon_picker_1.default, {
-        type: 'BarChartOutlined'
-      })
-    }, t('Column chart')), react_1.default.createElement(antd_2.Menu.Item, {
-      key: 'Chart.Bar',
-      icon: react_1.default.createElement(icon_picker_1.default, {
-        type: 'BarChartOutlined'
-      })
-    }, t('Bar chart')), react_1.default.createElement(antd_2.Menu.Item, {
-      disabled: true,
-      key: 'Chart.Line',
-      icon: react_1.default.createElement(icon_picker_1.default, {
-        type: 'LineChartOutlined'
-      })
-    }, t('Line chart')), react_1.default.createElement(antd_2.Menu.Item, {
-      disabled: true,
-      key: 'Chart.Pie',
-      icon: react_1.default.createElement(icon_picker_1.default, {
-        type: 'PieChartOutlined'
-      })
-    }, t('Pie chart'))), react_1.default.createElement(antd_2.Menu.Divider, null), react_1.default.createElement(antd_2.Menu.SubMenu, {
-      key: 'Ref',
-      icon: react_1.default.createElement(icons_1.LinkOutlined, null),
-      title: t('Templates')
-    }, react_1.default.createElement(antd_2.Menu.ItemGroup, {
-      key: 'form-select',
-      title: t('Select template')
-    }, react_1.default.createElement(antd_2.Menu.Item, {
-      key: 'Ref.ActionLogs'
-    }, t('Action logs'))), react_1.default.createElement(antd_2.Menu.Divider, null), react_1.default.createElement(antd_2.Menu.Item, {
-      disabled: true,
-      key: 'addNewRef'
-    }, t('Create template'))))
-  }, ghost ? react_1.default.createElement(icons_1.PlusOutlined, null) : react_1.default.createElement(antd_2.Button, {
-    type: 'dashed',
-    className: 'designable-btn designable-btn-dash',
-    icon: react_1.default.createElement(icons_1.PlusOutlined, null)
-  }, t('Add block')));
-});
-exports.AddNew.FormItem = (0, react_2.observer)(props => {
-  const ghost = props.ghost,
-        defaultAction = props.defaultAction;
-
-  const _ref5 = (0, __1.useDesignable)(),
-        schema = _ref5.schema,
-        insertBefore = _ref5.insertBefore,
-        insertAfter = _ref5.insertAfter,
-        appendChild = _ref5.appendChild,
-        deepRemove = _ref5.deepRemove;
-
-  const path = (0, __1.useSchemaPath)();
-
-  const _ref6 = (0, constate_1.useCollectionsContext)(),
-        loadCollections = _ref6.loadCollections;
-
-  const _ref7 = (0, constate_1.useCollectionContext)(),
-        collection = _ref7.collection,
-        fields = _ref7.fields,
-        refresh = _ref7.refresh;
-
-  const _ref8 = (0, react_1.useState)(false),
-        _ref9 = _slicedToArray(_ref8, 2),
-        visible = _ref9[0],
-        setVisible = _ref9[1];
-
-  const displayed = (0, constate_1.useDisplayedMapContext)();
-
-  const _ref10 = (0, constate_1.useClient)(),
-        createSchema = _ref10.createSchema,
-        removeSchema = _ref10.removeSchema;
-
-  const _ref11 = (0, react_i18next_1.useTranslation)(),
-        t = _ref11.t;
-
-  return react_1.default.createElement(antd_2.Dropdown, {
-    trigger: ['hover'],
-    visible: visible,
-    onVisibleChange: setVisible,
-    overlayStyle: {
-      minWidth: 200
-    },
-    overlay: react_1.default.createElement(antd_2.Menu, null, react_1.default.createElement(antd_2.Menu.ItemGroup, {
-      className: 'display-fields',
-      title: t('Display fields')
-    }, fields === null || fields === void 0 ? void 0 : fields.map(field => {
-      var _a;
-
-      return react_1.default.createElement(SwitchMenuItem_1.default, {
-        key: field.key,
-        title: (_a = field === null || field === void 0 ? void 0 : field.uiSchema) === null || _a === void 0 ? void 0 : _a.title,
-        checked: displayed.has(field.name),
-        onChange: checked => __awaiter(void 0, void 0, void 0, function* () {
-          if (!checked) {
-            const s = displayed.get(field.name);
-            const p = (0, schema_renderer_1.getSchemaPath)(s);
-            const removed = deepRemove(p);
-
-            if (!removed) {
-              console.log('getSchemaPath', p, removed);
-              return;
-            }
-
-            const last = removed.pop();
-            displayed.remove(field.name);
-
-            if ((0, grid_1.isGridRowOrCol)(last)) {
-              yield removeSchema(last);
-            }
-
-            return;
-          }
-
-          let data = {
-            key: (0, shared_1.uid)(),
-            type: 'void',
-            'x-decorator': 'Form.Field.Item',
-            'x-designable-bar': 'Form.Field.DesignableBar',
-            'x-component': 'Form.Field',
-            'x-component-props': {
-              fieldName: field.name
-            }
-          };
-
-          if (field.interface === 'linkTo') {
-            data.properties = {
-              options: {
-                type: 'void',
-                'x-decorator': 'Form',
-                'x-component': 'Select.Options.Drawer',
-                'x-component-props': {
-                  useOkAction: '{{ Select.useOkAction }}'
-                },
-                title: "{{t('Select record')}}",
-                properties: {
-                  table: {
-                    type: 'array',
-                    'x-designable-bar': 'Table.DesignableBar',
-                    'x-decorator': 'BlockItem',
-                    'x-decorator-props': {
-                      draggable: false
-                    },
-                    'x-component': 'Table',
-                    default: [],
-                    'x-component-props': {
-                      rowKey: 'id',
-                      useSelectedRowKeys: '{{ Select.useSelectedRowKeys }}',
-                      onSelect: '{{ Select.useSelect() }}',
-                      useRowSelection: '{{ Select.useRowSelection }}',
-                      collectionName: field.target,
-                      refreshRequestOnChange: true,
-                      pagination: {
-                        pageSize: 10
-                      }
-                    },
-                    properties: {
-                      [(0, shared_1.uid)()]: {
-                        type: 'void',
-                        'x-component': 'Table.ActionBar',
-                        'x-designable-bar': 'Table.ActionBar.DesignableBar',
-                        properties: {
-                          [(0, shared_1.uid)()]: {
-                            type: 'void',
-                            title: "{{t('Filter')}}",
-                            'x-decorator': 'AddNew.Displayed',
-                            'x-decorator-props': {
-                              displayName: 'filter'
-                            },
-                            'x-align': 'left',
-                            'x-component': 'Table.Filter',
-                            'x-designable-bar': 'Table.Filter.DesignableBar',
-                            'x-component-props': {
-                              fieldNames: []
-                            }
-                          }
-                        }
-                      }
-                    }
-                  }
-                }
-              },
-              option: {
-                type: 'void',
-                'x-component': 'Select.OptionTag',
-                properties: {
-                  [(0, shared_1.uid)()]: {
-                    type: 'void',
-                    title: "{{ t('View record') }}",
-                    'x-component': 'Action.Drawer',
-                    'x-component-props': {
-                      bodyStyle: {
-                        background: '#f0f2f5'
-                      }
-                    },
-                    properties: {
-                      [(0, shared_1.uid)()]: {
-                        type: 'void',
-                        'x-component': 'Tabs',
-                        'x-designable-bar': 'Tabs.DesignableBar',
-                        properties: {
-                          [(0, shared_1.uid)()]: {
-                            type: 'void',
-                            title: "{{t('Details')}}",
-                            'x-designable-bar': 'Tabs.TabPane.DesignableBar',
-                            'x-component': 'Tabs.TabPane',
-                            'x-component-props': {},
-                            properties: {
-                              [(0, shared_1.uid)()]: {
-                                type: 'void',
-                                'x-component': 'Grid',
-                                'x-component-props': {
-                                  addNewComponent: 'AddNew.PaneItem'
-                                }
-                              }
-                            }
-                          }
-                        }
-                      }
-                    }
-                  }
-                }
-              }
-            };
-          }
-
-          if (isGridBlock(schema)) {
-            path.pop();
-            path.pop();
-            data = generateGridBlock(data);
-          } else if (isGrid(schema)) {
-            data = generateGridBlock(data);
-          }
-
-          if (data) {
-            let s;
-
-            if (isGrid(schema)) {
-              s = appendChild(data, [...path]);
-            } else if (defaultAction === 'insertAfter') {
-              s = insertAfter(data, [...path]);
-            } else {
-              s = insertBefore(data, [...path]);
-            }
-
-            yield createSchema(s);
-          }
-        })
-      });
-    })), react_1.default.createElement(antd_2.Menu.Divider, null), react_1.default.createElement(antd_2.Menu.SubMenu, {
-      disabled: true,
-      popupClassName: 'add-new-fields-popup',
-      className: 'sub-menu-add-new-fields',
-      title: t('Add field')
-    }, interfaces_1.options.map(option => option.children.length > 0 && react_1.default.createElement(antd_2.Menu.ItemGroup, {
-      title: option.label
-    }, option.children.map(item => react_1.default.createElement(antd_2.Menu.Item, {
-      style: {
-        minWidth: 150
-      },
-      key: item.name,
-      onClick: () => __awaiter(void 0, void 0, void 0, function* () {
-        setVisible(false);
-        const values = yield (0, antd_1.FormDialog)(t('Add field'), () => {
-          return react_1.default.createElement(antd_1.FormLayout, {
-            layout: 'vertical'
-          }, react_1.default.createElement(schema_renderer_1.SchemaField, {
-            scope: {
-              loadCollections
-            },
-            schema: item
-          }));
-        }).open({
-          initialValues: Object.assign(Object.assign({
-            interface: item.name
-          }, item.default), {
-            key: (0, shared_1.uid)(),
-            name: `f_${(0, shared_1.uid)()}`
-          })
-        });
-        yield (0, __1.createCollectionField)(collection === null || collection === void 0 ? void 0 : collection.name, values);
-        let data = (0, lodash_1.cloneDeep)(values.uiSchema);
-        data['name'] = values.name;
-        data['referenceKey'] = data['key'];
-        data['key'] = (0, shared_1.uid)();
-
-        if (isGridBlock(schema)) {
-          path.pop();
-          path.pop();
-          data = generateGridBlock(data);
-        } else if (isGrid(schema)) {
-          data = generateGridBlock(data);
-        }
-
-        if (data) {
-          let s;
-
-          if (isGrid(schema)) {
-            s = appendChild(data, [...path]);
-          } else if (defaultAction === 'insertAfter') {
-            s = insertAfter(data, [...path]);
-          } else {
-            s = insertBefore(data, [...path]);
-          }
-
-          yield createSchema(s);
-        }
-
-        yield refresh();
-      })
-    }, item.title))))), react_1.default.createElement(antd_2.Menu.Item, {
-      onClick: () => __awaiter(void 0, void 0, void 0, function* () {
-        let data = {
-          type: 'void',
-          default: t('This is a demo text, **supports Markdown syntax**.'),
-          'x-designable-bar': 'Markdown.Void.DesignableBar',
-          'x-decorator': 'FormItem',
-          'x-read-pretty': true,
-          'x-component': 'Markdown.Void'
-        };
-
-        if (schema['key']) {
-          data['key'] = (0, shared_1.uid)();
-        }
-
-        if (isGridBlock(schema)) {
-          path.pop();
-          path.pop();
-          data = generateGridBlock(data);
-        } else if (isGrid(schema)) {
-          data = generateGridBlock(data);
-        }
-
-        if (data) {
-          let s;
-
-          if (isGrid(schema)) {
-            s = appendChild(data, [...path]);
-          } else if (defaultAction === 'insertAfter') {
-            s = insertAfter(data, [...path]);
-          } else {
-            s = insertBefore(data, [...path]);
-          }
-
-          console.log('ISchema', schema, data, path);
-          yield createSchema(s);
-        }
-
-        setVisible(false);
-      })
-    }, t('Add text')))
-  }, ghost ? react_1.default.createElement(icons_1.PlusOutlined, null) : react_1.default.createElement(antd_2.Button, {
-    type: 'dashed',
-    className: 'designable-btn designable-btn-dash',
-    icon: react_1.default.createElement(icons_1.SettingOutlined, null)
-  }, t('Configure fields')));
-});
-exports.AddNew.PaneItem = (0, react_2.observer)(props => {
-  var _a;
-
-  const ghost = props.ghost,
-        defaultAction = props.defaultAction;
-
-  const _ref12 = (0, __1.useDesignable)(),
-        schema = _ref12.schema,
-        insertBefore = _ref12.insertBefore,
-        insertAfter = _ref12.insertAfter,
-        appendChild = _ref12.appendChild;
-
-  const path = (0, __1.useSchemaPath)();
-
-  const _ref13 = (0, react_1.useState)(false),
-        _ref14 = _slicedToArray(_ref13, 2),
-        visible = _ref14[0],
-        setVisible = _ref14[1];
-
-  const blockSchema = (0, react_1.useContext)(context_1.BlockSchemaContext);
-  const useResource = `{{ ${blockSchema['x-component']}.useResource }}`;
-  console.log('AddNew.PaneItem.useResource', useResource);
-
-  const _ref15 = (0, constate_1.useCollectionContext)(),
-        collection = _ref15.collection,
-        fields = _ref15.fields;
-
-  const _ref16 = (0, constate_1.useClient)(),
-        createSchema = _ref16.createSchema;
-
-  const _ref17 = (0, react_i18next_1.useTranslation)(),
-        t = _ref17.t;
-
-  return react_1.default.createElement(antd_2.Dropdown, {
-    trigger: ['hover'],
-    visible: visible,
-    onVisibleChange: setVisible,
-    overlayStyle: {
-      minWidth: 200
-    },
-    overlay: react_1.default.createElement(antd_2.Menu, null, react_1.default.createElement(antd_2.Menu.ItemGroup, {
-      title: t('Data blocks')
-    }, react_1.default.createElement(antd_2.Menu.Item, {
-      icon: react_1.default.createElement(icon_picker_1.default, {
-        type: 'FileOutlined'
-      }),
-      onClick: () => __awaiter(void 0, void 0, void 0, function* () {
-        let data = {
-          type: 'void',
-          name: (0, shared_1.uid)(),
-          'x-decorator': 'CardItem',
-          'x-component': 'Form',
-          'x-read-pretty': true,
-          'x-component-props': {
-            useResource
-          },
-          'x-designable-bar': 'Form.DesignableBar',
-          properties: {
-            [(0, shared_1.uid)()]: {
-              type: 'void',
-              'x-component': 'Action.Bar',
-              'x-designable-bar': 'Action.Bar.DesignableBar',
-              'x-component-props': {}
-            },
-            [(0, shared_1.uid)()]: {
-              type: 'void',
-              'x-component': 'Grid',
-              'x-component-props': {
-                addNewComponent: 'AddNew.FormItem'
-              }
-            }
-          }
-        };
-
-        if (isGridBlock(schema)) {
-          path.pop();
-          path.pop();
-          data = generateGridBlock(data);
-        } else if (isGrid(schema)) {
-          data = generateGridBlock(data);
-        }
-
-        if (data) {
-          let s;
-
-          if (isGrid(schema)) {
-            s = appendChild(data, [...path]);
-          } else if (defaultAction === 'insertAfter') {
-            s = insertAfter(data, [...path]);
-          } else {
-            s = insertBefore(data, [...path]);
-          }
-
-          yield createSchema(s);
-        }
-
-        setVisible(false);
-      }),
-      style: {
-        minWidth: 150
-      }
-    }, t('Details')), react_1.default.createElement(antd_2.Menu.Item, {
-      icon: react_1.default.createElement(icon_picker_1.default, {
-        type: 'FormOutlined'
-      }),
-      onClick: () => __awaiter(void 0, void 0, void 0, function* () {
-        let data = {
-          type: 'void',
-          name: (0, shared_1.uid)(),
-          'x-decorator': 'CardItem',
-          'x-component': 'Form',
-          'x-component-props': {
-            useResource,
-            showDefaultButtons: true
-          },
-          'x-designable-bar': 'Form.DesignableBar',
-          properties: {
-            [(0, shared_1.uid)()]: {
-              type: 'void',
-              'x-component': 'Grid',
-              'x-component-props': {
-                addNewComponent: 'AddNew.FormItem'
-              }
-            }
-          }
-        };
-
-        if (isGridBlock(schema)) {
-          path.pop();
-          path.pop();
-          data = generateGridBlock(data);
-        } else if (isGrid(schema)) {
-          data = generateGridBlock(data);
-        }
-
-        if (data) {
-          let s;
-
-          if (isGrid(schema)) {
-            s = appendChild(data, [...path]);
-          } else if (defaultAction === 'insertAfter') {
-            s = insertAfter(data, [...path]);
-          } else {
-            s = insertBefore(data, [...path]);
-          }
-
-          yield createSchema(s);
-        }
-
-        setVisible(false);
-      })
-    }, t('Form'))), react_1.default.createElement(antd_2.Menu.ItemGroup, {
-      title: t('Relationship blocks')
-    }, react_1.default.createElement(antd_2.Menu.Item, {
-      style: {
-        minWidth: 150
-      },
-      icon: react_1.default.createElement(icon_picker_1.default, {
-        type: 'HistoryOutlined'
-      }),
-      onClick: () => __awaiter(void 0, void 0, void 0, function* () {
-        let data = generateCardItemSchema('Ref.ActionLogs');
-
-        if (isGridBlock(schema)) {
-          path.pop();
-          path.pop();
-          data = generateGridBlock(data);
-        } else if (isGrid(schema)) {
-          data = generateGridBlock(data);
-        }
-
-        if (data) {
-          let s;
-
-          if (isGrid(schema)) {
-            s = appendChild(data, [...path]);
-          } else if (defaultAction === 'insertAfter') {
-            s = insertAfter(data, [...path]);
-          } else {
-            s = insertBefore(data, [...path]);
-          }
-
-          yield createSchema(s);
-        }
-
-        setVisible(false);
-      })
-    }, t('Action logs')), (_a = fields === null || fields === void 0 ? void 0 : fields.filter(f => f.interface === 'linkTo')) === null || _a === void 0 ? void 0 : _a.map(collectionField => {
-      var _a;
-
-      return react_1.default.createElement(antd_2.Menu.Item, {
-        key: collectionField.name,
-        onClick: () => __awaiter(void 0, void 0, void 0, function* () {
-          var _b, _c;
-
-          const multiple = (_c = (_b = collectionField === null || collectionField === void 0 ? void 0 : collectionField.uiSchema) === null || _b === void 0 ? void 0 : _b['x-component-props']) === null || _c === void 0 ? void 0 : _c.multiple;
-          let data = generateCardItemSchema(multiple ? 'Table' : 'Descriptions');
-
-          if (schema['key']) {
-            data['key'] = (0, shared_1.uid)();
-          }
-
-          data['x-component-props'] = data['x-component-props'] || {};
-          data['x-component-props']['collectionName'] = collectionField === null || collectionField === void 0 ? void 0 : collectionField.target;
-          data['x-component-props']['resourceName'] = collectionField === null || collectionField === void 0 ? void 0 : collectionField.name;
-          data['x-component-props']['associatedName'] = collection === null || collection === void 0 ? void 0 : collection.name;
-          data['x-component-props']['useResource'] = '{{ Association.useResource }}';
-
-          if (isGridBlock(schema)) {
-            path.pop();
-            path.pop();
-            data = generateGridBlock(data);
-          } else if (isGrid(schema)) {
-            data = generateGridBlock(data);
-          }
-
-          if (data) {
-            let s;
-
-            if (isGrid(schema)) {
-              s = appendChild(data, [...path]);
-            } else if (defaultAction === 'insertAfter') {
-              s = insertAfter(data, [...path]);
-            } else {
-              s = insertBefore(data, [...path]);
-            }
-
-            yield createSchema(s);
-          }
-        })
-      }, (_a = collectionField === null || collectionField === void 0 ? void 0 : collectionField.uiSchema) === null || _a === void 0 ? void 0 : _a.title);
-    })), react_1.default.createElement(antd_2.Menu.ItemGroup, {
-      title: t('Media')
-    }, react_1.default.createElement(antd_2.Menu.Item, {
-      icon: react_1.default.createElement(icon_picker_1.default, {
-        type: 'FileMarkdownOutlined'
-      }),
-      onClick: () => __awaiter(void 0, void 0, void 0, function* () {
-        let data = {
-          key: (0, shared_1.uid)(),
-          type: 'void',
-          default: t('This is a demo text, **supports Markdown syntax**.'),
-          'x-designable-bar': 'Markdown.Void.DesignableBar',
-          'x-decorator': 'CardItem',
-          'x-read-pretty': true,
-          'x-component': 'Markdown.Void'
-        };
-
-        if (isGridBlock(schema)) {
-          path.pop();
-          path.pop();
-          data = generateGridBlock(data);
-        } else if (isGrid(schema)) {
-          data = generateGridBlock(data);
-        }
-
-        if (data) {
-          let s;
-
-          if (isGrid(schema)) {
-            s = appendChild(data, [...path]);
-          } else if (defaultAction === 'insertAfter') {
-            s = insertAfter(data, [...path]);
-          } else {
-            s = insertBefore(data, [...path]);
-          }
-
-          yield createSchema(s);
-        }
-
-        setVisible(false);
-      })
-    }, t('Markdown'))))
-  }, ghost ? react_1.default.createElement(icons_1.PlusOutlined, null) : react_1.default.createElement(antd_2.Button, {
-    className: 'designable-btn designable-btn-dash',
-    type: 'dashed',
-    icon: react_1.default.createElement(icons_1.PlusOutlined, null)
-  }, t('Add block')));
-});
-exports.AddNew.Displayed = (0, react_2.observer)(props => {
-  const displayName = props.displayName,
-        children = props.children;
-  const displayed = (0, constate_1.useDisplayedMapContext)();
-
-  const _ref18 = (0, __1.useDesignable)(),
-        schema = _ref18.schema;
-
-  (0, react_1.useEffect)(() => {
-    if (displayName) {
-      displayed.set(displayName, schema);
-    }
-  }, [displayName, schema]);
-  return children;
-});
-exports.default = exports.AddNew;
-//# sourceMappingURL=index.js.map