@steedos-widgets/fullcalendar-scheduler 6.10.18

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022, Steedos Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,112 @@
+# Builder Widgets
+
+Adds widgets for Steedos Page editing.
+
+## How to use it
+
+在华炎魔方项目中把开发好并发布到npm仓库的资产包地址配置到环境变量STEEDOS_PUBLIC_PAGE_ASSETURLS中即可。
+
+```bash
+STEEDOS_PUBLIC_PAGE_ASSETURLS=https://unpkg.com/@steedos-widgets/example@0.0.4/dist/assets.json
+```
+
+资产包的地址只要可以访问即可，它可以是发布到npm的包(unpkg.com)地址，也可以是其他任何可以被当前服务访问的地址，比如在远程开发环境中公开的资产包地址。
+
+示例项目 [with-amis-custom-components](https://github.com/steedos/steedos-examples/tree/main/with-amis-custom-components) 完整演示了如何在魔方项目中引用自定义资产包来实现自定义 amis 组件。
+
+## 资产包开发
+
+资产包最终输出的是一个可访问的静态json文件，一般命名为 `assets.json`。
+
+### 资产包内容
+
+以下是一个引用了自定义组件的资产包内容示例。
+
+```json
+// https://unpkg.com/@steedos-widgets/example@0.0.4/dist/assets.json
+{
+    "packages": [
+        {
+            "package": "@steedos-widgets/example",
+            "urls": [
+                "https://unpkg.com/@steedos-widgets/example@0.0.6/dist/example.umd.min.js",
+                "https://unpkg.com/@steedos-widgets/example@0.0.6/dist/example.umd.css"
+            ],
+            "library": "BuilderExample"
+        }
+    ],
+    "components": [
+        {
+            "exportName": "BuilderExampleWidgetsMeta",
+            "npm": {
+                "package": "@steedos-widgets/example"
+            },
+            "url": "https://unpkg.com/@steedos-widgets/example@0.0.6/dist/meta.js",
+            "urls": {
+                "default": "https://unpkg.com/@steedos-widgets/example@0.0.6/dist/meta.js",
+                "design": "https://unpkg.com/@steedos-widgets/example@0.0.6/dist/meta.js"
+            }
+        }
+    ]
+}
+```
+
+资产包分为组件本身和组件可配置属性(meta.js)两部分的资源地址，可以为它们配置npm包名称以及发布到npm仓库的静态访问地址，如果本地已经安装了npm包的话，默认会直接访问本地安装的npm包中的资源文件，否则将重定向到 `urls` 属性中配置的远程资源文件。
+
+#### 输出自定义组件
+
+在 `packages` 节点配置的是自定义组件资源。
+- package: 发布到npm仓库中的包名称。
+- urls: 自定义组件发布到npm仓库后的地址，需要使用 [rollupjs](https://rollupjs.org/) 打包为 `umd` 格式的资源文件。
+- library: 输出的全局变量名称，可以在`window`下访问到该变量。
+
+#### 输出自定义组件可配置属性
+
+在 `components` 节点配置的是自定义组件在设计器中的可配置属性资源，用于把自定义组件集成到微页面引擎，比如amis中。
+- exportName: 输出的全局变量名称，可以在`window`下访问到该变量。
+- npm.package: 发布到npm仓库中的包名称。
+- url: `meta.js` 发布到npm仓库后的地址，需要使用 [rollupjs](https://rollupjs.org/) 打包为 `umd` 格式的资源文件。
+- urls: 同url，区分了设计器和渲染器地址，一般配置为url属性一样的地址。
+
+### 开发
+
+资产包开发主要是需要通过导出配置文件把自定义组件注册到微页面引擎，比如amis中。
+
+本示例中对应的配置文件源码在 `src/metas/Hello.ts`。
+
+关于如何配置相关属性请参考对应的微页面引擎官网文档，比如以下是配置amis引擎时的参考资料：
+
+- https://github.com/aisuda/amis-editor-demo/blob/master/README.md
+- https://github.com/aisuda/amis-widget/blob/master/README.md
+
+### 打包
+
+资产包开发最终输出的 `assets.json` 文件中引用的所有静态资源文件都需要打包为umd格式的模块，我们推荐使用工具 [rollupjs](https://rollupjs.org/)。
+
+本示例中只需要执行以下命令即可打包输出相关模块打包后的umd格式文件。
+
+```bash
+yarn build
+```
+
+### 调式
+
+因为资产包最终输出的静态json文件需要发包到npm仓库后才可以被访问到，这意味着每次改动都需要重新发包才能测试，非常不方便。
+
+所以建议专门输出一个 `assets-dev.json` 文件用于调式，然后使用 `http-server` 这种工具把它公开为静态资源，这样环境变量 `STEEDOS_PUBLIC_PAGE_ASSETURLS` 就可以设置为这个静态资源来测试效果，测试通过后再发版本到npm仓库中。
+
+本示例项目中执行以下指令即可把 `assets-dev.json` 文件公开为可访问的静态资源了。
+
+```bash
+yarn http
+```
+
+### 发包
+
+开发完成后，请执行 [npm publish](https://docs.npmjs.com/cli/v8/commands/npm-publish) 把打包后的资源文件发布为一个npm包到npm仓库中。
+
+## 组件开发
+
+本示例中开发了一个名为 `Hello` 的组件作为示例说明，为了方便演示示例效果，其源码就放在示例项目的 `src/components` 文件夹中，并且打包脚本会把其源码打包为umd格式的资源文件。
+
+但是我们并不推荐大家在实际项目开发中把组件源码与 widgets 项目源码放在一起，widgets 项目是用来把组件注册到微页面引擎中的，组件本身应该在独立的项目中进行开发、打包和发布，只要最终能像本示例一样通过类似 [rollupjs](https://rollupjs.org/) 的工具打包为umd格式的资源文件即可。

package/dist/assets-dev.json

@@ -0,0 +1,28 @@
+{
+    "packages": [
+        {
+            "package": "@steedos-widgets/fullcalendar-scheduler",
+            "urls": [
+                "https://unpkg.steedos.cn/fullcalendar-scheduler@5.11.4/main.min.js",
+                "https://unpkg.steedos.cn/fullcalendar-scheduler@5.11.4/locales-all.min.js",
+                "https://unpkg.steedos.cn/fullcalendar-scheduler@5.11.4/main.min.css",
+                "http://127.0.0.1:8080/@steedos-widgets/fullcalendar-scheduler/dist/fullcalendar.umd.js",
+                "http://127.0.0.1:8080/@steedos-widgets/fullcalendar-scheduler/dist/fullcalendar.umd.css"
+            ],
+            "library": "BuilderFullCalendar"
+        }
+    ],
+    "components": [
+        {
+            "exportName": "BuilderFullCalendarMeta",
+            "npm": {
+                "package": "@steedos-widgets/fullcalendar-scheduler"
+            },
+            "url": "http://127.0.0.1:8080/@steedos-widgets/fullcalendar-scheduler/dist/meta.js",
+            "urls": {
+                "default": "http://127.0.0.1:8080/@steedos-widgets/fullcalendar-scheduler/dist/meta.js",
+                "design": "http://127.0.0.1:8080/@steedos-widgets/fullcalendar-scheduler/dist/meta.js"
+            }
+        }
+    ]
+}

package/dist/assets.json

@@ -0,0 +1,28 @@
+{
+    "packages": [
+        {
+            "package": "@steedos-widgets/fullcalendar-scheduler",
+            "urls": [
+                "https://unpkg.steedos.cn/fullcalendar-scheduler@5.11.4/main.min.js",
+                "https://unpkg.steedos.cn/fullcalendar-scheduler@5.11.4/locales-all.min.js",
+                "https://unpkg.steedos.cn/fullcalendar-scheduler@5.11.4/main.min.css",
+                "https://unpkg.com/@steedos-widgets/fullcalendar-scheduler@6.10.18/dist/fullcalendar.umd.js",
+                "https://unpkg.com/@steedos-widgets/fullcalendar-scheduler@6.10.18/dist/fullcalendar.umd.css"
+            ],
+            "library": "BuilderFullCalendar"
+        }
+    ],
+    "components": [
+        {
+            "exportName": "BuilderFullCalendarMeta",
+            "npm": {
+                "package": "@steedos-widgets/fullcalendar-scheduler"
+            },
+            "url": "https://unpkg.com/@steedos-widgets/fullcalendar-scheduler@6.10.18/dist/meta.js",
+            "urls": {
+                "default": "https://unpkg.com/@steedos-widgets/fullcalendar-scheduler@6.10.18/dist/meta.js",
+                "design": "https://unpkg.com/@steedos-widgets/fullcalendar-scheduler@6.10.18/dist/meta.js"
+            }
+        }
+    ]
+}

package/dist/components/CalendarJS.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './Calendar.css';
+export declare const FullCalendar: ({ dispatchEvent: amisDispatchEvent, data: amisData, ...props }: {
+    [x: string]: any;
+    dispatchEvent: any;
+    data: any;
+}) => React.JSX.Element;

package/dist/components/index.d.ts

@@ -0,0 +1 @@
+export * from './CalendarJS';

package/dist/fullcalendar.umd.css

@@ -0,0 +1,64 @@
+:root {
+    --fc-button-text-color: #0176d3;
+    --fc-button-bg-color: #fff;
+    --fc-button-border-color: #c9c9c9;
+    --fc-button-hover-bg-color: #f3f3f3;
+    --fc-button-hover-border-color: #c9c9c9;
+    --fc-button-active-bg-color: #eeeeee;
+    --fc-button-active-border-color: #c9c9c9;
+}
+
+.steedos-object-listview .fc-media-screen{
+    --tw-bg-opacity: 1;
+    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
+}
+.steedos-object-listview .fc-media-screen .fc-view-harness{
+    background: #fff;
+    max-height: calc(100vh - 240px);
+}
+.steedos-object-listview .fc-theme-standard .fc-scrollgrid{
+    border-left: none;
+    border-right: none;
+}
+.steedos-object-listview .fc .fc-scrollgrid-section > *{
+    border-right-width: 0;
+}
+.steedos-object-listview .fc .fc-scrollgrid-section-liquid > td{
+    border-right-width: 0;
+}
+.steedos-object-listview .fc .fc-scrollgrid-section > td{
+    border-right-width: 0;
+}
+.steedos-object-listview .fc .fc-toolbar.fc-header-toolbar{
+    margin: var(--gap-md);
+    margin-top: var(--gap-sm);
+}
+.fc-media-screen a:hover{
+    background-color: var(--fc-event-bg-color, #3788d8) !important;
+}
+
+@media (max-width: 768px){
+    .steedos-object-listview  .fc-header-toolbar{
+        display: flex;
+        flex-direction: column-reverse;
+        margin-left: 0 !important;
+        margin-right: 0 !important;
+        padding: 0;
+    }
+    .steedos-object-listview  .fc-header-toolbar .fc-toolbar-chunk:first-child{
+        margin-top: 10px;
+    }
+    .steedos-object-listview  .fc-header-toolbar .fc-toolbar-chunk:last-of-type{
+        width: 100%;
+    }
+    .steedos-object-listview  .fc-header-toolbar .fc-toolbar-chunk:last-of-type .fc-button-group:first-child{
+        float: right;
+        margin-right: .75em;
+    }
+    .steedos-object-listview  .fc-header-toolbar .fc-toolbar-chunk:last-of-type .fc-button-group:last-of-type{
+        float: left;
+    }
+    .steedos-object-listview .fc-media-screen .fc-view-harness{
+        min-height: calc(100vh - 262px);
+    }
+}

package/dist/fullcalendar.umd.js

@@ -0,0 +1,361 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+(function (global, factory) {
+  (typeof exports === "undefined" ? "undefined" : _typeof(exports)) === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) : typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) : (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.BuilderFullCalendar = {}, global.React));
+})(this, function (exports, React) {
+  var global = window;
+  function _interopDefaultLegacy(e) {
+    return e && _typeof(e) === 'object' && 'default' in e ? e : {
+      'default': e
+    };
+  }
+  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+  /******************************************************************************
+  Copyright (c) Microsoft Corporation.
+   Permission to use, copy, modify, and/or distribute this software for any
+  purpose with or without fee is hereby granted.
+   THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+  REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+  AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+  INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+  LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+  PERFORMANCE OF THIS SOFTWARE.
+  ***************************************************************************** */
+  /* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
+    };
+    return _extendStatics(d, b);
+  };
+  function __extends(d, b) {
+    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+    _extendStatics(d, b);
+    function __() {
+      this.constructor = d;
+    }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  }
+  var _assign = function __assign() {
+    _assign = Object.assign || function __assign(t) {
+      for (var s, i = 1, n = arguments.length; i < n; i++) {
+        s = arguments[i];
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+      return t;
+    };
+    return _assign.apply(this, arguments);
+  };
+  function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+    }
+    return t;
+  }
+  function __awaiter(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());
+    });
+  }
+  function __generator(thisArg, body) {
+    var _ = {
+        label: 0,
+        sent: function sent() {
+          if (t[0] & 1) throw t[1];
+          return t[1];
+        },
+        trys: [],
+        ops: []
+      },
+      f,
+      y,
+      t,
+      g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function () {
+      return this;
+    }), g;
+    function verb(n) {
+      return function (v) {
+        return step([n, v]);
+      };
+    }
+    function step(op) {
+      if (f) throw new TypeError("Generator is already executing.");
+      while (g && (g = 0, op[0] && (_ = 0)), _) try {
+        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+        if (y = 0, t) op = [op[0] & 2, t.value];
+        switch (op[0]) {
+          case 0:
+          case 1:
+            t = op;
+            break;
+          case 4:
+            _.label++;
+            return {
+              value: op[1],
+              done: false
+            };
+          case 5:
+            _.label++;
+            y = op[1];
+            op = [0];
+            continue;
+          case 7:
+            op = _.ops.pop();
+            _.trys.pop();
+            continue;
+          default:
+            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+              _ = 0;
+              continue;
+            }
+            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+              _.label = op[1];
+              break;
+            }
+            if (op[0] === 6 && _.label < t[1]) {
+              _.label = t[1];
+              t = op;
+              break;
+            }
+            if (t && _.label < t[2]) {
+              _.label = t[2];
+              _.ops.push(op);
+              break;
+            }
+            if (t[2]) _.ops.pop();
+            _.trys.pop();
+            continue;
+        }
+        op = body.call(thisArg, _);
+      } catch (e) {
+        op = [6, e];
+        y = 0;
+      } finally {
+        f = t = 0;
+      }
+      if (op[0] & 5) throw op[1];
+      return {
+        value: op[0] ? op[1] : void 0,
+        done: true
+      };
+    }
+  }
+  typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+  };
+  var DivWrapper = /** @class */function (_super) {
+    __extends(DivWrapper, _super);
+    function DivWrapper() {
+      return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DivWrapper.prototype.render = function () {
+      var _a = this.props,
+        children = _a.children,
+        props = __rest(_a, ["children"]);
+      return React__default["default"].createElement(React__default["default"].Fragment, _assign({}, props), children);
+    };
+    return DivWrapper;
+  }(React__default["default"].Component);
+  var FullCalendar = function FullCalendar(_a) {
+    var amisDispatchEvent = _a.dispatchEvent,
+      amisData = _a.data,
+      props = __rest(_a, ["dispatchEvent", "data"]);
+    if (!props.data) {
+      props.data = {};
+    }
+    var calendarWrapperRef = React.useRef(null);
+    // 1. 创建一个 ref 来引用将要渲染日历的 DOM 元素
+    var calendarRef = React.useRef(null);
+    // 2. 创建一个 ref 来存储 FullCalendar 实例
+    var calendarInstance = React.useRef(null);
+    var initialLocaleCode = 'zh-cn';
+    var dispatchEvent = function dispatchEvent(action, value) {
+      return __awaiter(void 0, void 0, void 0, function () {
+        var rendererEvent;
+        var _a;
+        return __generator(this, function (_b) {
+          switch (_b.label) {
+            case 0:
+              if (!amisDispatchEvent) return [2 /*return*/];
+              return [4 /*yield*/, amisDispatchEvent(action, value ? window.AmisCore.utils.createObject(amisData, value) : amisData,
+              //为了解决dispatchevent不生效的问题, https://github.com/baidu/amis/issues/7488
+              calendarWrapperRef.current)];
+            case 1:
+              rendererEvent = _b.sent();
+              return [2 /*return*/, (_a = rendererEvent === null || rendererEvent === void 0 ? void 0 : rendererEvent.prevented) !== null && _a !== void 0 ? _a : false];
+          }
+        });
+      });
+    };
+    var handleGetEvents = function handleGetEvents(fetchInfo, successCallback, failureCallback) {
+      // fix：控件初始 render 的时候，dispatchEvent未生效
+      setTimeout(function () {
+        dispatchEvent('getEvents', {
+          fetchInfo: fetchInfo,
+          successCallback: successCallback,
+          failureCallback: failureCallback
+        });
+      }, 100);
+    };
+    var handleSelect = function handleSelect(event) {
+      dispatchEvent('select', event);
+    };
+    var handleEventsSet = function handleEventsSet(event) {
+      dispatchEvent('eventsSet', event);
+    };
+    var handleEventClick = function handleEventClick(event) {
+      dispatchEvent('eventClick', event);
+    };
+    var handleEventAdd = function handleEventAdd(event) {
+      dispatchEvent('eventAdd', event);
+    };
+    var handleEventChange = function handleEventChange(event) {
+      dispatchEvent('eventChange', event);
+    };
+    var handleEventRemove = function handleEventRemove(event) {
+      dispatchEvent('eventRemove', event);
+    };
+    var handleEventDidMount = function handleEventDidMount(event) {
+      dispatchEvent('eventDidMount', event);
+    };
+    var handleEventWillUnmount = function handleEventWillUnmount(event) {
+      dispatchEvent('eventWillUnmount', event);
+    };
+    var handleNoEventsDidMount = function handleNoEventsDidMount(event) {
+      dispatchEvent('noEventsDidMount', event);
+    };
+    var handleNoEventsWillUnmount = function handleNoEventsWillUnmount(event) {
+      dispatchEvent('noEventsWillUnmount', event);
+    };
+    // useEffect 在组件挂载后运行
+    React.useEffect(function () {
+      // 检查全局 FullCalendar 对象是否可用
+      if (window.FullCalendar && calendarRef.current) {
+        // 确保 FullCalendar 实例不存在，避免重复初始化
+        if (!calendarInstance.current) {
+          // 3. 初始化 FullCalendar 实例，使用 resourceTimelineWeek 视图
+          var calendar = new window.FullCalendar.Calendar(calendarRef.current, _assign({
+            headerToolbar: {
+              left: 'title',
+              center: '',
+              right: 'prev,next today dayGridMonth,timeGridWeek,timeGridDay,listWeek'
+            },
+            // 添加一些配置，例如资源列表，否则 resourceTimeline 视图可能不显示
+            resources: [
+              // { id: 'a', title: 'Room A' },
+              // { id: 'b', title: 'Room B' },
+              // { id: 'c', title: 'Room C' },
+            ],
+            locale: initialLocaleCode,
+            editable: true,
+            selectable: true,
+            selectMirror: true,
+            dayMaxEvents: true,
+            initialView: 'dayGridMonth',
+            events: handleGetEvents,
+            select: handleSelect,
+            eventClick: handleEventClick,
+            eventsSet: handleEventsSet,
+            eventAdd: handleEventAdd,
+            eventChange: handleEventChange,
+            eventRemove: handleEventRemove,
+            eventDidMount: handleEventDidMount,
+            eventWillUnmount: handleEventWillUnmount,
+            noEventsDidMount: handleNoEventsDidMount,
+            noEventsWillUnmount: handleNoEventsWillUnmount,
+            forceEventDuration: true
+          }, props));
+          // 4. 渲染日历
+          calendar.render();
+          // 5. 将实例存储到 ref 中，以便在卸载时销毁
+          calendarInstance.current = calendar;
+          dispatchEvent('setCalendarApi', {
+            calendarApi: calendar
+          });
+        }
+      }
+      // 6. 清理函数：组件卸载时销毁 FullCalendar 实例
+      return function () {
+        if (calendarInstance.current) {
+          calendarInstance.current.destroy();
+          calendarInstance.current = null;
+        }
+      };
+    }, []); // 空数组依赖项表示只在挂载和卸载时运行
+    // forceEventDuration属性设置为true修正了把全天事件拖动变更到非全天事件时end为空造成的事件在画布上看不到的问题。
+    return (
+      // <FullCalendarReact 
+      //   // plugins={[dayGridPlugin, timeGridPlugin, interactionPlugin, listPlugin]}
+      // headerToolbar={{
+      //   left: 'title',
+      //   center: '',
+      //   right: 'prev,next today dayGridMonth,timeGridWeek,timeGridDay,listWeek'
+      // }}
+      //   ref={calendarRef}
+      //   // locales={allLocales}
+      //   locale={initialLocaleCode}
+      //   editable={true}
+      //   selectable={true}
+      //   selectMirror={true}
+      //   dayMaxEvents={true}
+      //   initialView='timeGridWeek'
+      //   events={handleGetEvents}
+      //   select={handleSelect}
+      //   eventClick={handleEventClick}
+      //   eventsSet={handleEventsSet}
+      //   eventAdd={handleEventAdd}
+      //   eventChange={handleEventChange}
+      //   eventRemove={handleEventRemove}
+      //   eventDidMount={handleEventDidMount}
+      //   eventWillUnmount={handleEventWillUnmount}
+      //   // noEventsDidMount={handleNoEventsDidMount}
+      //   // noEventsWillUnmount={handleNoEventsWillUnmount}
+      //   forceEventDuration={true}
+      //   {...props}
+      // />
+      React__default["default"].createElement(DivWrapper, _assign({
+        id: 'calendar',
+        ref: calendarWrapperRef
+      }, props), React__default["default"].createElement("div", {
+        id: 'calendar',
+        ref: calendarRef
+      }))
+    );
+  };
+  exports.FullCalendar = FullCalendar;
+  Object.defineProperty(exports, '__esModule', {
+    value: true
+  });
+});

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/meta.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    componentList: {
+        title: string;
+        icon: string;
+        children: any[];
+    }[];
+    components: any[];
+};
+export default _default;

package/dist/meta.js

@@ -0,0 +1,161 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+    typeof define === 'function' && define.amd ? define(factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.BuilderFullCalendarMeta = factory());
+})(this, (function () { 'use strict';
+
+    /******************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+
+    var __assign = function() {
+        __assign = Object.assign || function __assign(t) {
+            for (var s, i = 1, n = arguments.length; i < n; i++) {
+                s = arguments[i];
+                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+            }
+            return t;
+        };
+        return __assign.apply(this, arguments);
+    };
+
+    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+        var e = new Error(message);
+        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
+
+    var config = {
+        group: "华炎魔方",
+        componentName: "FullCalendar",
+        title: "日程",
+        docUrl: "",
+        screenshot: "",
+        npm: {
+            package: "@steedos-widgets/fullcalendar-scheduler",
+            version: "{{version}}",
+            exportName: "FullCalendar",
+            main: "",
+            destructuring: true,
+            subName: ""
+        },
+        props: [],
+        preview: {},
+        targets: ["steedos__RecordPage", "steedos__AppPage", "steedos__HomePage"],
+        engines: ["amis"],
+        // settings for amis.
+        amis: {
+            name: 'steedos-fullcalendar',
+            icon: "fa-fw fa fa-list-alt"
+        }
+    };
+    var Calendar = __assign(__assign({}, config), { snippets: [
+            {
+                title: config.title,
+                screenshot: "",
+                schema: {
+                    componentName: config.componentName,
+                    props: config.preview
+                }
+            }
+        ], amis: {
+            render: {
+                type: config.amis.name,
+                usage: "formitem",
+                weight: 1,
+                framework: "react"
+            },
+            plugin_disabled: {
+                rendererName: config.amis.name,
+                $schema: '/schemas/UnkownSchema.json',
+                name: config.title,
+                description: config.title,
+                tags: [config.group],
+                order: -9999,
+                icon: config.amis.icon,
+                scaffold: {
+                    type: config.amis.name,
+                    label: config.title,
+                    title: "",
+                    content: ""
+                },
+                previewSchema: {
+                    type: config.amis.name,
+                },
+                panelTitle: "设置",
+                panelControls: [
+                    {
+                        type: "text",
+                        name: "title",
+                        label: "标题",
+                    },
+                    {
+                        type: "text",
+                        name: "content",
+                        label: "内容"
+                    }
+                ],
+                events: [{
+                        eventName: "eventClick",
+                        eventLabel: 'eventClick',
+                        description: 'Click on an event.',
+                        dataSchema: [{
+                                type: "object",
+                                properties: {
+                                    "event.data.name": {
+                                        type: "string",
+                                        title: "name"
+                                    },
+                                }
+                            }]
+                    }],
+                //   panelBodyCreator: function(context) {
+                //     return window['AmisEditorCore'].getSchemaTpl('tabs', [
+                //       {
+                //         title: '常规',
+                //         controls: [
+                //           {
+                //             name: 'name',
+                //             label: '标题',
+                //             type: 'text'
+                //           }
+                //         ]
+                //       },
+                //     ]);
+                //   }
+            },
+        } });
+
+    /*
+     * @Author: baozhoutao@steedos.com
+     * @Date: 2022-08-31 16:32:35
+     * @LastEditors: baozhoutao@steedos.com
+     * @LastEditTime: 2022-09-01 18:46:29
+     * @Description:
+     */
+    var components = [Calendar];
+    var componentList = [
+        {
+            title: "华炎魔方",
+            icon: "",
+            children: [Calendar]
+        }
+    ];
+    var meta = {
+        componentList: componentList,
+        components: components
+    };
+
+    return meta;
+
+}));

package/dist/metas/Calendar.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/types/components/CalendarJS.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './Calendar.css';
+export declare const FullCalendar: ({ dispatchEvent: amisDispatchEvent, data: amisData, ...props }: {
+    [x: string]: any;
+    dispatchEvent: any;
+    data: any;
+}) => React.JSX.Element;

package/dist/types/components/index.d.ts

@@ -0,0 +1 @@
+export * from './CalendarJS';

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/types/meta.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    componentList: {
+        title: string;
+        icon: string;
+        children: any[];
+    }[];
+    components: any[];
+};
+export default _default;

package/dist/types/metas/Calendar.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@steedos-widgets/fullcalendar-scheduler",
+  "private": false,
+  "version": "6.10.18",
+  "main": "dist/fullcalendar.cjs.js",
+  "module": "dist/fullcalendar.esm.js",
+  "unpkg": "dist/fullcalendar.umd.js",
+  "typings": "dist/fullcalendar.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "prebuild": "rimraf dist",
+    "http": "npx http-server ../ --port 8080 --cors -c -1",
+    "build": "yarn build-types && yarn build-rollup",
+    "build-types": "tsc --emitDeclarationOnly --declaration --declarationDir dist/types",
+    "build-rollup": "rollup -c rollup.config.ts"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "@rollup/plugin-babel": "^5.3.1",
+    "@rollup/plugin-commonjs": "^22.0.0",
+    "@rollup/plugin-node-resolve": "^13.1.3",
+    "@rollup/plugin-typescript": "^8.4.0",
+    "@types/react": "^18.0.8",
+    "@types/react-dom": "^18.0.6",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "rollup": "^2.70.1",
+    "rollup-plugin-alias": "^2.2.0",
+    "rollup-plugin-external-globals": "^0.6.1",
+    "rollup-plugin-json": "^4.0.0",
+    "rollup-plugin-node-builtins": "^2.1.2",
+    "rollup-plugin-node-globals": "^1.4.0",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-polyfill-node": "^0.8.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-postcss-webpack-alias-less-loader": "^1.0.0",
+    "rollup-plugin-re": "^1.0.7",
+    "rollup-plugin-replace": "^2.0.0",
+    "rollup-plugin-sourcemaps": "^0.6.3",
+    "rollup-plugin-svg": "^2.0.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-tslib-resolve-id": "^0.0.0",
+    "rollup-plugin-visualizer": "^5.8.0"
+  },
+  "gitHead": "f4713661803cb82bff4b59c316b7cb32d5bcc6ee"
+}