@pisell/private-materials 6.0.24 → 6.1.1

package/es/components/ticketBooking/components/ticketBooking/index.less

@@ -0,0 +1,16 @@
+.pisell-ticket-booking-wrapper {
+  .pisell-lowcode__booking-tab-pane-footer {
+    padding: 16px;
+  }
+  .create-booking-page-info-wrap-create {
+    background-color: #1b1b1b;
+    .booking-info {
+      .booking-info-create-new,
+      .pisell-lowcode__booking-field-title,
+      .pisell-lowcode__shopping-cart-empty,
+      .pisell-lowcode__booking-service-clear-btn {
+        color: #ffffff;
+      }
+    }
+  }
+}

package/es/components/ticketBooking/components/timeBar/index.d.ts

@@ -0,0 +1,12 @@
+import type { Dayjs } from 'dayjs';
+import './index.less';
+interface ITimeBarProps {
+    globalState: any;
+    setGlobalState: any;
+    onDateChange: (date: Dayjs, dateString?: string) => void;
+    onDateTimeChange: (date: Dayjs, timeString: string) => void;
+    setIntervalTime: (value: boolean) => void;
+    locale: string;
+}
+declare const TimeBar: (props: ITimeBarProps) => JSX.Element;
+export default TimeBar;

package/es/components/ticketBooking/components/timeBar/index.js

@@ -0,0 +1,115 @@
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React from 'react';
+import { LeftOutlined, RightOutlined } from '@ant-design/icons';
+import { DatePicker, SelectTime } from '@pisell/materials';
+import { Button } from 'antd';
+import classNames from 'classnames';
+import { locales } from '@pisell/utils';
+import "./index.less";
+var TimeBar = function TimeBar(props) {
+  var _state$modalState4, _state$modalState5;
+  var state = props.globalState,
+    setGlobalState = props.setGlobalState,
+    locale = props.locale;
+  var _onClickNext = function _onClickNext() {
+    var _state$modalState, _props$onDateChange, _props$setIntervalTim;
+    var currentTime = (_state$modalState = state.modalState) === null || _state$modalState === void 0 || (_state$modalState = _state$modalState.date) === null || _state$modalState === void 0 ? void 0 : _state$modalState.value;
+    var newTime = currentTime['add'](1, 'day');
+    (_props$onDateChange = props.onDateChange) === null || _props$onDateChange === void 0 || _props$onDateChange.call(props, newTime, newTime.format('YYYY-MM-DD HH:mm:ss'));
+    (_props$setIntervalTim = props.setIntervalTime) === null || _props$setIntervalTim === void 0 || _props$setIntervalTim.call(props, false);
+  };
+  var _onClickPre = function _onClickPre() {
+    var _state$modalState2, _props$onDateChange2, _props$setIntervalTim2;
+    var currentTime = (_state$modalState2 = state.modalState) === null || _state$modalState2 === void 0 || (_state$modalState2 = _state$modalState2.date) === null || _state$modalState2 === void 0 ? void 0 : _state$modalState2.value;
+    var newTime = currentTime['subtract'](1, 'day');
+    (_props$onDateChange2 = props.onDateChange) === null || _props$onDateChange2 === void 0 || _props$onDateChange2.call(props, newTime, newTime.format('YYYY-MM-DD HH:mm:ss'));
+    (_props$setIntervalTim2 = props.setIntervalTime) === null || _props$setIntervalTim2 === void 0 || _props$setIntervalTim2.call(props, false);
+  };
+  var _onClickToday = function _onClickToday() {
+    var _props$setIntervalTim3;
+    (_props$setIntervalTim3 = props.setIntervalTime) === null || _props$setIntervalTim3 === void 0 || _props$setIntervalTim3.call(props, true);
+  };
+  var _onClickNow = function _onClickNow() {
+    var _props$setIntervalTim4;
+    (_props$setIntervalTim4 = props.setIntervalTime) === null || _props$setIntervalTim4 === void 0 || _props$setIntervalTim4.call(props, true);
+  };
+
+  // 时间选择变更事件
+  var _onDateTimeChange = function _onDateTimeChange(timeString) {
+    var _state$modalState3, _props$onDateTimeChan, _props$setIntervalTim5;
+    var currentTime = (_state$modalState3 = state.modalState) === null || _state$modalState3 === void 0 || (_state$modalState3 = _state$modalState3.date) === null || _state$modalState3 === void 0 ? void 0 : _state$modalState3.value;
+    var _timeString$split$map = timeString.split(':').map(Number),
+      _timeString$split$map2 = _slicedToArray(_timeString$split$map, 2),
+      hours = _timeString$split$map2[0],
+      minutes = _timeString$split$map2[1];
+    var newTime = currentTime.hour(hours).minute(minutes).second(0);
+    (_props$onDateTimeChan = props.onDateTimeChange) === null || _props$onDateTimeChan === void 0 || _props$onDateTimeChan.call(props, newTime, newTime.format('YYYY-MM-DD HH:mm:ss'));
+    setGlobalState({
+      isTimeChange: true
+    });
+    (_props$setIntervalTim5 = props.setIntervalTime) === null || _props$setIntervalTim5 === void 0 || _props$setIntervalTim5.call(props, false);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-ticket-booking-time-bar"
+  }, /*#__PURE__*/React.createElement(Button, {
+    icon: /*#__PURE__*/React.createElement(LeftOutlined, null),
+    onClick: _onClickPre,
+    size: "large"
+  }), /*#__PURE__*/React.createElement(Button, {
+    onClick: _onClickToday,
+    size: "large",
+    style: state.intervalSetTime ? {
+      background: '#000',
+      color: '#fff'
+    } : undefined
+  }, locales.getText('pisell2.ticket-booking.today')), /*#__PURE__*/React.createElement("div", {
+    className: classNames({
+      'booking-page-date-picker-select': state.isDateChange
+    }),
+    style: {
+      width: 200,
+      flexShrink: 0
+    }
+  }, /*#__PURE__*/React.createElement(DatePicker, {
+    inputReadOnly: true,
+    value: state === null || state === void 0 || (_state$modalState4 = state.modalState) === null || _state$modalState4 === void 0 || (_state$modalState4 = _state$modalState4.date) === null || _state$modalState4 === void 0 ? void 0 : _state$modalState4.value,
+    format: locale === 'en' ? 'dddd, DD MMM YYYY' : 'YYYY年MM月DD日',
+    onChange: props === null || props === void 0 ? void 0 : props.onDateChange,
+    size: "large",
+    style: {
+      width: '100%'
+    }
+  })), /*#__PURE__*/React.createElement(Button, {
+    icon: /*#__PURE__*/React.createElement(RightOutlined, null),
+    onClick: _onClickNext,
+    size: "large"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: classNames({
+      'booking-page-date-picker-select': state.isTimeChange
+    })
+  }, /*#__PURE__*/React.createElement(SelectTime, {
+    value: state === null || state === void 0 || (_state$modalState5 = state.modalState) === null || _state$modalState5 === void 0 || (_state$modalState5 = _state$modalState5.date) === null || _state$modalState5 === void 0 ? void 0 : _state$modalState5.value.format('HH:mm'),
+    onChange: _onDateTimeChange,
+    popoverProps: {
+      style: {
+        zoom: 0.8
+      }
+    },
+    timePickerProps: {},
+    timeProps: {},
+    slice: 5
+  })), /*#__PURE__*/React.createElement(Button, {
+    onClick: _onClickNow,
+    size: "large",
+    style: state.intervalSetTime ? {
+      background: '#000',
+      color: '#fff'
+    } : undefined
+  }, locales.getText('pisell2.ticket-booking.now')));
+};
+export default TimeBar;

package/es/components/ticketBooking/components/timeBar/index.less

@@ -0,0 +1,22 @@
+.pisell-ticket-booking-time-bar {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 16px;
+  padding: 8px;
+
+  button {
+    flex-shrink: 0;
+  }
+
+  .booking-page-date-picker-select {
+    .pisell-lowcode-picker {
+      background-color: #000 !important;
+
+      input,
+      .pisell-lowcode-picker-suffix {
+        color: #fff !important;
+      }
+    }
+  }
+}

package/es/components/ticketBooking/data.d.ts

@@ -0,0 +1,58 @@
+declare const mockProduct: {
+    order_id: number;
+    shop_id: number;
+    product_id: number;
+    product_variant_id: number;
+    product_unique_string: string;
+    product_title: string;
+    product_cover: string;
+    product_sku: {
+        code: string;
+        name: string;
+        barcode: string;
+        sku_ids: string;
+        variant: never[];
+        variant_id: string;
+        generate_voucher: never[];
+    };
+    product_bundle: never[];
+    gift_card: number;
+    selling_price: string;
+    original_price: string;
+    cost_price: string;
+    product_quantity: number;
+    payment_price: string;
+    deposit_price: string;
+    tax_fee: string;
+    is_charge_tax: number;
+    refund_quantity: number;
+    refund_status: string;
+    shipping_status: string;
+    payment_status: string;
+    commission: number;
+    commission_tax: number;
+    rebate_type: string;
+    rebate_value: string;
+    commission_percent: string;
+    channel: string;
+    channel_id: number;
+    item_relation_id: number;
+    schedule_event_id: number;
+    note: string;
+    extension_type: string;
+    before_product_quantity: number;
+    remove_product_quantity: number;
+    deleted_at: null;
+    created_at: string;
+    updated_at: string;
+    order_detail_id: number;
+    product_option_string: string;
+    product_subtitle: string;
+    source_product_price: string;
+    discount_amount: number;
+    product_discount_reason: string;
+    discount_type: string;
+    discountway: string;
+    discount_per: string;
+    single_discount: null;
+};

package/es/components/ticketBooking/data.js

@@ -0,0 +1,82 @@
+var mockProduct = {
+  order_id: 0,
+  shop_id: 0,
+  product_id: 0,
+  product_variant_id: 0,
+  product_unique_string: '0:0:',
+  product_title: '',
+  product_cover: '',
+  product_sku: {
+    code: 'HNYmhKjqKKCJ',
+    name: '',
+    barcode: '',
+    sku_ids: '',
+    variant: [],
+    variant_id: '0',
+    generate_voucher: []
+  },
+  product_bundle: [],
+  gift_card: 0,
+  selling_price: '0',
+  original_price: '0',
+  cost_price: '0.00',
+  product_quantity: 1,
+  payment_price: '0',
+  deposit_price: '0.00',
+  tax_fee: '0',
+  is_charge_tax: 1,
+  refund_quantity: 0,
+  refund_status: '0',
+  shipping_status: 'unfulfilled',
+  payment_status: 'payment_processing',
+  commission: 0,
+  commission_tax: 0,
+  rebate_type: '',
+  rebate_value: '0.00',
+  commission_percent: '0.0000',
+  channel: '',
+  channel_id: 0,
+  item_relation_id: 0,
+  schedule_event_id: 0,
+  note: '',
+  extension_type: 'product_appointment',
+  before_product_quantity: 1,
+  remove_product_quantity: 0,
+  deleted_at: null,
+  created_at: '2024-02-28 15:49:21',
+  updated_at: '2024-02-28 15:49:39',
+  order_detail_id: 0,
+  product_option_string: '',
+  product_subtitle: '',
+  source_product_price: '0',
+  discount_amount: 0,
+  product_discount_reason: '',
+  discount_type: '',
+  discountway: '',
+  discount_per: '',
+  single_discount: null
+};
+
+// const payStatusMap = {
+//   authorized: this.i18n('i18n-lwug1s79'),
+//   paid: this.i18n('i18n-m1oe3fyx'),
+//   partially_paid: this.i18n('i18n-m1oe3g3w'),
+//   partially_refunded: this.i18n('i18n-m1oe3g8j'),
+//   payment_pending: this.i18n('i18n-m1oe3gd6'),
+//   refunded: this.i18n('i18n-m1oe474a'),
+//   unpaid: this.i18n('i18n-m1oe47cm'),
+//   voided: this.i18n('i18n-m1oe4k3o'),
+//   payment_processing: this.i18n('i18n-m1oe4k9a'),
+// };
+
+// const payStatusColorMap = {
+//   authorized: 'var(--Gray-200, #EAECF0)',
+//   paid: 'var(--Success-100, #DCFAE6)',
+//   partially_paid: 'var(--Moss-100, #E6F4D7)',
+//   partially_refunded: 'var(--Pink-100, #FCE7F6)',
+//   payment_pending: 'var(--Warning-100, #FEF0C7)',
+//   refunded: 'var(--Error-100, #FEE4E2)',
+//   unpaid: 'var(--Blue-100, #D1E9FF)',
+//   voided: 'var(--Gray-200, #EAECF0)',
+//   payment_processing: 'var(--Warning-100, #FEF0C7)',
+// };

package/es/components/ticketBooking/hooks/useNetworkStatus.d.ts

@@ -0,0 +1,11 @@
+export declare enum NetworkStatus {
+    GOOD = "GOOD",
+    WEAK = "WEAK",
+    OFFLINE = "OFFLINE"
+}
+export declare const NetworkStatusColor: {
+    GOOD: string;
+    WEAK: string;
+    OFFLINE: string;
+};
+export declare const useNetworkStatus: () => NetworkStatus;

package/es/components/ticketBooking/hooks/useNetworkStatus.js

@@ -0,0 +1,52 @@
+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 _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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { useState, useEffect } from 'react';
+export var NetworkStatus = /*#__PURE__*/function (NetworkStatus) {
+  NetworkStatus["GOOD"] = "GOOD";
+  NetworkStatus["WEAK"] = "WEAK";
+  NetworkStatus["OFFLINE"] = "OFFLINE";
+  return NetworkStatus;
+}({});
+export var NetworkStatusColor = _defineProperty(_defineProperty(_defineProperty({}, NetworkStatus.GOOD, '#3F9E4D'), NetworkStatus.WEAK, '#CC8E50'), NetworkStatus.OFFLINE, '#F44336');
+export var useNetworkStatus = function useNetworkStatus() {
+  var _useState = useState(navigator.onLine ? NetworkStatus.GOOD : NetworkStatus.OFFLINE),
+    _useState2 = _slicedToArray(_useState, 2),
+    status = _useState2[0],
+    setStatus = _useState2[1];
+  useEffect(function () {
+    var checkNetworkQuality = function checkNetworkQuality() {
+      if (!navigator.onLine) {
+        setStatus(NetworkStatus.OFFLINE);
+        return;
+      }
+      var connection = navigator.connection;
+      if (connection) {
+        var isWeakNetwork = connection.effectiveType === '2g' || connection.effectiveType === 'slow-2g' || connection.rtt > 500 || connection.downlink < 1;
+        setStatus(isWeakNetwork ? NetworkStatus.WEAK : NetworkStatus.GOOD);
+      }
+    };
+    window.addEventListener('online', checkNetworkQuality);
+    window.addEventListener('offline', checkNetworkQuality);
+    var connection = navigator.connection;
+    if (connection) {
+      connection.addEventListener('change', checkNetworkQuality);
+    }
+    checkNetworkQuality();
+    return function () {
+      window.removeEventListener('online', checkNetworkQuality);
+      window.removeEventListener('offline', checkNetworkQuality);
+      if (connection) {
+        connection.removeEventListener('change', checkNetworkQuality);
+      }
+    };
+  }, []);
+  return status;
+};

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

@@ -0,0 +1,7 @@
+import './index.less';
+interface TicketBookingProps {
+    productExtensionType: string[];
+    bookingConfigParams: Record<string, any>;
+}
+declare const _default: (props: TicketBookingProps) => JSX.Element;
+export default _default;

package/es/components/ticketBooking/index.js

@@ -0,0 +1,156 @@
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { useLayoutEffect, useMemo, useRef } from 'react';
+import { Provider, createStore } from "./miniRedux";
+import { locales } from '@pisell/utils';
+import dayjs from 'dayjs';
+import { cloneDeep } from 'lodash';
+import TicketBooking from "./components/ticketBooking/index";
+import { request } from "../../utils";
+import useEngineContext from "../../hooks/useEngineContext";
+import { getDefaultStartParam } from "./utils";
+import localeTexts from "./locales";
+import MenuBar from "./components/menuBar";
+import "./index.less";
+var initialState = {
+  amountSymbol: '$',
+  modalState: {
+    client: {
+      showModal: false,
+      clients: [],
+      value: {
+        id: 0,
+        nickname: 'Select a customer'
+      },
+      clientsParams: {
+        skip: 1,
+        num: 100,
+        search: ''
+      },
+      edit: false
+    },
+    date: {
+      value: dayjs(),
+      edit: false
+    },
+    service: {
+      addModal: false,
+      editModal: false,
+      services: [],
+      resources: [],
+      value: [],
+      cacheItem: null,
+      edit: false
+    },
+    pet: {
+      showModal: false,
+      pets: [],
+      value: {},
+      edit: false
+    },
+    addons: {
+      showModal: false,
+      value: [],
+      productList: [],
+      originData: [],
+      edit: false,
+      load: false
+    },
+    form: {
+      value: {},
+      forms: [],
+      edit: false
+    },
+    notes: {
+      orderNote: '',
+      internalNotes: [],
+      edit: false
+    },
+    // 是否禁用编辑
+    disabledEdit: false,
+    // 渠道禁止编辑
+    channelDisabledEdit: false,
+    // 预约状态
+    appointment_status: 'new',
+    eventOtherParams: undefined
+  },
+  bookingConfig: null,
+  bookingDetail: null,
+  bookingId: 0,
+  loading: false,
+  open: false,
+  isShowDeposit: false,
+  activeKey: 'info',
+  exitModal: false,
+  rebookState: {
+    open: false,
+    date: '2024-03-13 18:00'
+  },
+  bookingFunctions: {},
+  // Event活动预约抽屉
+  eventOpen: false,
+  renderType: 'booking',
+  // 是否是rebook模式
+  openRebook: false,
+  // 禁用活动预约编辑
+  disableEventBookingEdit: false,
+  isShowInfo: false,
+  // 是否pin住
+  persistent: true,
+  // persistent:
+  //   this.utils.storage.get(`drawer-booking`) === 'true' ??
+  //   this.utils.isTerminal(),
+  // 是否定时设置当前时间
+  intervalSetTime: true,
+  // 时间是否更改
+  isTimeChange: false,
+  // 日期是否更改
+  isDateChange: false,
+  list: {
+    /** 列表loading */
+    isLoading: false,
+    /** 预约列表数据 */
+    bookingList: [],
+    /** 预约列表查询参数 */
+    params: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, 'with', ['order', 'order.customer', 'contacts', 'item', 'appointmentForm.formRecord', 'holder.formRecord']), "booking_time_start_between", getDefaultStartParam()), "child_booking", 1), "skip", 1), "num", 1000),
+    showList: [],
+    listSelectType: 'all',
+    search: '',
+    sort: ''
+  },
+  confirmOpen: false,
+  createCount: 0,
+  verticalAddServiceKey: 0,
+  currentProduct: null,
+  bookingConfigParams: {
+    item_type: 'appointment_booking'
+  },
+  productExtensionType: ['appointment_ticket', 'session_ticket', 'product_appointment', 'service_product', 'session_product', 'normal', 'product_appointment']
+};
+export default (function (props) {
+  var _context$appHelper$ut, _context$appHelper$ut2, _context$appHelper$ut3;
+  var productExtensionType = props.productExtensionType,
+    bookingConfigParams = props.bookingConfigParams;
+  var storeRef = useRef(null);
+  var context = useEngineContext();
+  locales.init(localeTexts, ((_context$appHelper$ut = context.appHelper.utils) === null || _context$appHelper$ut === void 0 || (_context$appHelper$ut = _context$appHelper$ut.getApp()) === null || _context$appHelper$ut === void 0 || (_context$appHelper$ut = _context$appHelper$ut.locales) === null || _context$appHelper$ut === void 0 || (_context$appHelper$ut2 = _context$appHelper$ut.getLocale) === null || _context$appHelper$ut2 === void 0 ? void 0 : _context$appHelper$ut2.call(_context$appHelper$ut)) || ((_context$appHelper$ut3 = context.appHelper.utils) === null || _context$appHelper$ut3 === void 0 || (_context$appHelper$ut3 = _context$appHelper$ut3.storage) === null || _context$appHelper$ut3 === void 0 ? void 0 : _context$appHelper$ut3.get('umi_locale')) || 'en');
+  useLayoutEffect(function () {
+    request.setRequest(context.appHelper.utils.request);
+  }, []);
+  useMemo(function () {
+    var store = createStore(_objectSpread(_objectSpread({}, cloneDeep(initialState)), {}, {
+      bookingConfigParams: bookingConfigParams,
+      productExtensionType: productExtensionType
+    }));
+    storeRef.current = store;
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "pisell-ticket-booking-wrapper"
+  }, /*#__PURE__*/React.createElement(MenuBar, null), /*#__PURE__*/React.createElement(Provider, {
+    store: storeRef.current
+  }, /*#__PURE__*/React.createElement(TicketBooking, null)));
+});

package/es/components/ticketBooking/index.less

@@ -0,0 +1,4 @@
+.pisell-ticket-booking-wrapper {
+  display: flex;
+  height: 100vh;
+}