@pisell/private-materials 3.0.156 → 3.0.157

package/es/components/booking/addons/model.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/es/components/booking/forms/model.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/es/components/booking/notes/index.d.ts

@@ -4,5 +4,5 @@ export interface InfoProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const Notes: (props: any) => any;
+declare const Notes: any;
 export default Notes;

package/es/components/booking/notes/model.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/es/components/booking/payments/model.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/es/components/schedules/index.d.ts

@@ -1,3 +1,3 @@
 import "./index.less";
-declare const Schedules: (props: any) => any;
+declare const Schedules: (props: any) => JSX.Element;
 export default Schedules;

package/es/components/schedules/model.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalendarDataItem, ScheduleItem } from "./type";
 import dayjs from "dayjs";
 export interface FormState {
@@ -69,7 +68,7 @@ export interface FormState {
     };
     setGlobalState: Function | null;
 }
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/es/components/schedules/resources/add/index.js

@@ -4,17 +4,17 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { Modal } from "antd";
-import { forwardRef, useImperativeHandle, useRef, useState } from "react";
+import { Modal } from 'antd';
+import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
 import useComponents from "../../../../hooks/useComponents";
 var ResourcesAdd = function ResourcesAdd(_ref, refs) {
   var onSuccess = _ref.onSuccess;
-  var fromDataNewRef = useRef();
+  var formDataNewRef = useRef();
   var _useComponents = useComponents({
-      components: ["FromDataNew"]
+      components: ['FormDataNew']
     }),
     _useComponents2 = _slicedToArray(_useComponents, 1),
-    FromDataNew = _useComponents2[0];
+    FormDataNew = _useComponents2[0];
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -38,8 +38,8 @@ var ResourcesAdd = function ResourcesAdd(_ref, refs) {
     };
   });
   var onSubmit = function onSubmit() {
-    var _fromDataNewRef$curre;
-    (_fromDataNewRef$curre = fromDataNewRef.current) === null || _fromDataNewRef$curre === void 0 ? void 0 : _fromDataNewRef$curre.submit();
+    var _formDataNewRef$curre;
+    (_formDataNewRef$curre = formDataNewRef.current) === null || _formDataNewRef$curre === void 0 ? void 0 : _formDataNewRef$curre.submit();
   };
   return /*#__PURE__*/React.createElement(Modal, {
     open: open,
@@ -47,9 +47,9 @@ var ResourcesAdd = function ResourcesAdd(_ref, refs) {
     onCancel: onClose,
     onOk: onSubmit,
     destroyOnClose: true
-  }, FromDataNew && /*#__PURE__*/React.createElement(FromDataNew, {
+  }, FormDataNew && /*#__PURE__*/React.createElement(FormDataNew, {
     formId: formId,
-    ref: fromDataNewRef,
+    ref: formDataNewRef,
     formChange: function formChange(isSuccess, params) {
       if (isSuccess) {
         onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(params);

package/es/components/schedules/resources/edit/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default _default;

package/es/components/schedules/resources/edit/index.js

@@ -0,0 +1,116 @@
+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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { Button } from 'antd';
+import Drawer from "../../../booking/components/drawer";
+import useComponents from "../../../../hooks/useComponents";
+import { locales } from '@pisell/utils';
+import "./index.less";
+
+// 过滤白名单
+// ● Schedule / 日程计划 (2.0版）
+// ● Max participants / 最大参与人数
+// ● Products / 关联商品
+// ● Capacity / 容量（本次新增的form组件）
+// ● Services / 关联服务（本次新增的form组件）
+
+var filterList = ['schedule', 'max_participants', 'partyroom_package', 'products', 'capacity'];
+var ResourcesDetail = function ResourcesDetail(_ref, refs) {
+  var onSuccess = _ref.onSuccess;
+  var formDataEditRef = useRef();
+  var _useComponents = useComponents({
+      components: ['FormDataEdit']
+    }),
+    _useComponents2 = _slicedToArray(_useComponents, 1),
+    FormDataEdit = _useComponents2[0];
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentResource = _useState4[0],
+    setCurrentResource = _useState4[1];
+  var _useState5 = useState(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    formId = _useState6[0],
+    setFormId = _useState6[1];
+  var _useState7 = useState(0),
+    _useState8 = _slicedToArray(_useState7, 2),
+    formRecordId = _useState8[0],
+    setFormRecordId = _useState8[1];
+  var _onClose = function onClose() {
+    setOpen(false);
+  };
+  var onOpen = function onOpen() {
+    setOpen(true);
+  };
+  useImperativeHandle(refs, function () {
+    return {
+      open: function open(item) {
+        onOpen();
+        setCurrentResource(item);
+        setFormId(item.form_id);
+        setFormRecordId(item.id);
+      }
+    };
+  });
+  var onSubmit = function onSubmit() {
+    var _formDataEditRef$curr;
+    console.log('formDataEditRef', formDataEditRef);
+    (_formDataEditRef$curr = formDataEditRef.current) === null || _formDataEditRef$curr === void 0 ? void 0 : _formDataEditRef$curr.submit();
+  };
+  useEffect(function () {
+    console.log('formDataEditRef?.current', formDataEditRef === null || formDataEditRef === void 0 ? void 0 : formDataEditRef.current);
+  }, [formDataEditRef === null || formDataEditRef === void 0 ? void 0 : formDataEditRef.current]);
+  return /*#__PURE__*/React.createElement(Drawer, {
+    width: "100%",
+    placement: "right",
+    open: open,
+    getContainer: document.querySelector('.pisell-lowcode__schedules-component-resources') || document.body,
+    titleNoWrap: true,
+    headerStyle: {
+      display: 'none'
+    },
+    onClose: function onClose() {
+      _onClose(false);
+    },
+    bodyStyle: {
+      padding: 0
+    },
+    title: currentResource === null || currentResource === void 0 ? void 0 : currentResource.title,
+    rootStyle: {
+      position: 'absolute'
+    },
+    contentWrapperStyle: {
+      boxShadow: 'none'
+    },
+    destroyOnClose: true
+  }, FormDataEdit && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormDataEdit, {
+    formId: formId,
+    formRecordId: formRecordId,
+    filterList: filterList,
+    onReady: function onReady(ref) {
+      formDataEditRef.current = ref;
+    },
+    formChange: function formChange(isSuccess, params) {
+      if (isSuccess) {
+        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(params);
+        _onClose();
+      }
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__schedules-component-resources-detail-footer"
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: "footer-btn",
+    type: "primary",
+    onClick: onSubmit
+    //   loading={_setResourceRelation.loading}
+    //   disabled={!isChangeData}
+  }, locales.getText('pisell2.text.schedules.save')))));
+};
+export default /*#__PURE__*/forwardRef(ResourcesDetail);

package/es/components/schedules/resources/edit/index.less

@@ -0,0 +1,19 @@
+.pisell-lowcode__schedules-component-resources-detail-footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  position: absolute;
+  padding: 8px 16px;
+  border-top: 1px solid rgba(22, 44, 88, 0.09);
+  bottom: 0;
+  width: 100%;
+  left: 0;
+  background-color: #ffffff;
+  z-index: 999;
+  .footer-btn {
+    flex: 1;
+    &.cancel-btn {
+      margin-right: 12px;
+    }
+  }
+}

package/es/components/schedules/resources/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import "./index.less";
+import React from 'react';
+import './index.less';
 declare const Resources: () => React.JSX.Element;
 export default Resources;

package/es/components/schedules/resources/index.js

@@ -10,18 +10,19 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { useRequest } from "ahooks";
-import { Collapse, Empty, Skeleton } from "antd";
-import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
+import { useRequest } from 'ahooks';
+import { Collapse, Empty, Skeleton } from 'antd';
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import CurrentDay from "../components/CurrentDay";
 import Search from "../components/Search";
 import { Context } from "../model";
 import ResourcesAdd from "./add";
+import ResourcesEdit from "./edit";
 import ResourcesDetail from "./detail";
 import "./index.less";
 import List from "./list";
 import { getFormTypes, getRelationResource } from "./serve";
-import { locales } from "@pisell/utils";
+import { locales } from '@pisell/utils';
 var Resources = function Resources() {
   var _useContext = useContext(Context),
     state = _useContext.state,
@@ -31,8 +32,9 @@ var Resources = function Resources() {
     tabKey = state.tabKey;
   var cacheResource = resources === null || resources === void 0 ? void 0 : resources.cacheResource;
   var resourcesAddRef = useRef();
+  var resourcesEditRef = useRef();
   var resourcesDetailRef = useRef();
-  var _useState = useState(""),
+  var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     seachText = _useState2[0],
     setSearchText = _useState2[1];
@@ -89,12 +91,12 @@ var Resources = function Resources() {
       skip: 1,
       num: 500,
       schedule_ids: currentSelectDayDetail ? currentSelectDayDetail.scheduleIds || [] : undefined,
-      exclude_form_code: ["opening_hours"]
+      exclude_form_code: ['opening_hours']
     }, params || null);
   };
   useEffect(function () {
     _getFormTypes.run({
-      type: "manual",
+      type: 'manual',
       num: 500,
       skip: 1
     });
@@ -104,13 +106,14 @@ var Resources = function Resources() {
   }, [currentSelectDayDetail === null || currentSelectDayDetail === void 0 ? void 0 : currentSelectDayDetail.scheduleIds]);
   useEffect(function () {
     if (cacheResource) {
-      var _resourcesDetailRef$c, _resourcesDetailRef$c2;
-      (_resourcesDetailRef$c = resourcesDetailRef.current) === null || _resourcesDetailRef$c === void 0 ? void 0 : (_resourcesDetailRef$c2 = _resourcesDetailRef$c.open) === null || _resourcesDetailRef$c2 === void 0 ? void 0 : _resourcesDetailRef$c2.call(_resourcesDetailRef$c, cacheResource);
+      var _resourcesEditRef$cur, _resourcesEditRef$cur2;
+      //   resourcesDetailRef.current?.open?.(cacheResource);
+      (_resourcesEditRef$cur = resourcesEditRef.current) === null || _resourcesEditRef$cur === void 0 ? void 0 : (_resourcesEditRef$cur2 = _resourcesEditRef$cur.open) === null || _resourcesEditRef$cur2 === void 0 ? void 0 : _resourcesEditRef$cur2.call(_resourcesEditRef$cur, cacheResource);
       // 滚动到 id 对应的位置
       setTimeout(function () {
         var _el$scrollIntoView;
         var el = document.getElementById("".concat(cacheResource.id));
-        console.log("el", el);
+        console.log('el', el);
         el === null || el === void 0 ? void 0 : (_el$scrollIntoView = el.scrollIntoView) === null || _el$scrollIntoView === void 0 ? void 0 : _el$scrollIntoView.call(el, true);
       }, 100);
     }
@@ -142,7 +145,8 @@ var Resources = function Resources() {
           list: resources.map(function (resource) {
             return {
               id: resource.id,
-              title: resource.title
+              title: resource.title,
+              form_id: item.id
             };
           }),
           addClick: function addClick() {
@@ -150,8 +154,9 @@ var Resources = function Resources() {
             (_resourcesAddRef$curr = resourcesAddRef.current) === null || _resourcesAddRef$curr === void 0 ? void 0 : (_resourcesAddRef$curr2 = _resourcesAddRef$curr.open) === null || _resourcesAddRef$curr2 === void 0 ? void 0 : _resourcesAddRef$curr2.call(_resourcesAddRef$curr, item.id);
           },
           itemClick: function itemClick(resource) {
-            var _resourcesDetailRef$c3, _resourcesDetailRef$c4;
-            (_resourcesDetailRef$c3 = resourcesDetailRef.current) === null || _resourcesDetailRef$c3 === void 0 ? void 0 : (_resourcesDetailRef$c4 = _resourcesDetailRef$c3.open) === null || _resourcesDetailRef$c4 === void 0 ? void 0 : _resourcesDetailRef$c4.call(_resourcesDetailRef$c3, resource);
+            var _resourcesEditRef$cur3, _resourcesEditRef$cur4;
+            //   resourcesDetailRef.current?.open?.(resource);
+            (_resourcesEditRef$cur3 = resourcesEditRef.current) === null || _resourcesEditRef$cur3 === void 0 ? void 0 : (_resourcesEditRef$cur4 = _resourcesEditRef$cur3.open) === null || _resourcesEditRef$cur4 === void 0 ? void 0 : _resourcesEditRef$cur4.call(_resourcesEditRef$cur3, resource);
           }
         })
       };
@@ -159,7 +164,7 @@ var Resources = function Resources() {
   }, [formTypes, seachText, relationResource]);
   var handleClose = function handleClose() {
     dispatch({
-      type: "setState",
+      type: 'setState',
       payload: {
         currentSelectDayDetail: null
       }
@@ -169,7 +174,7 @@ var Resources = function Resources() {
     className: "pisell-lowcode__schedules-component-resources"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      padding: "0 32px"
+      padding: '0 32px'
     }
   }, /*#__PURE__*/React.createElement(CurrentDay, {
     onClose: handleClose,
@@ -196,10 +201,13 @@ var Resources = function Resources() {
     }
   }) : /*#__PURE__*/React.createElement(Empty, {
     image: Empty.PRESENTED_IMAGE_SIMPLE,
-    description: locales.getText("pisell2.text.products.no-resources")
+    description: locales.getText('pisell2.text.products.no-resources')
   })))), /*#__PURE__*/React.createElement(ResourcesAdd, {
     ref: resourcesAddRef,
     onSuccess: init
+  }), /*#__PURE__*/React.createElement(ResourcesEdit, {
+    ref: resourcesEditRef,
+    onSuccess: init
   }), /*#__PURE__*/React.createElement(ResourcesDetail, {
     tabKey: tabKey,
     ref: resourcesDetailRef,

package/lib/components/booking/addons/model.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/lib/components/booking/forms/model.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/lib/components/booking/notes/index.d.ts

@@ -4,5 +4,5 @@ export interface InfoProps {
     globalState: any;
     setGlobalState: any;
 }
-declare const Notes: (props: any) => any;
+declare const Notes: any;
 export default Notes;

package/lib/components/booking/notes/model.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/lib/components/booking/payments/model.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/lib/components/schedules/index.d.ts

@@ -1,3 +1,3 @@
 import "./index.less";
-declare const Schedules: (props: any) => any;
+declare const Schedules: (props: any) => JSX.Element;
 export default Schedules;

package/lib/components/schedules/model.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalendarDataItem, ScheduleItem } from "./type";
 import dayjs from "dayjs";
 export interface FormState {
@@ -69,7 +68,7 @@ export interface FormState {
     };
     setGlobalState: Function | null;
 }
-export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

package/lib/components/schedules/resources/add/index.js

@@ -36,9 +36,9 @@ var import_antd = require("antd");
 var import_react = require("react");
 var import_useComponents = __toESM(require("../../../../hooks/useComponents"));
 var ResourcesAdd = ({ onSuccess }, refs) => {
-  const fromDataNewRef = (0, import_react.useRef)();
-  const [FromDataNew] = (0, import_useComponents.default)({
-    components: ["FromDataNew"]
+  const formDataNewRef = (0, import_react.useRef)();
+  const [FormDataNew] = (0, import_useComponents.default)({
+    components: ["FormDataNew"]
   });
   const [open, setOpen] = (0, import_react.useState)(false);
   const [formId, setFormId] = (0, import_react.useState)(0);
@@ -58,7 +58,7 @@ var ResourcesAdd = ({ onSuccess }, refs) => {
   });
   const onSubmit = () => {
     var _a;
-    (_a = fromDataNewRef.current) == null ? void 0 : _a.submit();
+    (_a = formDataNewRef.current) == null ? void 0 : _a.submit();
   };
   return /* @__PURE__ */ React.createElement(
     import_antd.Modal,
@@ -69,11 +69,11 @@ var ResourcesAdd = ({ onSuccess }, refs) => {
       onOk: onSubmit,
       destroyOnClose: true
     },
-    FromDataNew && /* @__PURE__ */ React.createElement(
-      FromDataNew,
+    FormDataNew && /* @__PURE__ */ React.createElement(
+      FormDataNew,
       {
         formId,
-        ref: fromDataNewRef,
+        ref: formDataNewRef,
         formChange: (isSuccess, params) => {
           if (isSuccess) {
             onSuccess == null ? void 0 : onSuccess(params);

package/lib/components/schedules/resources/edit/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default _default;

package/lib/components/schedules/resources/edit/index.js

@@ -0,0 +1,132 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/schedules/resources/edit/index.tsx
+var edit_exports = {};
+__export(edit_exports, {
+  default: () => edit_default
+});
+module.exports = __toCommonJS(edit_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_drawer = __toESM(require("../../../booking/components/drawer"));
+var import_useComponents = __toESM(require("../../../../hooks/useComponents"));
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var filterList = [
+  "schedule",
+  "max_participants",
+  "partyroom_package",
+  "products",
+  "capacity"
+];
+var ResourcesDetail = ({ onSuccess }, refs) => {
+  const formDataEditRef = (0, import_react.useRef)();
+  const [FormDataEdit] = (0, import_useComponents.default)({
+    components: ["FormDataEdit"]
+  });
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [currentResource, setCurrentResource] = (0, import_react.useState)({});
+  const [formId, setFormId] = (0, import_react.useState)(0);
+  const [formRecordId, setFormRecordId] = (0, import_react.useState)(0);
+  const onClose = () => {
+    setOpen(false);
+  };
+  const onOpen = () => {
+    setOpen(true);
+  };
+  (0, import_react.useImperativeHandle)(refs, () => {
+    return {
+      open: (item) => {
+        onOpen();
+        setCurrentResource(item);
+        setFormId(item.form_id);
+        setFormRecordId(item.id);
+      }
+    };
+  });
+  const onSubmit = () => {
+    var _a;
+    console.log("formDataEditRef", formDataEditRef);
+    (_a = formDataEditRef.current) == null ? void 0 : _a.submit();
+  };
+  (0, import_react.useEffect)(() => {
+    console.log("formDataEditRef?.current", formDataEditRef == null ? void 0 : formDataEditRef.current);
+  }, [formDataEditRef == null ? void 0 : formDataEditRef.current]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_drawer.default,
+    {
+      width: "100%",
+      placement: "right",
+      open,
+      getContainer: document.querySelector(
+        ".pisell-lowcode__schedules-component-resources"
+      ) || document.body,
+      titleNoWrap: true,
+      headerStyle: {
+        display: "none"
+      },
+      onClose: () => {
+        onClose(false);
+      },
+      bodyStyle: {
+        padding: 0
+      },
+      title: currentResource == null ? void 0 : currentResource.title,
+      rootStyle: { position: "absolute" },
+      contentWrapperStyle: { boxShadow: "none" },
+      destroyOnClose: true
+    },
+    FormDataEdit && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+      FormDataEdit,
+      {
+        formId,
+        formRecordId,
+        filterList,
+        onReady: (ref) => {
+          formDataEditRef.current = ref;
+        },
+        formChange: (isSuccess, params) => {
+          if (isSuccess) {
+            onSuccess == null ? void 0 : onSuccess(params);
+            onClose();
+          }
+        }
+      }
+    ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__schedules-component-resources-detail-footer" }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        className: "footer-btn",
+        type: "primary",
+        onClick: onSubmit
+      },
+      import_utils.locales.getText("pisell2.text.schedules.save")
+    )))
+  );
+};
+var edit_default = (0, import_react.forwardRef)(ResourcesDetail);

package/lib/components/schedules/resources/edit/index.less

@@ -0,0 +1,19 @@
+.pisell-lowcode__schedules-component-resources-detail-footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  position: absolute;
+  padding: 8px 16px;
+  border-top: 1px solid rgba(22, 44, 88, 0.09);
+  bottom: 0;
+  width: 100%;
+  left: 0;
+  background-color: #ffffff;
+  z-index: 999;
+  .footer-btn {
+    flex: 1;
+    &.cancel-btn {
+      margin-right: 12px;
+    }
+  }
+}