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

package/lib/schemas/calendar/ActionBar.js

@@ -1,448 +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.ActionBar = void 0;
-
-const core_1 = require("@dnd-kit/core");
-
-const react_1 = require("@formily/react");
-
-const react_2 = __importStar(require("react"));
-
-const schema_renderer_1 = require("../../components/schema-renderer");
-
-const constate_1 = require("../../constate");
-
-const classnames_1 = __importDefault(require("classnames"));
-
-const antd_1 = require("antd");
-
-const SwitchMenuItem_1 = __importDefault(require("../../components/SwitchMenuItem"));
-
-const shared_1 = require("@formily/shared");
-
-const icons_1 = require("@ant-design/icons");
-
-const Sortable_1 = require("../../components/Sortable");
-
-const react_i18next_1 = require("react-i18next");
-
-exports.ActionBar = (0, react_1.observer)(props => {
-  const _props$align = props.align,
-        align = _props$align === void 0 ? 'top' : _props$align;
-
-  const _ref = (0, schema_renderer_1.useDesignable)(),
-        root = _ref.root,
-        schema = _ref.schema,
-        insertAfter = _ref.insertAfter,
-        remove = _ref.remove,
-        appendChild = _ref.appendChild;
-
-  const moveToAfter = (path1, path2, extra = {}) => {
-    if (!path1 || !path2) {
-      return;
-    }
-
-    if (path1.join('.') === path2.join('.')) {
-      return;
-    }
-
-    const data = (0, schema_renderer_1.findPropertyByPath)(root, path1);
-
-    if (!data) {
-      return;
-    }
-
-    remove(path1);
-    return insertAfter(Object.assign(Object.assign({}, data.toJSON()), extra), path2);
-  };
-
-  const _ref2 = (0, constate_1.useClient)(),
-        updateSchema = _ref2.updateSchema;
-
-  const _ref3 = (0, react_2.useState)(''),
-        _ref4 = _slicedToArray(_ref3, 2),
-        dragOverlayContent = _ref4[0],
-        setDragOverlayContent = _ref4[1];
-
-  return react_2.default.createElement(core_1.DndContext, {
-    onDragStart: event => {
-      var _a, _b;
-
-      setDragOverlayContent(((_b = (_a = event.active.data) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.title) || '');
-    },
-    onDragEnd: event => __awaiter(void 0, void 0, void 0, function* () {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-
-      const path1 = (_c = (_b = (_a = event.active) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.path;
-      const path2 = (_f = (_e = (_d = event.over) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.current) === null || _f === void 0 ? void 0 : _f.path;
-      const align = (_j = (_h = (_g = event.over) === null || _g === void 0 ? void 0 : _g.data) === null || _h === void 0 ? void 0 : _h.current) === null || _j === void 0 ? void 0 : _j.align;
-      const draggable = (_m = (_l = (_k = event.over) === null || _k === void 0 ? void 0 : _k.data) === null || _l === void 0 ? void 0 : _l.current) === null || _m === void 0 ? void 0 : _m.draggable;
-
-      if (!path1 || !path2) {
-        return;
-      }
-
-      if (path1.join('.') === path2.join('.')) {
-        return;
-      }
-
-      if (!draggable) {
-        console.log('alignalignalignalign', align);
-        const p = (0, schema_renderer_1.findPropertyByPath)(root, path1);
-
-        if (!p) {
-          return;
-        }
-
-        remove(path1);
-        const data = appendChild(Object.assign(Object.assign({}, p.toJSON()), {
-          'x-align': align
-        }), path2);
-        yield updateSchema(data);
-      } else {
-        const data = moveToAfter(path1, path2, {
-          'x-align': align
-        });
-        yield updateSchema(data);
-      }
-    })
-  }, react_2.default.createElement(core_1.DragOverlay, {
-    style: {
-      pointerEvents: 'none',
-      whiteSpace: 'nowrap'
-    }
-  }, dragOverlayContent), react_2.default.createElement(constate_1.DisplayedMapProvider, null, react_2.default.createElement("div", {
-    className: (0, classnames_1.default)('nb-action-bar', `align-${align}`)
-  }, react_2.default.createElement("div", {
-    style: {
-      width: '50%'
-    }
-  }, react_2.default.createElement(Actions, {
-    align: 'left'
-  })), react_2.default.createElement("div", {
-    style: {
-      marginLeft: 'auto',
-      width: '50%',
-      textAlign: 'right'
-    }
-  }, react_2.default.createElement(Actions, {
-    align: 'right'
-  })), react_2.default.createElement(AddActionButton, null))));
-});
-
-function generateActionSchema(type) {
-  const actions = {
-    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.ActionDesignableBar',
-      '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'
-              }
-            }
-          }
-        }
-      }
-    }
-  };
-  return actions[type];
-}
-
-function AddActionButton() {
-  const _ref5 = (0, react_i18next_1.useTranslation)(),
-        t = _ref5.t;
-
-  const _ref6 = (0, react_2.useState)(false),
-        _ref7 = _slicedToArray(_ref6, 2),
-        visible = _ref7[0],
-        setVisible = _ref7[1];
-
-  const displayed = (0, constate_1.useDisplayedMapContext)();
-
-  const _ref8 = (0, schema_renderer_1.useDesignable)(),
-        appendChild = _ref8.appendChild,
-        remove = _ref8.remove;
-
-  const _ref9 = (0, schema_renderer_1.useDesignable)(),
-        schema = _ref9.schema,
-        designable = _ref9.designable;
-
-  const _ref10 = (0, constate_1.useClient)(),
-        createSchema = _ref10.createSchema,
-        removeSchema = _ref10.removeSchema;
-
-  if (!designable) {
-    return null;
-  }
-
-  return react_2.default.createElement(antd_1.Dropdown, {
-    trigger: ['hover'],
-    visible: visible,
-    onVisibleChange: setVisible,
-    overlay: react_2.default.createElement(antd_1.Menu, null, react_2.default.createElement(antd_1.Menu.ItemGroup, {
-      title: t('Enable actions')
-    }, [{
-      title: t('Today'),
-      name: 'today'
-    }, {
-      title: t('Navigate'),
-      name: 'nav'
-    }, {
-      title: t('Title'),
-      name: 'title'
-    }, {
-      title: t('Select view'),
-      name: 'viewSelect'
-    }, {
-      title: t('Filter'),
-      name: 'filter'
-    }, {
-      title: t('Add new'),
-      name: 'create'
-    }].map(item => react_2.default.createElement(SwitchMenuItem_1.default, {
-      key: item.name,
-      checked: displayed.has(item.name),
-      title: item.title,
-      onChange: checked => __awaiter(this, void 0, void 0, function* () {
-        if (!checked) {
-          const s = displayed.get(item.name);
-          const path = (0, schema_renderer_1.getSchemaPath)(s);
-          displayed.remove(item.name);
-          const removed = remove(path);
-          yield removeSchema(removed);
-        } else {
-          const s = generateActionSchema(item.name);
-          const data = appendChild(s);
-          yield createSchema(data);
-        }
-      })
-    }))), react_2.default.createElement(antd_1.Menu.Divider, null), react_2.default.createElement(antd_1.Menu.SubMenu, {
-      disabled: true,
-      title: t('Customize')
-    }, react_2.default.createElement(antd_1.Menu.Item, {
-      style: {
-        minWidth: 120
-      }
-    }, t('Function')), react_2.default.createElement(antd_1.Menu.Item, null, t('Popup form')), react_2.default.createElement(antd_1.Menu.Item, null, t('Flexible popup'))))
-  }, react_2.default.createElement(antd_1.Button, {
-    className: 'designable-btn designable-btn-dash',
-    style: {
-      marginLeft: 8
-    },
-    type: 'dashed',
-    icon: react_2.default.createElement(icons_1.SettingOutlined, null)
-  }, t('Configure actions')));
-}
-
-function Actions(props) {
-  const _props$align2 = props.align,
-        align = _props$align2 === void 0 ? 'left' : _props$align2;
-
-  const _ref11 = (0, schema_renderer_1.useDesignable)(),
-        schema = _ref11.schema,
-        designable = _ref11.designable;
-
-  return react_2.default.createElement(Sortable_1.Droppable, {
-    id: `${schema.name}-${align}`,
-    className: `action-bar-align-${align}`,
-    data: {
-      align,
-      path: (0, schema_renderer_1.getSchemaPath)(schema)
-    }
-  }, react_2.default.createElement(antd_1.Space, null, schema.mapProperties(s => {
-    const currentAlign = s['x-align'] || 'left';
-
-    if (currentAlign !== align) {
-      return null;
-    }
-
-    return react_2.default.createElement(Sortable_1.SortableItem, {
-      id: s.name,
-      data: {
-        align,
-        draggable: true,
-        title: s.title,
-        path: (0, schema_renderer_1.getSchemaPath)(s)
-      }
-    }, react_2.default.createElement(react_1.RecursionField, {
-      name: s.name,
-      schema: s
-    }));
-  })));
-}
-//# sourceMappingURL=ActionBar.js.map

package/lib/schemas/calendar/ActionBar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/calendar/ActionBar.tsx"],"names":[],"mappings":"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","file":"ActionBar.js","sourcesContent":["import { DndContext, DragOverlay } from '@dnd-kit/core';\nimport { observer, RecursionField, Schema } from '@formily/react';\nimport React, { useState } from 'react';\nimport { ISchema } from '..';\nimport {\n  findPropertyByPath,\n  getSchemaPath,\n  useDesignable,\n} from '../../components/schema-renderer';\nimport {\n  useClient,\n  DisplayedMapProvider,\n  useDisplayedMapContext,\n} from '../../constate';\nimport cls from 'classnames';\nimport { Button, Dropdown, Menu, Space } from 'antd';\nimport SwitchMenuItem from '../../components/SwitchMenuItem';\nimport { uid } from '@formily/shared';\nimport { SettingOutlined } from '@ant-design/icons';\nimport { Droppable, SortableItem } from '../../components/Sortable';\nimport { useTranslation } from 'react-i18next';\n\nexport const ActionBar = observer((props: any) => {\n  const { align = 'top' } = props;\n  // const { schema, designable } = useDesignable();\n  const { root, schema, insertAfter, remove, appendChild } = useDesignable();\n  const moveToAfter = (path1, path2, extra = {}) => {\n    if (!path1 || !path2) {\n      return;\n    }\n    if (path1.join('.') === path2.join('.')) {\n      return;\n    }\n    const data = findPropertyByPath(root, path1);\n    if (!data) {\n      return;\n    }\n    remove(path1);\n    return insertAfter(\n      {\n        ...data.toJSON(),\n        ...extra,\n      },\n      path2,\n    );\n  };\n  const { updateSchema } = useClient();\n\n  const [dragOverlayContent, setDragOverlayContent] = useState('');\n  return (\n    <DndContext\n      onDragStart={(event) => {\n        setDragOverlayContent(event.active.data?.current?.title || '');\n        // const previewRef = event.active.data?.current?.previewRef;\n        // if (previewRef) {\n        //   setDragOverlayContent(previewRef?.current?.innerHTML);\n        // } else {\n        //   setDragOverlayContent('');\n        // }\n      }}\n      onDragEnd={async (event) => {\n        const path1 = event.active?.data?.current?.path;\n        const path2 = event.over?.data?.current?.path;\n        const align = event.over?.data?.current?.align;\n        const draggable = event.over?.data?.current?.draggable;\n        if (!path1 || !path2) {\n          return;\n        }\n        if (path1.join('.') === path2.join('.')) {\n          return;\n        }\n        if (!draggable) {\n          console.log('alignalignalignalign', align);\n          const p = findPropertyByPath(root, path1);\n          if (!p) {\n            return;\n          }\n          remove(path1);\n          const data = appendChild(\n            {\n              ...p.toJSON(),\n              'x-align': align,\n            },\n            path2,\n          );\n          await updateSchema(data);\n        } else {\n          const data = moveToAfter(path1, path2, {\n            'x-align': align,\n          });\n          await updateSchema(data);\n        }\n      }}\n    >\n      <DragOverlay style={{ pointerEvents: 'none', whiteSpace: 'nowrap' }}>\n        {dragOverlayContent}\n        {/* <div style={{ transform: 'translateX(-100%)' }} dangerouslySetInnerHTML={{__html: dragOverlayContent}}></div> */}\n      </DragOverlay>\n      <DisplayedMapProvider>\n        <div className={cls('nb-action-bar', `align-${align}`)}>\n          <div style={{ width: '50%' }}>\n            <Actions align={'left'} />\n          </div>\n          <div style={{ marginLeft: 'auto', width: '50%', textAlign: 'right' }}>\n            <Actions align={'right'} />\n          </div>\n          <AddActionButton />\n        </div>\n      </DisplayedMapProvider>\n    </DndContext>\n  );\n});\n\nfunction generateActionSchema(type) {\n  const actions: { [key: string]: ISchema } = {\n    today: {\n      type: 'void',\n      title: '{{t(\"Today\")}}',\n      'x-designable-bar': 'Calendar.ActionDesignableBar',\n      'x-component': 'Calendar.Today',\n      'x-align': 'left',\n      'x-decorator': 'AddNew.Displayed',\n      'x-decorator-props': {\n        displayName: 'today',\n      },\n    },\n    nav: {\n      type: 'void',\n      title: '{{t(\"Navigate\")}}',\n      'x-designable-bar': 'Calendar.ActionDesignableBar',\n      'x-component': 'Calendar.Nav',\n      'x-align': 'left',\n      'x-decorator': 'AddNew.Displayed',\n      'x-decorator-props': {\n        displayName: 'nav',\n      },\n    },\n    title: {\n      type: 'void',\n      title: '{{t(\"Title\")}}',\n      'x-designable-bar': 'Calendar.ActionDesignableBar',\n      'x-component': 'Calendar.Title',\n      'x-align': 'left',\n      'x-decorator': 'AddNew.Displayed',\n      'x-decorator-props': {\n        displayName: 'title',\n      },\n    },\n    viewSelect: {\n      type: 'void',\n      title: '{{t(\"Select view\")}}',\n      'x-designable-bar': 'Calendar.ActionDesignableBar',\n      'x-component': 'Calendar.ViewSelect',\n      'x-align': 'right',\n      'x-decorator': 'AddNew.Displayed',\n      'x-decorator-props': {\n        displayName: 'viewSelect',\n      },\n    },\n    filter: {\n      type: 'void',\n      title: '{{t(\"Filter\")}}',\n      'x-align': 'right',\n      'x-designable-bar': 'Calendar.ActionDesignableBar',\n      'x-component': 'Calendar.Filter',\n      'x-decorator': 'AddNew.Displayed',\n      'x-decorator-props': {\n        displayName: 'filter',\n      },\n    },\n    create: {\n      type: 'void',\n      title: '{{t(\"Add new\")}}',\n      'x-align': 'right',\n      'x-designable-bar': 'Calendar.ActionDesignableBar',\n      'x-component': 'Action',\n      'x-decorator': 'AddNew.Displayed',\n      'x-decorator-props': {\n        displayName: 'create',\n      },\n      'x-component-props': {\n        type: 'primary',\n        icon: 'PlusOutlined',\n      },\n      properties: {\n        modal: {\n          type: 'void',\n          title: '{{t(\"Add record\")}}',\n          'x-decorator': 'Form',\n          'x-component': 'Action.Drawer',\n          'x-component-props': {\n            useOkAction: '{{ Calendar.useCreateAction }}',\n          },\n          properties: {\n            [uid()]: {\n              type: 'void',\n              'x-component': 'Grid',\n              'x-component-props': {\n                addNewComponent: 'AddNew.FormItem',\n              },\n            },\n          },\n        },\n      },\n    },\n  };\n  return actions[type];\n}\n\nfunction AddActionButton() {\n  const { t } = useTranslation();\n  const [visible, setVisible] = useState(false);\n  const displayed = useDisplayedMapContext();\n  const { appendChild, remove } = useDesignable();\n  const { schema, designable } = useDesignable();\n  const { createSchema, removeSchema } = useClient();\n\n  if (!designable) {\n    return null;\n  }\n  return (\n    <Dropdown\n      trigger={['hover']}\n      visible={visible}\n      onVisibleChange={setVisible}\n      overlay={\n        <Menu>\n          <Menu.ItemGroup title={t('Enable actions')}>\n            {[\n              { title: t('Today'), name: 'today' },\n              { title: t('Navigate'), name: 'nav' },\n              { title: t('Title'), name: 'title' },\n              { title: t('Select view'), name: 'viewSelect' },\n              { title: t('Filter'), name: 'filter' },\n              { title: t('Add new'), name: 'create' },\n            ].map((item) => (\n              <SwitchMenuItem\n                key={item.name}\n                checked={displayed.has(item.name)}\n                title={item.title}\n                onChange={async (checked) => {\n                  if (!checked) {\n                    const s = displayed.get(item.name) as Schema;\n                    const path = getSchemaPath(s);\n                    displayed.remove(item.name);\n                    const removed = remove(path);\n                    await removeSchema(removed);\n                  } else {\n                    const s = generateActionSchema(item.name);\n                    const data = appendChild(s);\n                    await createSchema(data);\n                  }\n                }}\n              />\n            ))}\n          </Menu.ItemGroup>\n          <Menu.Divider />\n          <Menu.SubMenu disabled title={t('Customize')}>\n            <Menu.Item style={{ minWidth: 120 }}>{t('Function')}</Menu.Item>\n            <Menu.Item>{t('Popup form')}</Menu.Item>\n            <Menu.Item>{t('Flexible popup')}</Menu.Item>\n          </Menu.SubMenu>\n        </Menu>\n      }\n    >\n      <Button\n        className={'designable-btn designable-btn-dash'}\n        style={{ marginLeft: 8 }}\n        type={'dashed'}\n        icon={<SettingOutlined />}\n      >\n        {t('Configure actions')}\n      </Button>\n    </Dropdown>\n  );\n}\n\nfunction Actions(props: any) {\n  const { align = 'left' } = props;\n  const { schema, designable } = useDesignable();\n  return (\n    <Droppable\n      id={`${schema.name}-${align}`}\n      className={`action-bar-align-${align}`}\n      data={{ align, path: getSchemaPath(schema) }}\n    >\n      <Space>\n        {schema.mapProperties((s) => {\n          const currentAlign = s['x-align'] || 'left';\n          if (currentAlign !== align) {\n            return null;\n          }\n          return (\n            <SortableItem\n              id={s.name}\n              data={{\n                align,\n                draggable: true,\n                title: s.title,\n                path: getSchemaPath(s),\n              }}\n            >\n              <RecursionField name={s.name} schema={s} />\n            </SortableItem>\n          );\n        })}\n      </Space>\n    </Droppable>\n  );\n}\n"]}

package/lib/schemas/calendar/DesignableBar.d.ts

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

package/lib/schemas/calendar/DesignableBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/schemas/calendar/DesignableBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAgDrE,eAAO,MAAM,aAAa,6DAwMxB,CAAC","file":"DesignableBar.d.ts","sourcesContent":["import React, { useContext, useMemo, useRef, useState } from 'react';\nimport { createForm } from '@formily/core';\nimport {\n  SchemaOptionsContext,\n  Schema,\n  useFieldSchema,\n  observer,\n  SchemaExpressionScopeContext,\n  FormProvider,\n  ISchema,\n  useField,\n  useForm,\n  RecursionField,\n} from '@formily/react';\nimport {\n  useSchemaPath,\n  SchemaField,\n  useDesignable,\n  removeSchema,\n  updateSchema,\n} from '../';\nimport get from 'lodash/get';\nimport { Modal, Dropdown, Menu, Select, Space } from 'antd';\nimport {\n  MenuOutlined,\n  DragOutlined,\n  CalendarOutlined,\n  FontSizeOutlined,\n} from '@ant-design/icons';\nimport cls from 'classnames';\nimport { FormDialog, FormLayout } from '@formily/antd';\n// import './style.less';\nimport AddNew from '../add-new';\nimport { DraggableBlockContext } from '../../components/drag-and-drop';\nimport { isGridRowOrCol } from '../grid';\nimport constate from 'constate';\nimport { useEffect } from 'react';\nimport { uid } from '@formily/shared';\nimport { getSchemaPath } from '../../components/schema-renderer';\nimport { useCollection, useCollectionContext } from '../../constate';\nimport { useTable } from '../table';\nimport { fieldsToFilterColumns } from './';\nimport { set } from 'lodash';\nimport { DragHandle } from '../../components/Sortable';\nimport { DeleteOutlined, FilterOutlined } from '@ant-design/icons';\nimport { useTranslation } from 'react-i18next';\nimport { useCompile } from '../../hooks/useCompile';\n\nexport const DesignableBar = observer((props) => {\n  const { t } = useTranslation();\n  const compile = useCompile();\n  const field = useField();\n  const { designable, schema, refresh, deepRemove } = useDesignable();\n  const [visible, setVisible] = useState(false);\n  const { dragRef } = useContext(DraggableBlockContext);\n  const { props: tableProps } = useTable();\n  const collectionName =\n    field.componentProps?.collectionName || tableProps?.collectionName;\n  const { collection, fields } = useCollection({ collectionName });\n  const fieldNames = field.componentProps.fieldNames;\n  return (\n    <div className={cls('designable-bar', { active: visible })}>\n      <div className={'designable-info'}>\n        {compile(collection?.title || collection?.name)}\n      </div>\n      <span\n        onClick={(e) => {\n          e.stopPropagation();\n        }}\n        className={cls('designable-bar-actions', { active: visible })}\n      >\n        <Space size={2}>\n          <AddNew.CardItem defaultAction={'insertAfter'} ghost />\n          <DragHandle />\n          <Dropdown\n            trigger={['hover']}\n            visible={visible}\n            onVisibleChange={(visible) => {\n              setVisible(visible);\n            }}\n            overlay={\n              <Menu>\n                <Menu.Item icon={<FontSizeOutlined />}>\n                  <div\n                    style={{ display: 'flex', justifyContent: 'space-between' }}\n                  >\n                    {t('Title field')}\n                    <Select\n                      bordered={false}\n                      size={'small'}\n                      style={{ minWidth: 160 }}\n                      value={field.componentProps?.fieldNames.title}\n                      onChange={async (title) => {\n                        field.componentProps.fieldNames = {\n                          ...fieldNames,\n                          title,\n                        };\n                        // set(field.componentProps, 'fieldNames.title', value);\n                        set(\n                          schema['x-component-props'],\n                          'fieldNames.title',\n                          title,\n                        );\n                        await updateSchema(schema);\n                      }}\n                      options={fields?.map((field) => {\n                        return {\n                          label: compile(field?.uiSchema.title),\n                          value: field?.name,\n                        };\n                      })}\n                    />\n                  </div>\n                </Menu.Item>\n                <Menu.Item icon={<CalendarOutlined />}>\n                  <div\n                    style={{ display: 'flex', justifyContent: 'space-between' }}\n                  >\n                    {t('Start date field')}\n                    <Select\n                      bordered={false}\n                      size={'small'}\n                      style={{ minWidth: 160 }}\n                      value={field.componentProps?.fieldNames.start}\n                      onChange={async (value) => {\n                        field.componentProps.fieldNames = {\n                          ...fieldNames,\n                          start: value,\n                        };\n                        // set(field.componentProps, 'fieldNames.start', value);\n                        set(\n                          schema['x-component-props'],\n                          'fieldNames.start',\n                          value,\n                        );\n                        await updateSchema(schema);\n                      }}\n                      options={fields\n                        ?.filter((field) => field.dataType === 'date')\n                        ?.map((field) => {\n                          return {\n                            label: compile(field?.uiSchema.title),\n                            value: field?.name,\n                          };\n                        })}\n                    />\n                  </div>\n                </Menu.Item>\n                <Menu.Item icon={<CalendarOutlined />}>\n                  <div\n                    style={{ display: 'flex', justifyContent: 'space-between' }}\n                  >\n                    {t('End date field')}\n                    <Select\n                      bordered={false}\n                      size={'small'}\n                      style={{ minWidth: 160 }}\n                      value={field.componentProps?.fieldNames.end}\n                      onChange={async (value) => {\n                        field.componentProps.fieldNames = {\n                          ...fieldNames,\n                          end: value,\n                        };\n                        set(\n                          schema['x-component-props'],\n                          'fieldNames.end',\n                          value,\n                        );\n                        await updateSchema(schema);\n                      }}\n                      options={fields\n                        ?.filter((field) => field.dataType === 'date')\n                        ?.map((field) => {\n                          return {\n                            label: compile(field?.uiSchema.title),\n                            value: field?.name,\n                          };\n                        })}\n                    />\n                  </div>\n                </Menu.Item>\n                <Menu.Item\n                  key={'defaultFilter'}\n                  icon={<FilterOutlined />}\n                  onClick={async () => {\n                    const { defaultFilter } = await FormDialog(\n                      t('Set the data scope'),\n                      () => {\n                        return (\n                          <FormLayout layout={'vertical'}>\n                            <SchemaField\n                              schema={{\n                                type: 'object',\n                                properties: {\n                                  defaultFilter: {\n                                    type: 'object',\n                                    'x-component': 'Filter',\n                                    properties: fieldsToFilterColumns(fields),\n                                  },\n                                },\n                              }}\n                            />\n                          </FormLayout>\n                        );\n                      },\n                    ).open({\n                      initialValues: {\n                        defaultFilter:\n                          field?.componentProps?.defaultFilter || {},\n                      },\n                    });\n                    schema['x-component-props']['defaultFilter'] =\n                      defaultFilter;\n                    field.componentProps.defaultFilter = defaultFilter;\n                    await updateSchema(schema);\n                  }}\n                >\n                  {t('Set the data scope')}\n                </Menu.Item>\n                <Menu.Divider />\n                <Menu.Item\n                  key={'delete'}\n                  icon={<DeleteOutlined />}\n                  onClick={async () => {\n                    setVisible(false);\n                    Modal.confirm({\n                      title: t('Delete block'),\n                      content: t('Are you sure you want to delete it?'),\n                      onOk: async () => {\n                        const removed = deepRemove();\n                        // console.log({ removed })\n                        const last = removed.pop();\n                        await removeSchema(last);\n                      },\n                    });\n                  }}\n                >\n                  {t('Delete')}\n                </Menu.Item>\n              </Menu>\n            }\n          >\n            <MenuOutlined />\n          </Dropdown>\n        </Space>\n      </span>\n    </div>\n  );\n});\n"]}