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

package/lib/schemas/calendar/index.js

@@ -1,733 +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.fieldsToFilterColumns = exports.Calendar = exports.CalendarContext = exports.ToolbarContext = exports.RecordContext = void 0;
-
-const react_1 = __importStar(require("react"));
-
-const react_big_calendar_1 = require("react-big-calendar");
-
-const moment_1 = __importDefault(require("moment"));
-
-const dates = __importStar(require("react-big-calendar/lib/utils/dates"));
-
-const constants_1 = require("react-big-calendar/lib/utils/constants");
-
-const icons_1 = require("@ant-design/icons");
-
-const antd_1 = require("antd");
-
-require("./style2.less");
-
-require("./designable.less");
-
-const react_2 = require("@formily/react");
-
-const DesignableBar_1 = require("./DesignableBar");
-
-const react_3 = require("react");
-
-const react_4 = require("react");
-
-const schema_renderer_1 = require("../../components/schema-renderer");
-
-const ActionBar_1 = require("./ActionBar");
-
-const Action_1 = require("./Action");
-
-const core_1 = require("@formily/core");
-
-const lodash_1 = require("lodash");
-
-const flat_1 = __importDefault(require("flat"));
-
-const constate_1 = require("../../constate");
-
-const antd_2 = require("@formily/antd");
-
-const icon_picker_1 = __importDefault(require("../../components/icon-picker"));
-
-const Sortable_1 = require("../../components/Sortable");
-
-const SwitchMenuItem_1 = __importDefault(require("../../components/SwitchMenuItem"));
-
-const __1 = require("..");
-
-const icons_2 = require("@ant-design/icons");
-
-const interfaces_1 = require("../database-field/interfaces");
-
-const classnames_1 = __importDefault(require("classnames"));
-
-const ahooks_1 = require("ahooks");
-
-const react_i18next_1 = require("react-i18next");
-
-const useCompile_1 = require("../../hooks/useCompile");
-
-const i18n_1 = require("../../i18n");
-
-const localizer = (0, react_big_calendar_1.momentLocalizer)(moment_1.default);
-const allViews = Object.keys(react_big_calendar_1.Views).map(k => react_big_calendar_1.Views[k]);
-exports.RecordContext = (0, react_3.createContext)(null);
-exports.ToolbarContext = (0, react_3.createContext)(null);
-exports.CalendarContext = (0, react_3.createContext)(null);
-
-function Toolbar(props) {
-  const label = props.label,
-        views = props.views,
-        view = props.view,
-        onNavigate = props.onNavigate,
-        onView = props.onView,
-        messages = props.localizer.messages;
-
-  const _ref = (0, schema_renderer_1.useDesignable)(),
-        schema = _ref.schema;
-
-  const toolBarSchema = schema.reduceProperties((buf, current) => {
-    if (current['x-component'] === 'Calendar.Toolbar') {
-      return current;
-    }
-
-    return buf;
-  }, null);
-  return react_1.default.createElement(exports.ToolbarContext.Provider, {
-    value: props
-  }, react_1.default.createElement(react_2.RecursionField, {
-    name: toolBarSchema.name,
-    schema: toolBarSchema
-  }));
-}
-
-const messages = {
-  allDay: '',
-  previous: react_1.default.createElement("div", null, react_1.default.createElement(icons_1.LeftOutlined, null)),
-  next: react_1.default.createElement("div", null, react_1.default.createElement(icons_1.RightOutlined, null)),
-  today: i18n_1.i18n.t('Today'),
-  month: i18n_1.i18n.t('Month'),
-  week: i18n_1.i18n.t('Week'),
-  work_week: i18n_1.i18n.t('Work week'),
-  day: i18n_1.i18n.t('Day'),
-  agenda: i18n_1.i18n.t('Agenda'),
-  date: i18n_1.i18n.t('Date'),
-  time: i18n_1.i18n.t('Time'),
-  event: i18n_1.i18n.t('Event'),
-  noEventsInRange: i18n_1.i18n.t('None'),
-  showMore: count => i18n_1.i18n.t('{{count}} more items', {
-    count
-  })
-};
-
-const useCalendar = () => {
-  return (0, react_4.useContext)(exports.CalendarContext);
-};
-
-const toEvents = (data, fieldNames) => {
-  return data === null || data === void 0 ? void 0 : data.map(item => {
-    return {
-      id: (0, lodash_1.get)(item, fieldNames.id || 'id'),
-      title: (0, lodash_1.get)(item, fieldNames.title) || i18n_1.i18n.t('Untitle'),
-      start: new Date((0, lodash_1.get)(item, fieldNames.start)),
-      end: new Date((0, lodash_1.get)(item, fieldNames.end || fieldNames.start))
-    };
-  });
-};
-
-exports.Calendar = (0, react_2.observer)(props => {
-  const _ref2 = (0, react_i18next_1.useTranslation)(),
-        t = _ref2.t;
-
-  const field = (0, react_2.useField)();
-  const collectionName = props.collectionName,
-        _props$fieldNames = props.fieldNames,
-        fieldNames = _props$fieldNames === void 0 ? {} : _props$fieldNames;
-  console.log('Calendar', props);
-
-  const _ref3 = (0, schema_renderer_1.useDesignable)(),
-        schema = _ref3.schema;
-
-  const eventSchema = schema.reduceProperties((buf, current) => {
-    if (current['x-component'] === 'Calendar.Event') {
-      return current;
-    }
-
-    return buf;
-  }, null);
-  const resource = (0, constate_1.useResourceRequest)(collectionName);
-  const service = (0, ahooks_1.useRequest)(params => {
-    if (!collectionName) {
-      return Promise.resolve({});
-    }
-
-    return resource.list(Object.assign(Object.assign({}, params), {
-      perPage: -1
-    }));
-  }, {
-    formatResult: data => data === null || data === void 0 ? void 0 : data.data,
-
-    onSuccess(data) {
-      const events = toEvents(data, fieldNames) || [];
-      console.log('events', events);
-      field.setValue(events);
-    }
-
-  });
-  (0, react_1.useEffect)(() => {
-    var _a;
-
-    service.run({
-      defaultFilter: props === null || props === void 0 ? void 0 : props.defaultFilter,
-      sort: ((_a = props === null || props === void 0 ? void 0 : props.fieldNames) === null || _a === void 0 ? void 0 : _a.start) || 'created_at'
-    });
-  }, [props === null || props === void 0 ? void 0 : props.fieldNames, props.defaultFilter]);
-
-  const _ref4 = (0, react_1.useState)(false),
-        _ref5 = _slicedToArray(_ref4, 2),
-        visible = _ref5[0],
-        setVisible = _ref5[1];
-
-  const _ref6 = (0, react_1.useState)({}),
-        _ref7 = _slicedToArray(_ref6, 2),
-        record = _ref7[0],
-        setRecord = _ref7[1];
-
-  console.log('field.value', field.value);
-  return react_1.default.createElement(constate_1.CollectionProvider, {
-    collectionName: props.collectionName
-  }, react_1.default.createElement(exports.CalendarContext.Provider, {
-    value: {
-      field,
-      resource,
-      service,
-      props
-    }
-  }, react_1.default.createElement("div", Object.assign({}, props, {
-    style: {
-      height: 700
-    }
-  }), react_1.default.createElement(antd_1.Drawer, {
-    width: '50%',
-    visible: visible,
-    onClose: () => {
-      setVisible(false);
-    },
-    title: t('View record'),
-    bodyStyle: {
-      background: '#f0f2f5',
-      paddingTop: 0
-    }
-  }, react_1.default.createElement(exports.RecordContext.Provider, {
-    value: record
-  }, react_1.default.createElement(react_2.RecursionField, {
-    name: eventSchema.name,
-    schema: eventSchema,
-    onlyRenderProperties: true
-  }))), react_1.default.createElement(react_big_calendar_1.Calendar, {
-    popup: true,
-    selectable: true,
-    events: Array.isArray(field.value.slice()) ? field.value.slice() : [],
-    views: ['month', 'week', 'day'],
-    step: 60,
-    showMultiDayTimes: true,
-    messages: messages,
-    onSelectSlot: slotInfo => {
-      console.log('onSelectSlot', slotInfo);
-    },
-    onDoubleClickEvent: event => {
-      console.log('onDoubleClickEvent');
-    },
-    onSelectEvent: event => {
-      var _a;
-
-      const record = (_a = field.value) === null || _a === void 0 ? void 0 : _a.find(item => item.id === event.id);
-
-      if (!record) {
-        return;
-      }
-
-      setRecord(record);
-      setVisible(true);
-      console.log('onSelectEvent');
-    },
-    formats: {
-      monthHeaderFormat: 'Y-M',
-      agendaDateFormat: 'M-DD',
-      dayHeaderFormat: 'Y-M-DD',
-      dayRangeHeaderFormat: ({
-        start,
-        end
-      }, culture, local) => {
-        if (dates.eq(start, end, 'month')) {
-          return local.format(start, 'Y-M', culture);
-        }
-
-        return `${local.format(start, 'Y-M', culture)} - ${local.format(end, 'Y-M', culture)}`;
-      }
-    },
-    defaultDate: new Date(),
-    components: {
-      toolbar: Toolbar
-    },
-    localizer: localizer
-  }))));
-});
-
-exports.Calendar.useCreateAction = () => {
-  const _useCalendar = useCalendar(),
-        service = _useCalendar.service,
-        resource = _useCalendar.resource;
-
-  const form = (0, react_2.useForm)();
-  return {
-    run() {
-      return __awaiter(this, void 0, void 0, function* () {
-        yield resource.create(form.values);
-        yield form.reset();
-        return service.refresh();
-      });
-    }
-
-  };
-};
-
-exports.Calendar.useResource = ({
-  onSuccess
-}) => {
-  const _useCalendar2 = useCalendar(),
-        props = _useCalendar2.props;
-
-  const _ref8 = (0, constate_1.useCollectionContext)(),
-        collection = _ref8.collection;
-
-  const record = (0, react_4.useContext)(exports.RecordContext);
-  const resource = (0, constate_1.useResourceRequest)({
-    resourceName: (collection === null || collection === void 0 ? void 0 : collection.name) || props.collectionName,
-    resourceIndex: record['id']
-  });
-  console.log('collection?.name || props.collectionName', (collection === null || collection === void 0 ? void 0 : collection.name) || props.collectionName);
-  const service = (0, ahooks_1.useRequest)(params => {
-    console.log('Table.useResource', params);
-    return resource.get(params);
-  }, {
-    formatResult: result => result === null || result === void 0 ? void 0 : result.data,
-    onSuccess,
-    refreshDeps: [record]
-  });
-  return Object.assign({
-    resource,
-    service,
-    initialValues: service.data
-  }, service);
-};
-
-exports.Calendar.Toolbar = ActionBar_1.ActionBar;
-exports.Calendar.Title = (0, react_2.observer)(() => {
-  const _ref9 = (0, schema_renderer_1.useDesignable)(),
-        DesignableBar = _ref9.DesignableBar;
-
-  const _ref10 = (0, react_4.useContext)(exports.ToolbarContext),
-        label = _ref10.label;
-
-  return react_1.default.createElement("div", {
-    className: "ant-btn-group",
-    style: {
-      fontSize: '1.75em',
-      fontWeight: 300
-    }
-  }, label, react_1.default.createElement(DesignableBar, null));
-});
-exports.Calendar.Today = (0, react_2.observer)(props => {
-  const _ref11 = (0, schema_renderer_1.useDesignable)(),
-        DesignableBar = _ref11.DesignableBar;
-
-  const _ref12 = (0, react_4.useContext)(exports.ToolbarContext),
-        onNavigate = _ref12.onNavigate;
-
-  const _ref13 = (0, react_i18next_1.useTranslation)(),
-        t = _ref13.t;
-
-  return react_1.default.createElement(antd_1.Button, {
-    onClick: () => {
-      onNavigate(constants_1.navigate.TODAY);
-    }
-  }, t('Today'), react_1.default.createElement(DesignableBar, null));
-});
-exports.Calendar.Nav = (0, react_2.observer)(props => {
-  const _ref14 = (0, schema_renderer_1.useDesignable)(),
-        DesignableBar = _ref14.DesignableBar;
-
-  const _ref15 = (0, react_4.useContext)(exports.ToolbarContext),
-        onNavigate = _ref15.onNavigate;
-
-  return react_1.default.createElement("div", {
-    className: "ant-btn-group"
-  }, react_1.default.createElement(antd_1.Button, {
-    icon: react_1.default.createElement(icons_1.LeftOutlined, null),
-    onClick: () => onNavigate(constants_1.navigate.PREVIOUS)
-  }), react_1.default.createElement(antd_1.Button, {
-    icon: react_1.default.createElement(icons_1.RightOutlined, null),
-    onClick: () => onNavigate(constants_1.navigate.NEXT)
-  }), react_1.default.createElement(DesignableBar, null));
-});
-exports.Calendar.ViewSelect = (0, react_2.observer)(props => {
-  const _ref16 = (0, schema_renderer_1.useDesignable)(),
-        DesignableBar = _ref16.DesignableBar;
-
-  const _ref17 = (0, react_4.useContext)(exports.ToolbarContext),
-        views = _ref17.views,
-        view = _ref17.view,
-        onView = _ref17.onView,
-        messages = _ref17.localizer.messages;
-
-  return react_1.default.createElement("div", {
-    className: "ant-btn-group"
-  }, react_1.default.createElement(antd_1.Select, {
-    value: view,
-    onChange: onView
-  }, views.map(name => react_1.default.createElement(antd_1.Select.Option, {
-    value: name
-  }, messages[name]))), react_1.default.createElement(DesignableBar, null));
-});
-
-const fieldsToFilterColumns = (fields, options = {}) => {
-  const _options$fieldNames = options.fieldNames,
-        fieldNames = _options$fieldNames === void 0 ? [] : _options$fieldNames;
-  const properties = {};
-  fields.forEach((field, index) => {
-    var _a;
-
-    if ((fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.length) && !fieldNames.includes(field.name)) {
-      return;
-    }
-
-    const fieldOption = interfaces_1.interfaces.get(field.interface);
-
-    if (!(fieldOption === null || fieldOption === void 0 ? void 0 : fieldOption.operations)) {
-      return;
-    }
-
-    properties[`column${index}`] = {
-      type: 'void',
-      title: (_a = field === null || field === void 0 ? void 0 : field.uiSchema) === null || _a === void 0 ? void 0 : _a.title,
-      'x-component': 'Filter.Column',
-      'x-component-props': {
-        operations: fieldOption.operations
-      },
-      properties: {
-        [field.name]: Object.assign(Object.assign({}, field.uiSchema), {
-          'x-decorator': 'FormilyFormItem',
-          title: null
-        })
-      }
-    };
-  });
-  return properties;
-};
-
-exports.fieldsToFilterColumns = fieldsToFilterColumns;
-exports.Calendar.Filter = (0, react_2.observer)(props => {
-  const _useCalendar3 = useCalendar(),
-        service = _useCalendar3.service;
-
-  const _ref18 = (0, react_i18next_1.useTranslation)(),
-        t = _ref18.t;
-
-  const compile = (0, useCompile_1.useCompile)();
-  const _props$fieldNames2 = props.fieldNames,
-        fieldNames = _props$fieldNames2 === void 0 ? [] : _props$fieldNames2;
-
-  const _ref19 = (0, schema_renderer_1.useDesignable)(),
-        schema = _ref19.schema,
-        DesignableBar = _ref19.DesignableBar;
-
-  const form = (0, react_1.useMemo)(() => (0, core_1.createForm)(), []);
-
-  const _ref20 = (0, constate_1.useCollectionContext)(),
-        _ref20$fields = _ref20.fields,
-        fields = _ref20$fields === void 0 ? [] : _ref20$fields;
-
-  const _ref21 = (0, react_1.useState)(false),
-        _ref22 = _slicedToArray(_ref21, 2),
-        visible = _ref22[0],
-        setVisible = _ref22[1];
-
-  const obj = (0, flat_1.default)(form.values.filter || {});
-  const count = Object.values(obj).filter(i => Array.isArray(i) ? i.length : i).length;
-  const icon = props.icon || 'FilterOutlined';
-  const properties = (0, exports.fieldsToFilterColumns)(fields, {
-    fieldNames
-  });
-  schema.mapProperties(p => {
-    properties[p.name] = p;
-  });
-  return react_1.default.createElement(antd_1.Popover, {
-    trigger: ['click'],
-    placement: 'bottomLeft',
-    visible: visible,
-    onVisibleChange: setVisible,
-    content: react_1.default.createElement("div", null, react_1.default.createElement(react_2.FormProvider, {
-      form: form
-    }, react_1.default.createElement(schema_renderer_1.SchemaField, {
-      schema: {
-        type: 'object',
-        properties: {
-          filter: {
-            type: 'object',
-            'x-component': 'Filter',
-            properties
-          }
-        }
-      }
-    }), react_1.default.createElement(antd_2.FormButtonGroup, {
-      align: 'right'
-    }, react_1.default.createElement(antd_2.Submit, {
-      onSubmit: () => {
-        const filter = form.values.filter;
-        console.log('Table.Filter', form.values);
-        setVisible(false);
-      }
-    }, t('Submit')))))
-  }, react_1.default.createElement(antd_1.Button, {
-    icon: react_1.default.createElement(icon_picker_1.default, {
-      type: icon
-    })
-  }, count > 0 ? t('{{count}} filter items', {
-    count
-  }) : compile(schema.title), react_1.default.createElement(DesignableBar, null)));
-});
-
-exports.Calendar.Filter.DesignableBar = () => {
-  const _ref23 = (0, react_i18next_1.useTranslation)(),
-        t = _ref23.t;
-
-  const _ref24 = (0, schema_renderer_1.useDesignable)(),
-        schema = _ref24.schema,
-        remove = _ref24.remove,
-        refresh = _ref24.refresh,
-        insertAfter = _ref24.insertAfter;
-
-  const _ref25 = (0, react_1.useState)(false),
-        _ref26 = _slicedToArray(_ref25, 2),
-        visible = _ref26[0],
-        setVisible = _ref26[1];
-
-  const displayed = (0, constate_1.useDisplayedMapContext)();
-
-  const _ref27 = (0, constate_1.useCollectionContext)(),
-        fields = _ref27.fields;
-
-  const field = (0, react_2.useField)();
-  let fieldNames = field.componentProps.fieldNames || [];
-
-  if (fieldNames.length === 0) {
-    fieldNames = fields.map(field => field.name);
-  }
-
-  return react_1.default.createElement("div", {
-    className: (0, classnames_1.default)('designable-bar', {
-      active: visible
-    })
-  }, react_1.default.createElement("span", {
-    onClick: e => {
-      e.stopPropagation();
-    },
-    className: (0, classnames_1.default)('designable-bar-actions', {
-      active: visible
-    })
-  }, react_1.default.createElement(antd_1.Space, null, react_1.default.createElement(Sortable_1.DragHandle, null), react_1.default.createElement(antd_1.Dropdown, {
-    trigger: ['hover'],
-    visible: visible,
-    onVisibleChange: visible => {
-      setVisible(visible);
-    },
-    overlay: react_1.default.createElement(antd_1.Menu, null, react_1.default.createElement(antd_1.Menu.ItemGroup, {
-      title: t('Filterable fields')
-    }, fields.filter(collectionField => {
-      var _a;
-
-      const option = interfaces_1.interfaces.get(collectionField.interface);
-      return (_a = option === null || option === void 0 ? void 0 : option.operations) === null || _a === void 0 ? void 0 : _a.length;
-    }).map(collectionField => {
-      var _a;
-
-      return react_1.default.createElement(SwitchMenuItem_1.default, {
-        title: (_a = collectionField === null || collectionField === void 0 ? void 0 : collectionField.uiSchema) === null || _a === void 0 ? void 0 : _a.title,
-        checked: fieldNames.includes(collectionField.name),
-        onChange: checked => __awaiter(void 0, void 0, void 0, function* () {
-          if (checked) {
-            fieldNames.push(collectionField.name);
-          } else {
-            const index = fieldNames.indexOf(collectionField.name);
-
-            if (index > -1) {
-              fieldNames.splice(index, 1);
-            }
-          }
-
-          console.log({
-            fieldNames,
-            field
-          });
-          schema['x-component-props']['fieldNames'] = fieldNames;
-          field.componentProps.fieldNames = fieldNames;
-          (0, __1.updateSchema)(schema);
-        })
-      });
-    })), react_1.default.createElement(antd_1.Menu.Divider, null), react_1.default.createElement(antd_1.Menu.Item, {
-      onClick: e => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
-
-        setVisible(false);
-        const values = yield (0, antd_2.FormDialog)(t('Edit button'), () => {
-          return react_1.default.createElement(antd_2.FormLayout, {
-            layout: 'vertical'
-          }, react_1.default.createElement(schema_renderer_1.SchemaField, {
-            schema: {
-              type: 'object',
-              properties: {
-                title: {
-                  type: 'string',
-                  title: t('Display name'),
-                  required: true,
-                  'x-decorator': 'FormItem',
-                  'x-component': 'Input'
-                },
-                icon: {
-                  type: 'string',
-                  title: t('Icon'),
-                  'x-decorator': 'FormItem',
-                  'x-component': 'IconPicker'
-                }
-              }
-            }
-          }));
-        }).open({
-          initialValues: {
-            title: schema['title'],
-            icon: (_a = schema['x-component-props']) === null || _a === void 0 ? void 0 : _a['icon']
-          }
-        });
-        schema['title'] = values.title;
-        schema['x-component-props']['icon'] = values.icon;
-        field.componentProps.icon = values.icon;
-        field.title = values.title;
-        (0, __1.updateSchema)(schema);
-        refresh();
-      })
-    }, t('Edit button')), react_1.default.createElement(antd_1.Menu.Divider, null), react_1.default.createElement(antd_1.Menu.Item, {
-      onClick: () => __awaiter(void 0, void 0, void 0, function* () {
-        var _b;
-
-        const displayName = (_b = schema === null || schema === void 0 ? void 0 : schema['x-decorator-props']) === null || _b === void 0 ? void 0 : _b['displayName'];
-        const data = remove();
-        yield (0, __1.removeSchema)(data);
-
-        if (displayName) {
-          displayed.remove(displayName);
-        }
-
-        setVisible(false);
-      })
-    }, t('Hide')))
-  }, react_1.default.createElement(icons_2.MenuOutlined, null)))));
-};
-
-exports.Calendar.DesignableBar = DesignableBar_1.DesignableBar;
-exports.Calendar.ActionDesignableBar = Action_1.ActionDesignableBar;
-//# sourceMappingURL=index.js.map