@pisell/private-materials 3.0.13 → 3.0.14

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

@@ -7,14 +7,14 @@
  */
 import React from "react";
 import "./index.less";
-interface AddButtonProps {
-    onClick: () => void;
-    title: string;
-    subTitle: string;
-    showSub: boolean;
-    style: any;
-    disabled: boolean;
-    loading: any;
+export interface AddButtonProps {
+    onClick?: () => void;
+    title?: string;
+    subTitle?: string;
+    showSub?: boolean;
+    style?: React.CSSProperties;
+    disabled?: boolean;
+    loading?: boolean;
 }
 declare const AddButton: React.FC<AddButtonProps>;
 export default AddButton;

package/es/components/booking/components/addButton/index.js

@@ -26,7 +26,7 @@ var AddButton = function AddButton(_ref) {
     if (disabled) {
       message.warning(locales.getText("pisell2.text.please-select-the-customer-first"));
     } else {
-      onClick();
+      onClick === null || onClick === void 0 ? void 0 : onClick();
     }
   };
 

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { DrawerProps } from "antd";
 import "./index.less";
-interface PisellDrawerProps extends DrawerProps {
+export interface PisellDrawerProps extends DrawerProps {
     header?: React.ReactNode;
     titleNoWrap?: boolean;
 }

package/es/components/booking/components/footer/FooterMenus/index.js

@@ -7,7 +7,7 @@ var FooterMenus = function FooterMenus(_ref) {
     dispatch = _ref.dispatch;
   var items = useMemo(function () {
     var list = [];
-    if (state.bookingId) {
+    if (state.bookingId && state.renderType !== 'eventBooking') {
       list.push({
         label: locales.getText("pisell2.text.rebook"),
         key: "rebook"

package/es/components/booking/components/footer/index.js

@@ -259,7 +259,7 @@ var Footer = function Footer(props) {
    */
   var handleSave = /*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(_ref4) {
-      var type, _setLoading, saveOtherValue, _state$onSave, callbackData, values, api;
+      var type, _setLoading, editApi, createApi, saveOtherValue, _state$onSave, callbackData, values, api;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
@@ -267,60 +267,62 @@ var Footer = function Footer(props) {
             // 区分loading, 是点击的checkout 还是save
             _setLoading = type === "checkout" ? setCheckoutLoading : setLoading;
             _setLoading(true);
+            editApi = state.renderType === 'eventBooking' ? state.apis.editEventBooking : state.apis.editBooking;
+            createApi = state.renderType === 'eventBooking' ? state.apis.createEventBooking : state.apis.createBooking;
             saveOtherValue = {};
             if (!(type === "save")) {
-              _context4.next = 11;
+              _context4.next = 13;
               break;
             }
-            _context4.next = 7;
+            _context4.next = 9;
             return state === null || state === void 0 ? void 0 : (_state$onSave = state.onSave) === null || _state$onSave === void 0 ? void 0 : _state$onSave.call(state, state.client);
-          case 7:
+          case 9:
             _context4.t0 = _context4.sent;
             if (_context4.t0) {
-              _context4.next = 10;
+              _context4.next = 12;
               break;
             }
             _context4.t0 = {};
-          case 10:
+          case 12:
             saveOtherValue = _context4.t0;
-          case 11:
-            _context4.prev = 11;
+          case 13:
+            _context4.prev = 13;
             callbackData = null; // 格式化提交的参数
             values = formatValues(_objectSpread(_objectSpread({}, state), saveOtherValue)); // 区分是新增还是编辑
-            api = state.bookingId ? state.apis.editBooking : state.apis.createBooking; // 如果有addons改动, 则先保存
+            api = state.bookingId ? editApi : createApi; // 如果有addons改动, 则先保存
             if (!addonsEdit) {
-              _context4.next = 18;
+              _context4.next = 20;
               break;
             }
-            _context4.next = 18;
+            _context4.next = 20;
             return handleSaveAddons();
-          case 18:
+          case 20:
             if (!infoEdit) {
-              _context4.next = 23;
+              _context4.next = 25;
               break;
             }
-            _context4.next = 21;
+            _context4.next = 23;
             return api(values);
-          case 21:
+          case 23:
             callbackData = _context4.sent;
             message.success(locales.getText(state.bookingId ? "pisell2.text.appointment-updated" : "pisell2.text.created-successfully"));
-          case 23:
+          case 25:
             // 回调关闭弹窗
             state === null || state === void 0 ? void 0 : state.callback(callbackData);
             _setLoading(false);
 
             // return数据  checkout时需要
             return _context4.abrupt("return", callbackData);
-          case 28:
-            _context4.prev = 28;
-            _context4.t1 = _context4["catch"](11);
+          case 30:
+            _context4.prev = 30;
+            _context4.t1 = _context4["catch"](13);
             console.log(_context4.t1);
             _setLoading(false);
-          case 32:
+          case 34:
           case "end":
             return _context4.stop();
         }
-      }, _callee4, null, [[11, 28]]);
+      }, _callee4, null, [[13, 30]]);
     }));
     return function handleSave(_x3) {
       return _ref5.apply(this, arguments);

package/es/components/booking/components/footer/utils.js

@@ -26,13 +26,14 @@ var formatCustomer = function formatCustomer(data) {
 };
 var formatBookings = function formatBookings(data) {
   var list = data.service.value;
+  var eventOtherParams = data.eventOtherParams;
   var bookings = [];
   bookings = list.map(function (item) {
     var start_date = item._extend.startDate.format('YYYY-MM-DD');
     var start_time = item._extend.startDate.format("HH:mm");
     var end_date = item._extend.endDate.format('YYYY-MM-DD');
     var end_time = item._extend.endDate.format("HH:mm");
-    return {
+    return _objectSpread({
       "product": {
         "num": item._extend.quantity,
         "price": item.price,
@@ -60,7 +61,7 @@ var formatBookings = function formatBookings(data) {
       "start_date": start_date,
       "duration": flexibleObj.getValue(item._extend.duration),
       "number": item._extend.number || 1
-    };
+    }, eventOtherParams || {});
   });
   return bookings;
 };
@@ -86,7 +87,7 @@ var formatHolder = function formatHolder(data, values) {
 // https://menutech.w.eolink.com/home/api-studio/inside/K2bI3n465fe7244b3dbd6679d87caedfbb0636bf8c29eda/api/2778666/detail/53001549?spaceKey=menutech
 export var formatValues = function formatValues(state) {
   var values = {
-    type: "appointment_booking",
+    type: state.renderType === 'eventBooking' ? "event_booking_v2" : "appointment_booking",
     platform: "shop",
     sales_channel: "my_pisel",
     bookings: [],

package/es/components/booking/forms/forms.js

@@ -31,7 +31,8 @@ import "./index.less";
  */
 var Forms = Provider(function (props) {
   var forms = props.forms,
-    value = props.value,
+    _props$value = props.value,
+    value = _props$value === void 0 ? [] : _props$value,
     modalOpen = props.modalOpen,
     onChange = props.onChange,
     action = props.action,

package/es/components/booking/info/client/index.js

@@ -141,7 +141,6 @@ var Info = function Info() {
     return item.name || (item.display_name || "").trim() || (item.nickname || "").trim() || "";
   }, [locales.localeMap]);
   var handleSelectClient = function handleSelectClient(value) {
-    console.log("valuevalue", value);
     var _value = (value === null || value === void 0 ? void 0 : value[value.length - 1]) || walkInData;
     if (_value.loading) {
       return;

package/es/components/booking/info/date/index.less

@@ -1,5 +1,5 @@
 .pisell-lowcode__booking-body-select-date {
-  padding: 24px 0;
+  padding: 24px 0 8px;
   font-weight: 550;
 
   .pisell-lowcode-picker-input>input {

package/es/components/booking/info/index.js

@@ -73,12 +73,18 @@ var Info = Provider(function (props) {
       }
     });
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !!modal.state.setGlobalState ? /*#__PURE__*/React.createElement(TabPane, {
-    style: style,
-    header: globalState !== null && globalState !== void 0 && globalState.bookingId ? /*#__PURE__*/React.createElement(Header, {
+  var header = useMemo(function () {
+    if ((globalState === null || globalState === void 0 ? void 0 : globalState.renderType) === 'eventBooking') {
+      return locales.getText("pisell2.text.enroll");
+    }
+    return globalState !== null && globalState !== void 0 && globalState.bookingId ? /*#__PURE__*/React.createElement(Header, {
       state: modal.state,
       dispatch: modal.dispatch
-    }) : locales.getText("pisell2.text.new-appointment"),
+    }) : locales.getText("pisell2.text.new-appointment");
+  }, [globalState === null || globalState === void 0 ? void 0 : globalState.bookingId, modal.state, modal.dispatch, globalState === null || globalState === void 0 ? void 0 : globalState.renderType]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !!modal.state.setGlobalState ? /*#__PURE__*/React.createElement(TabPane, {
+    style: style,
+    header: header,
     footer: /*#__PURE__*/React.createElement(Footer, {
       state: modal.state,
       dispatch: modal.dispatch,

package/es/components/booking/info/pet/index.js

@@ -28,7 +28,7 @@ import FormsCom from "../../forms/forms";
 import { changeFormValues } from "../../forms/format";
 import { isWalkIn } from "../../utils";
 var Pet = function Pet() {
-  var _state$bookingConfig2, _state$bookingConfig3, _state$bookingConfig4, _state$pet, _state$client$value2, _state$client8, _state$client8$value, _state$client9;
+  var _state$bookingConfig2, _state$bookingConfig3, _state$bookingConfig4, _state$client$value2, _state$client8, _state$client8$value, _state$client9;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     loading = _useState2[0],
@@ -136,7 +136,6 @@ var Pet = function Pet() {
       return _ref2.apply(this, arguments);
     };
   }();
-  console.log("values", (_state$pet = state.pet) === null || _state$pet === void 0 ? void 0 : _state$pet.value);
 
   /**
    * @title: 获取预约主体表单
@@ -167,7 +166,7 @@ var Pet = function Pet() {
             _context2.prev = 5;
             _context2.next = 8;
             return state.apis.getForms({
-              relation_type: "appointment_booking",
+              relation_type: state.renderType === 'eventBooking' ? "event_booking_v2" : "appointment_booking",
               relation_id: ((_state$bookingDetail = state.bookingDetail) === null || _state$bookingDetail === void 0 ? void 0 : (_state$bookingDetail$ = _state$bookingDetail.bookings) === null || _state$bookingDetail$ === void 0 ? void 0 : _state$bookingDetail$.id) || 0
               // _config: { useCache: true },
             });
@@ -300,11 +299,11 @@ var Pet = function Pet() {
 
   // 当客户id 发生改变时, 检测当前表单是否是该客户的, 如果不是则移除
   useEffect(function () {
-    var _state$pet2, _state$client7, _state$client7$value, _state$pet3;
+    var _state$pet, _state$client7, _state$client7$value, _state$pet2;
     var changeFormValuesData = changeFormValues({
-      values: ((_state$pet2 = state.pet) === null || _state$pet2 === void 0 ? void 0 : _state$pet2.value) || {},
+      values: ((_state$pet = state.pet) === null || _state$pet === void 0 ? void 0 : _state$pet.value) || {},
       clientId: (_state$client7 = state.client) === null || _state$client7 === void 0 ? void 0 : (_state$client7$value = _state$client7.value) === null || _state$client7$value === void 0 ? void 0 : _state$client7$value.id,
-      forms: ((_state$pet3 = state.pet) === null || _state$pet3 === void 0 ? void 0 : _state$pet3.formData) || []
+      forms: ((_state$pet2 = state.pet) === null || _state$pet2 === void 0 ? void 0 : _state$pet2.formData) || []
     });
     dispatch({
       type: "setPet",
@@ -326,7 +325,6 @@ var Pet = function Pet() {
       getForms(true);
     }
   }, [state.bookingId, state.bookingDetail, params.form_id, params.type, (_state$client8 = state.client) === null || _state$client8 === void 0 ? void 0 : (_state$client8$value = _state$client8.value) === null || _state$client8$value === void 0 ? void 0 : _state$client8$value.id]);
-  console.log("state.pet.formData", state.pet.formData);
   return /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode__booking-pet-wraps"
   }, /*#__PURE__*/React.createElement(FormsCom, {

package/es/components/booking/info/service/addService/index.js

@@ -34,6 +34,7 @@ var Info = function Info() {
     dispatch = _useContext.dispatch;
   var getServices = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _state$eventOtherPara;
       var data;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -42,12 +43,13 @@ var Info = function Info() {
             return state.apis.getServices({
               skip: 1,
               num: 500,
-              extension_type: ["product_appointment"],
+              extension_type: state.renderType === "eventBooking" ? undefined : ["product_appointment"],
               with: ["category"],
               // include_formula: "no",
               // include_bundle: "no",
               // include_option: "no",
               // include_variant: "no",
+              ids: state.renderType === "eventBooking" ? (_state$eventOtherPara = state.eventOtherParams) === null || _state$eventOtherPara === void 0 ? void 0 : _state$eventOtherPara.productIds : undefined,
               open_quotation: 1,
               with_schedule: 0
             });
@@ -114,7 +116,6 @@ var Info = function Info() {
       return isIncludes(item.title);
     } : undefined);
   }, [search, (_state$service2 = state.service) === null || _state$service2 === void 0 ? void 0 : _state$service2.services]);
-  console.log("renderList", renderList);
   var isService = useMemo(function () {
     return state.service.value.length > 0;
   }, [state.service.value]);
@@ -133,16 +134,31 @@ var Info = function Info() {
   var showAddButton = useMemo(function () {
     return !state.disabledEdit && !state.channelDisabledEdit;
   }, [state.disabledEdit, state.channelDisabledEdit]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, showAddButton ? /*#__PURE__*/React.createElement(AddButton, {
-    showSub: isService,
-    title: locales.getText("pisell2.text.add-a-service"),
-    subTitle: locales.getText("pisell2.text.add-another-service"),
-    onClick: handleSelectService
-  }) : /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: 20
+  var addButton = useMemo(function () {
+    if (state.renderType === "eventBooking") {
+      return isService ? /*#__PURE__*/React.createElement("div", {
+        style: {
+          height: 20
+        }
+      }) : /*#__PURE__*/React.createElement(AddButton, {
+        showSub: false,
+        title: locales.getText("pisell2.text.add-a-service"),
+        subTitle: locales.getText("pisell2.text.add-another-service"),
+        onClick: handleSelectService
+      });
     }
-  }), /*#__PURE__*/React.createElement(Drawer, {
+    return showAddButton ? /*#__PURE__*/React.createElement(AddButton, {
+      showSub: isService,
+      title: locales.getText("pisell2.text.add-a-service"),
+      subTitle: locales.getText("pisell2.text.add-another-service"),
+      onClick: handleSelectService
+    }) : /*#__PURE__*/React.createElement("div", {
+      style: {
+        height: 20
+      }
+    });
+  }, [state.renderType, showAddButton, isService, state.service.value]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, addButton, /*#__PURE__*/React.createElement(Drawer, {
     open: state.service.addModal,
     title: locales.getText("pisell2.text.select-service"),
     rootClassName: "booking-server-wrap",

package/es/components/booking/info/service/editService/index.js

@@ -420,9 +420,10 @@ var Info = function Info() {
     if (state.service.editModal) {
       var cacheItem = state.service.cacheItem;
       form.setFieldsValue(getServerItemExtend(state, cacheItem, timeObj));
-
-      // 获取资源列表
-      getResources();
+      if (state.renderType !== 'eventBooking') {
+        // 获取资源列表
+        getResources();
+      }
     } else {
       form.resetFields();
     }
@@ -464,10 +465,10 @@ var Info = function Info() {
    * @Date: 2024-01-09 14:07
    */
   useUpdateEffect(function () {
-    if (useStartTime && useDuration) {
+    if (useStartTime && useDuration && state.renderType !== 'eventBooking') {
       getResources();
     }
-  }, [useStartTime, useDuration]);
+  }, [useStartTime, useDuration, state.renderType]);
 
   /**
    * @title: 打开弹窗时 设置数据
@@ -601,7 +602,7 @@ var Info = function Info() {
     name: "discount_reason"
   }, /*#__PURE__*/React.createElement(Input.TextArea, {
     size: "large"
-  }))) : null, /*#__PURE__*/React.createElement(Col, {
+  }))) : null, state.renderType !== 'eventBooking' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Col, {
     span: 12
   }, /*#__PURE__*/React.createElement(Form.Item, {
     label: locales.getText("pisell2.text.start_time"),
@@ -659,7 +660,7 @@ var Info = function Info() {
   }, /*#__PURE__*/React.createElement(InputNumber, null)), /*#__PURE__*/React.createElement(Form.Item, {
     hidden: true,
     name: "like_status"
-  }, /*#__PURE__*/React.createElement(Input, null)))), errorList.map(function (d, i) {
+  }, /*#__PURE__*/React.createElement(Input, null))))), state.renderType !== 'eventBooking' && errorList.map(function (d, i) {
     return /*#__PURE__*/React.createElement(Alert, {
       key: d.type,
       message: d.label,

package/es/components/booking/info/service/index.js

@@ -107,7 +107,7 @@ var Info = function Info() {
       }
     }, d.id ? /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode__booking-service-item-title"
-    }, d.title) : null, d._extend ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    }, d.title) : null, d._extend ? /*#__PURE__*/React.createElement(React.Fragment, null, state.renderType !== 'eventBooking' && /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode__booking-service-item-date"
     }, getServiceTime(d, state.date.value)), /*#__PURE__*/React.createElement("div", {
       className: "pisell-lowcode__booking-service-item-technician"

package/es/components/booking/info/service/index.less

@@ -1,3 +1,6 @@
+.pisell-lowcode__booking-service-wrap {
+  margin-top: 16px;
+}
 .pisell-lowcode__booking-service-item {
   width: 100%;
   border-radius: 8px;

package/es/components/booking/locales.d.ts

@@ -40,6 +40,7 @@ declare const _default: {
         'pisell2.text.add-notes': string;
         'pisell2.text.notes': string;
         'pisell2.text.new-appointment': string;
+        'pisell2.text.enroll': string;
         'pisell2.text.add-products-successfully': string;
         'pisell2.text.add': string;
         'pisell2.text.created-successfully': string;
@@ -168,6 +169,7 @@ declare const _default: {
         'pisell2.text.add-notes': string;
         'pisell2.text.notes': string;
         'pisell2.text.new-appointment': string;
+        'pisell2.text.enroll': string;
         'pisell2.text.add-products-successfully': string;
         'pisell2.text.refund': string;
         'pisell2.text.refund-amount': string;
@@ -291,6 +293,7 @@ declare const _default: {
         'pisell2.text.add-notes': string;
         'pisell2.text.notes': string;
         'pisell2.text.new-appointment': string;
+        'pisell2.text.enroll': string;
         'pisell2.text.add-products-successfully': string;
         'pisell2.text.add': string;
         'pisell2.text.created-successfully': string;

package/es/components/booking/locales.js

@@ -40,6 +40,7 @@ export default {
     'pisell2.text.add-notes': 'Add Notes',
     'pisell2.text.notes': 'Notes',
     'pisell2.text.new-appointment': 'New appointment',
+    'pisell2.text.enroll': 'Enroll',
     'pisell2.text.add-products-successfully': 'Add products successfully',
     'pisell2.text.add': 'Add',
     'pisell2.text.created-successfully': 'Appointment created',
@@ -183,6 +184,7 @@ export default {
     'pisell2.text.add-notes': '添加备注',
     'pisell2.text.notes': '备注',
     'pisell2.text.new-appointment': '新预约',
+    'pisell2.text.enroll': '报名',
     'pisell2.text.add-products-successfully': '添加商品成功',
     'pisell2.text.refund': '退款',
     'pisell2.text.refund-amount': '退款金额',
@@ -326,6 +328,7 @@ export default {
     'pisell2.text.add-notes': '添加備注',
     'pisell2.text.notes': '備注',
     'pisell2.text.new-appointment': '新預約',
+    'pisell2.text.enroll': '报名',
     'pisell2.text.add-products-successfully': '添加商品成功',
     //
     'pisell2.text.add': '添加',

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

@@ -70,6 +70,17 @@ export interface FormState {
     bookingId: string | number;
     bookingDetail: any;
     channelDisabledEdit: boolean;
+    renderType?: 'eventBooking';
+    eventOtherParams?: {
+        relation_id: number;
+        number: number;
+        registration_type: 'single' | 'all' | 'extra_include';
+        start_date: string;
+        start_time: string;
+        end_date: string;
+        end_time: string;
+        productIds: number[];
+    };
 }
 export declare const walkInData: {
     id: number;

package/es/components/booking/utils.js

@@ -443,6 +443,7 @@ export var deleteCacheParams = function deleteCacheParams() {
  * @Date: 2024-01-26 14:09
  */
 export var getServerItemExtend = function getServerItemExtend(state, cacheItem, timeObj) {
+  var _cacheItem$duration;
   // 编辑直接返回原数据
   if (!cacheItem.new && cacheItem._extend.endDate) {
     return cacheItem._extend;
@@ -453,7 +454,7 @@ export var getServerItemExtend = function getServerItemExtend(state, cacheItem,
 
   // 下一个商品的扩展参数
   var _extend = {
-    duration: findNextDuration(cacheItem.duration, timeObj.durationSlicesBasedOnTime, cacheItem.duration.value)
+    duration: findNextDuration(cacheItem.duration, timeObj.durationSlicesBasedOnTime, cacheItem === null || cacheItem === void 0 ? void 0 : (_cacheItem$duration = cacheItem.duration) === null || _cacheItem$duration === void 0 ? void 0 : _cacheItem$duration.value)
   };
 
   // 如果有上一个商品, 将上一个商品的某些参数 设置到新商品上

package/es/components/index.d.ts

@@ -5,4 +5,5 @@ import BookingNotes from './booking/notes';
 import BookingAddons from './booking/addons';
 import BookingForms from './booking/forms';
 import Schedules from './schedules';
-export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules };
+import ProductExtension from './productExtension';
+export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension };

package/es/components/index.js

@@ -5,4 +5,5 @@ import BookingNotes from "./booking/notes";
 import BookingAddons from "./booking/addons";
 import BookingForms from "./booking/forms";
 import Schedules from "./schedules";
-export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules };
+import ProductExtension from "./productExtension";
+export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension };

package/es/components/productExtension/card/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./index.less";
+interface LmCardProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    header: React.ReactNode;
+    headerClassName: string;
+    extra: React.ReactNode;
+    hidden?: boolean;
+}
+declare const LmCard: React.FC<Partial<LmCardProps>>;
+export default LmCard;

package/es/components/productExtension/card/index.js

@@ -0,0 +1,20 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React from "react";
+import classNames from "classnames";
+import "./index.less";
+var LmCard = function LmCard(props) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames("pisell_card", props.className, _defineProperty({}, "pisell_card-hidden", props.hidden)),
+    style: props.style
+  }, props.header ? /*#__PURE__*/React.createElement("div", {
+    className: "pisell_card-header"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames("pisell_card-title", props.headerClassName)
+  }, props.header), props.extra) : null, /*#__PURE__*/React.createElement("div", {
+    className: classNames("pisell_card-content")
+  }, props.children));
+};
+export default LmCard;

package/es/components/productExtension/card/index.less

@@ -0,0 +1,34 @@
+.pisell_card {
+  width: 100%;
+  background: #ffffff;
+  opacity: 1;
+  border-radius: 12px;
+  padding: 20px;
+  box-sizing: border-box;
+  margin-bottom: 20px;
+  // overflow: hidden;
+
+  &.pisell_card-hidden {
+    height: 0;
+    width: 0;
+    overflow: hidden;
+    padding: 0;
+    margin: 0
+  }
+
+  .pisell_card-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 20px;
+
+    .pisell_card-title {
+      height: 28px;
+      font-size: 16px;
+      // font-weight: 650;
+      line-height: 28px;
+      color: #252a2d;
+      font-weight: bold;
+    }
+  }
+}

package/es/components/productExtension/fields/Actor/Container/index.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactElement } from "react";
+import "./index.less";
+interface ContainerProps {
+    title: string;
+    children: any;
+    desc: string | ReactElement;
+    isMargin: boolean;
+    hint: string | ReactElement;
+    hintProps: object;
+}
+declare const Container: React.FC<Partial<ContainerProps>>;
+export default Container;

package/es/components/productExtension/fields/Actor/Container/index.js

@@ -0,0 +1,34 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from "react";
+import { Tooltip } from "antd";
+import { QuestionCircleOutlined } from "@ant-design/icons";
+import "./index.less";
+var Container = function Container(_ref) {
+  var title = _ref.title,
+    children = _ref.children,
+    desc = _ref.desc,
+    _ref$isMargin = _ref.isMargin,
+    isMargin = _ref$isMargin === void 0 ? false : _ref$isMargin,
+    hint = _ref.hint,
+    hintProps = _ref.hintProps;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell2_product-extension-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell2_product-extension-container-title-wrap"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell2_product-extension-container-title"
+  }, title), hint ? /*#__PURE__*/React.createElement(Tooltip, _extends({
+    title: hint
+  }, hintProps), /*#__PURE__*/React.createElement(QuestionCircleOutlined, {
+    style: {
+      marginLeft: 4,
+      cursor: "pointer"
+    }
+  })) : null), children, /*#__PURE__*/React.createElement("div", {
+    className: "pisell2_product-extension-container-desc",
+    style: {
+      marginBottom: isMargin ? "15px" : ""
+    }
+  }, desc));
+};
+export default Container;