@pisell/private-materials 3.3.51 → 3.3.55

package/lib/components/ticketBooking/components/addServiceVariant/addService.js

@@ -35,6 +35,7 @@ module.exports = __toCommonJS(addService_exports);
 var import_utils = require("@pisell/utils");
 var import_react = __toESM(require("react"));
 var import_ahooks = require("ahooks");
+var import_materials = require("@pisell/materials");
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var import_utils2 = require("../../../booking/utils");
 var import_utils3 = require("../../../booking/info2/service/addService/utils");
@@ -48,14 +49,13 @@ var import_index = require("./index.less");
 var import_utils6 = require("../../utils");
 var import_notAvailable = __toESM(require("../notAvailable"));
 var AddSerivce = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const { onEdit, state, dispatch, renderMode = "current" } = props;
-  const [loading, setLoading] = (0, import_react.useState)(true);
+  const [loading, setLoading] = (0, import_react.useState)(false);
   const context = (0, import_useEngineContext.default)();
   const notAvailableRef = (0, import_react.useRef)(null);
   const isLoadedServiceRef = (0, import_react.useRef)(false);
   import_utils2.request.setRequest(context.appHelper.utils.request);
-  const Toast = (_b = (_a = context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.Toast;
   const { createBookingData, createBooking } = (0, import_serviceManager.useService)({
     renderMode,
     onEdit,
@@ -63,18 +63,18 @@ var AddSerivce = (props) => {
     dispatch
   });
   const isBooking4 = (0, import_utils5.isBooking4Shop)(
-    (_g = (_f = (_e = (_d = (_c = context.appHelper.utils.store) == null ? void 0 : _c.getState) == null ? void 0 : _d.call(_c)) == null ? void 0 : _e.global) == null ? void 0 : _f.globalConfig) == null ? void 0 : _g.id,
+    (_e = (_d = (_c = (_b = (_a = context.appHelper.utils.store) == null ? void 0 : _a.getState) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.global) == null ? void 0 : _d.globalConfig) == null ? void 0 : _e.id,
     state == null ? void 0 : state.renderType
   );
   const [currentProduct, setCurrentProduct] = (0, import_react.useState)(null);
   const menuList = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2;
     return ((_c2 = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.menu_list_tab) == null ? void 0 : _c2.menu_list) || [];
-  }, [(_h = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _h.config]);
+  }, [(_f = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _f.config]);
   const customerId = (0, import_react.useMemo)(() => {
     var _a2, _b2;
     return ((_b2 = (_a2 = state.client) == null ? void 0 : _a2.value) == null ? void 0 : _b2.id) || void 0;
-  }, [(_j = (_i = state.client) == null ? void 0 : _i.value) == null ? void 0 : _j.id]);
+  }, [(_h = (_g = state.client) == null ? void 0 : _g.value) == null ? void 0 : _h.id]);
   const setDefaultService = async (list) => {
     if (state.renderType !== "eventBooking") {
       return;
@@ -229,7 +229,7 @@ var AddSerivce = (props) => {
           setCurrentProduct(null);
         },
         callback: async (e, extension_type, detail) => {
-          var _a2, _b2;
+          var _a2;
           setCurrentProduct(null);
           if (lock) {
             return;
@@ -273,27 +273,16 @@ var AddSerivce = (props) => {
           if (renderMode === "current") {
             cacheItem.currentDefaultTime = state.date.value.format("HH:mm");
           }
-          cacheItem = (0, import_utils3.getProductExtend)({
-            cacheItem,
-            state,
-            isDisabledTime: true
-          });
+          cacheItem = (0, import_utils3.getProductExtend)({ cacheItem, state });
           if (state.renderType === "eventBooking") {
             cacheItem.autoClose = false;
           }
           if (cacheItem.autoClose) {
             cacheItem.autoClose = false;
-            let { list: _list, quantity } = (0, import_utils6.addService)(
-              state.service.value,
-              cacheItem
-            );
-            (_b2 = Toast == null ? void 0 : Toast.success) == null ? void 0 : _b2.call(
-              Toast,
-              /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-title" }, cacheItem.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-quantity" }, import_utils.locales.getText("pisell2.ticket-booking.in-cart")(
-                quantity || 1
-              )))
-            );
-            (0, import_utils6.addServiceScroll)(e.rowKey, cacheItem);
+            let _list = (0, import_utils6.addService)(state.service.value, cacheItem);
+            (0, import_materials.PisellToast)({
+              content: import_utils.locales.getText("pisell2.ticket-booking.add-to-cart")
+            });
             dispatch({
               type: "setService",
               payload: {
@@ -330,7 +319,7 @@ var AddSerivce = (props) => {
       }
     }
     return _list;
-  }, [(_k = state.service) == null ? void 0 : _k.services, state == null ? void 0 : state.activeCartId]);
+  }, [(_i = state.service) == null ? void 0 : _i.services, state == null ? void 0 : state.activeCartId]);
   const currentDate = (0, import_react.useMemo)(() => {
     return state.date.value.format("YYYY-MM-DD");
   }, [state.date.value]);
@@ -373,7 +362,7 @@ var AddSerivce = (props) => {
     }
     return null;
   }, [
-    (_m = (_l = state.service) == null ? void 0 : _l.cacheItem) == null ? void 0 : _m.autoClose,
+    (_k = (_j = state.service) == null ? void 0 : _j.cacheItem) == null ? void 0 : _k.autoClose,
     state.service.addModal,
     import_utils.locales,
     renderList,

package/lib/components/ticketBooking/components/addServiceVariant/index.less

@@ -1,10 +0,0 @@
-.add-toast-wrap {
-  width: 190px;
-  .add-toast-title {
-    margin-bottom: 12px;
-    line-height: 22px;
-  }
-  .add-toast-quantity {
-    font-size: 14px;
-  }
-}

package/lib/components/ticketBooking/components/ticketBooking/index.js

@@ -277,7 +277,6 @@ var TicketBooking = () => {
         }
       }
     }
-    _modalState.service.value = [];
     _modalState.service.cacheItem = null;
     _modalState.service.addTimeModal = false;
     _modalState.service.changeService = false;
@@ -762,8 +761,7 @@ var TicketBooking = () => {
           locale: engineProps.locale,
           refreshData: _refreshData,
           setActiveTab: _setActiveTab,
-          clearAllValue: _clearAllValue,
-          drawerMask: true
+          clearAllValue: _clearAllValue
         },
         setGlobalState: _setModalState,
         setState,

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Dayjs } from 'dayjs';
 import './index.less';
 interface ITimeBarProps {

package/lib/components/ticketBooking/index.js

@@ -36,7 +36,6 @@ var import_react = __toESM(require("react"));
 var import_miniRedux = require("./miniRedux");
 var import_utils = require("@pisell/utils");
 var import_dayjs = __toESM(require("dayjs"));
-var import_lodash = require("lodash");
 var import_ticketBooking = __toESM(require("./components/ticketBooking/index"));
 var import_utils2 = require("../../utils");
 var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
@@ -187,7 +186,7 @@ var ticketBooking_default = (props) => {
     import_utils2.request.setRequest(context.appHelper.utils.request);
   }, []);
   (0, import_react.useMemo)(() => {
-    const store = (0, import_miniRedux.createStore)({ ...(0, import_lodash.cloneDeep)(initialState), bookingConfigParams, productExtensionType });
+    const store = (0, import_miniRedux.createStore)({ ...initialState, bookingConfigParams, productExtensionType });
     storeRef.current = store;
   }, []);
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-ticket-booking-wrapper" }, /* @__PURE__ */ import_react.default.createElement(import_menuBar.default, null), /* @__PURE__ */ import_react.default.createElement(import_miniRedux.Provider, { store: storeRef.current }, /* @__PURE__ */ import_react.default.createElement(import_ticketBooking.default, null)));

package/lib/components/ticketBooking/locales.d.ts

@@ -47,7 +47,6 @@ declare const _default: {
         "pisell2.ticket-booking.add-to-cart": string;
         "pisell2.ticket-booking.not-available-title": string;
         "pisell2.ticket-booking.not-available-ok": string;
-        "pisell2.ticket-booking.in-cart": (number: number) => string;
     };
     "zh-CN": {
         "pisell2.ticket-booking.info": string;
@@ -97,7 +96,6 @@ declare const _default: {
         "pisell2.ticket-booking.add-to-cart": string;
         "pisell2.ticket-booking.not-available-title": string;
         "pisell2.ticket-booking.not-available-ok": string;
-        "pisell2.ticket-booking.in-cart": (number: number) => string;
     };
     "zh-HK": {
         "pisell2.ticket-booking.info": string;
@@ -147,7 +145,6 @@ declare const _default: {
         "pisell2.ticket-booking.add-to-cart": string;
         "pisell2.ticket-booking.not-available-title": string;
         "pisell2.ticket-booking.not-available-ok": string;
-        "pisell2.ticket-booking.in-cart": (number: number) => string;
     };
 };
 export default _default;

package/lib/components/ticketBooking/locales.js

@@ -70,8 +70,7 @@ var locales_default = {
     "pisell2.ticket-booking.create-new": "Create new",
     "pisell2.ticket-booking.add-to-cart": "Added to Cart",
     "pisell2.ticket-booking.not-available-title": "Sorry, Not available at current time.",
-    "pisell2.ticket-booking.not-available-ok": "OK",
-    "pisell2.ticket-booking.in-cart": (number) => `${number} in cart`
+    "pisell2.ticket-booking.not-available-ok": "OK"
   },
   "zh-CN": {
     "pisell2.ticket-booking.info": "信息",
@@ -120,8 +119,7 @@ var locales_default = {
     "pisell2.ticket-booking.create-new": "新建",
     "pisell2.ticket-booking.add-to-cart": "已加入购物车",
     "pisell2.ticket-booking.not-available-title": "抱歉，目前不在可售时间。",
-    "pisell2.ticket-booking.not-available-ok": "好的",
-    "pisell2.ticket-booking.in-cart": (number) => `已有${number}件`
+    "pisell2.ticket-booking.not-available-ok": "好的"
   },
   "zh-HK": {
     "pisell2.ticket-booking.info": "資訊",
@@ -170,7 +168,6 @@ var locales_default = {
     "pisell2.ticket-booking.create-new": "新建",
     "pisell2.ticket-booking.add-to-cart": "已加入购物车",
     "pisell2.ticket-booking.not-available-title": "抱歉，目前不在可售時間。",
-    "pisell2.ticket-booking.not-available-ok": "好的",
-    "pisell2.ticket-booking.in-cart": (number) => `已有${number}件`
+    "pisell2.ticket-booking.not-available-ok": "好的"
   }
 };

package/lib/components/ticketBooking/utils/index.d.ts

@@ -12,8 +12,4 @@ export declare const restoreProductOtherData: (data: any) => {
     product_variant_id: number;
     quantity: number;
 } | undefined;
-export declare const addService: (list: any[], addItem: any) => {
-    list: any[];
-    quantity: any;
-};
-export declare const addServiceScroll: (rowKey: string, cacheItem: any) => void;
+export declare const addService: (list: any[], addItem: any) => any[];

package/lib/components/ticketBooking/utils/index.js

@@ -30,7 +30,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var utils_exports = {};
 __export(utils_exports, {
   addService: () => addService,
-  addServiceScroll: () => addServiceScroll,
   formatBookingList: () => formatBookingList,
   formatDateToStr: () => formatDateToStr,
   getDefaultStartParam: () => getDefaultStartParam,
@@ -129,27 +128,19 @@ var isSameProduct = (a, b) => {
 };
 var addService = (list, addItem) => {
   let value = list;
-  let count;
   if (!(0, import_utils.isNormalProductByDurationSchedule)(addItem)) {
     value.push(addItem);
-    count = addItem._extend.quantity;
   } else {
     let isNotSame = true;
     value = list.map((item) => {
-      var _a, _b, _c;
+      var _a, _b;
       if (isSameProduct(item, addItem)) {
         isNotSame = false;
-        const quantity = (((_a = item == null ? void 0 : item._extend) == null ? void 0 : _a.quantity) || 1) + (((_b = addItem == null ? void 0 : addItem._extend) == null ? void 0 : _b.quantity) || 1);
-        count = quantity;
         return {
           ...item,
           _extend: {
             ...item._extend,
-            quantity,
-            other: {
-              ...((_c = item._extend) == null ? void 0 : _c.other) || {},
-              quantity
-            }
+            quantity: (((_a = item == null ? void 0 : item._extend) == null ? void 0 : _a.quantity) || 1) + (((_b = addItem == null ? void 0 : addItem._extend) == null ? void 0 : _b.quantity) || 1)
           }
         };
       }
@@ -157,36 +148,13 @@ var addService = (list, addItem) => {
     });
     if (isNotSame) {
       value.push(addItem);
-      count = addItem._extend.quantity;
     }
   }
-  return { list: value, quantity: count };
-};
-var addServiceScroll = (rowKey, cacheItem) => {
-  const list = document.querySelectorAll(`#rowKey-${rowKey}`);
-  setTimeout(() => {
-    if (list.length && (0, import_utils.isNormalProductByDurationSchedule)(cacheItem)) {
-      list[list.length - 1].scrollIntoView({
-        behavior: "smooth",
-        block: "center"
-      });
-    } else {
-      setTimeout(() => {
-        const bookingWrap = document.querySelectorAll(`.booking-info-warp`);
-        if (bookingWrap.length) {
-          bookingWrap[0].scrollTo({
-            top: 99999,
-            behavior: "smooth"
-          });
-        }
-      }, 100);
-    }
-  });
+  return value;
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   addService,
-  addServiceScroll,
   formatBookingList,
   formatDateToStr,
   getDefaultStartParam,

package/lib/components/workSpaceList/components/Modal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Modal as AntModal, ModalFuncProps as AntModalFuncProps, ModalProps as AntModalProps } from 'antd';
 import './index.less';
 interface ModalProps extends AntModalProps {

package/lib/components/workSpaceList/components/SearchWorkspaceAndBase/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './../../index.less';
 declare const Search: () => JSX.Element;
 export default Search;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "3.3.51",
+  "version": "3.3.55",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -60,9 +60,9 @@
     "rc-virtual-list": "^3.11.3",
     "decimal.js": "^10.4.3",
     "@pisell/utils": "1.0.42",
-    "@pisell/icon": "0.0.11",
-    "@pisell/materials": "3.3.19",
-    "@pisell/date-picker": "3.0.2"
+    "@pisell/materials": "3.3.18",
+    "@pisell/date-picker": "3.0.2",
+    "@pisell/icon": "0.0.11"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/es/components/appointmentBooking/assets/resource.svg

@@ -1 +0,0 @@
-<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1275.59 1275.59"><defs><style>.cls-1{fill:#a6a6a6;}</style></defs><g id="DxmwFQ.tif"><path class="cls-1" d="M636.87,977.58c-114.72,1.47-224.68-20.79-329.21-68-15.86-7.16-27.21-5.9-41.28,3.48C213.52,948.26,160,982.43,106.5,1016.73c-9.48,6.08-19.25,13.77-31.41,4.9-13-9.52-8.84-21.72-5.11-33.57,17.49-55.52,34-111.4,53.34-166.26,7.84-22.23,4.17-36.79-11.17-54.36C36.65,680.94,2.43,581,23.2,466.21c18-99.46,74-176.57,151-238.71C273.46,147.32,388.47,104,514.45,86.05c118.93-16.93,236.23-12.26,351.34,21.89,145.61,43.18,271,116.11,348.42,253.1,49,86.79,56.45,179,26.18,273.75-4.88,15.27-7.87,40.71-32.33,33.2-26.2-8-10.69-29.31-5.9-44.58,43.67-139.14-3.45-251.65-104.6-345.78C991.83,179.25,861.31,135,720.56,120c-146.14-15.54-287.38,5.21-419.35,72.83C199.54,244.92,115.73,315.67,75.28,426.91c-38.67,106.33-15.56,203,49.22,292.24,4.14,5.7,8,12.14,13.45,16.28,38,28.73,40.16,63.43,21.87,104.72C148.1,866.6,141.39,895.27,132.55,923c-2.35,7.39-7.94,16.28-1.15,22.29,7.8,6.92,14.27-2.48,20.45-6.38,37.3-23.55,74.68-47,111.42-71.41,15-10,28.85-10.45,44.66-2.72,148,72.35,303.66,87.56,464.76,62.18,2.62-.41,5.25-.7,7.86-1.16,14.24-2.49,28.51-1.69,31.3,15.32s-10.53,22.14-24.72,24.41c-41,6.55-82.07,12.48-123.76,12.07C654.53,977.5,645.7,977.58,636.87,977.58Z"/><path class="cls-1" d="M1033.47,1198.82c-10.6,0-21.19.18-31.78,0-39.56-.77-60.71-20.83-61.28-60.26-.27-19.06-1.81-36.46-15.66-51.38-4.39-4.72-7.17-13-7-19.55,1-39.88-20.87-70.15-41.08-101.14C821.4,881.7,821.09,797.61,876,725.15c62.22-82.07,179.6-102.34,265.78-45.9,89.35,58.51,116.38,169.16,63.78,262.88-12.06,21.5-25.44,42.29-38.6,63.17a108.78,108.78,0,0,0-16.33,49.79c-1.41,17.07-4.09,33.17-17.53,45.64-8.07,7.48-6.06,17.91-6.27,27.49-1.12,53.27-18.56,70.41-72.19,70.82-7.07,0-14.13,0-21.19,0Zm158.82-356.91c-3.34-65.92-35.67-113.78-95.24-140.62-60.42-27.23-118.46-17.53-167.61,26.49-47.76,42.77-66.7,96.58-47.38,160.23,7.78,25.6,22.78,47.57,37,69.91,18,28.32,36.23,56.7,37.17,92,.29,10.66,3.07,20.93,16,19.1,12.71-1.79,9.38-13,7.91-21.35q-9.6-54.74-19.93-109.33c-2-10.22-1.75-19.22,6.61-26.62,9.23-8.17,18.11-4.49,26.63,1,7.15,4.58,14.3,7.73,21.9,1.9,12.06-9.25,23.72-10.48,36-.34,6.3,5.21,12.84,3,19.81.11,29.47-12.11,39.23-5,34.33,26.56-5.53,35.71-13,71.11-19.52,106.68-1.56,8.62-4.23,19,7.81,21.78,11.43,2.62,16.2-6.24,16.73-15.66,2.4-42.66,25.38-76.24,47.2-110.54C1177.31,912.39,1194.61,880.63,1192.29,841.91Zm-159.57,316.58v-.28c12.32,0,24.71.84,36.94-.2,17-1.43,17.21-14.74,17.48-27.46.27-12.54-4.83-20.42-18.34-20.45q-34.33-.07-68.69.21c-13.61.13-21.4,6-20.94,20.9.43,13.63,4,25.14,19.26,27C1009.7,1159.59,1021.28,1158.49,1032.72,1158.49Zm1.72-202.58c-14,3-28.37,5.21-25.36,24,4,25.21,8.92,50.28,14,75.31,1.19,5.91,4.1,12.5,11.94,11.66,6.39-.68,7.5-7,8.54-12,4.85-23.27,8.23-46.91,14.29-69.85C1063.81,962.48,1048.2,960.53,1034.44,955.91Z"/><path class="cls-1" d="M639.31,407.39q-177.43-.06-354.85-.09c-8.8,0-17.7,0-26.37-1.3-9.74-1.42-16.3-7.62-16.29-17.81,0-9.93,5.86-16.66,15.75-18.41a122.26,122.26,0,0,1,21.06-1.36q356.16-.14,712.33-.08c8.81,0,17.7,0,26.42,1.09,10.46,1.33,19,6.48,19,18.27,0,13.21-9.32,18.08-21.07,18.91-8.79.63-17.63.79-26.45.79Q814.09,407.48,639.31,407.39Z"/><path class="cls-1" d="M639.72,508.17q178.74,0,357.48.06c8.77,0,17.76.22,26.24,2.13s13.39,8.66,13.14,17.6c-.21,7.72-4.61,13.91-12,15.69a113,113,0,0,1-26,3.06q-360.13.25-720.27.1a106,106,0,0,1-21-1.71c-9.79-2-15.52-8.75-15.41-18.73.12-10.32,6.62-16.18,16.63-17.19,8.75-.89,17.61-.95,26.43-1Q462.3,508.15,639.72,508.17Z"/><path class="cls-1" d="M448.43,687.14q-82,0-164,0c-7.05,0-14.1-.2-21.14-.51-12.23-.54-20.81-6.52-21-19.05-.27-14,8.57-20,22.32-20q183.78.17,367.57.13c13.67,0,26.26,4.07,25.34,20-1,16.95-15.35,19.67-29.28,19.71-59.93.18-119.87.08-179.81.08Z"/></g></svg>

package/es/components/productSelect/components/TabProduct/tabs/index.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface Com<T> extends React.FC<T> {
-}
-export declare type RowKey = string | number;
-export interface Option {
-    id: number | string;
-    name: React.ReactNode;
-}
-export interface TabsProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange'> {
-    renderTab: (item: any) => React.ReactNode;
-    rowKey: RowKey;
-    name: RowKey;
-    onChange: (key: RowKey, _item: any) => void;
-    tab: RowKey;
-    className: string;
-    tabsRef: any;
-    options: Option[];
-}
-declare const _default: React.ForwardRefExoticComponent<Omit<Partial<TabsProps>, "ref"> & React.RefAttributes<unknown>>;
-export default _default;

package/es/components/productSelect/components/TabProduct/tabs/index.js

@@ -1,243 +0,0 @@
-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, { useMemo, useState, useEffect, forwardRef, useImperativeHandle } from 'react';
-import classNames from 'classnames';
-import { useDebounceFn } from 'ahooks';
-import ChevronLeft from '@pisell/icon/es/ChevronLeft';
-import ChevronRight from '@pisell/icon/es/ChevronRight';
-import "./index.less";
-
-// tabs 子组件定义
-
-// 定义主键类型
-
-// Tabs 可传递的参数
-
-var Tabs = function Tabs(_ref, ref) {
-  var renderTab = _ref.renderTab,
-    rowKey = _ref.rowKey,
-    _ref$name = _ref.name,
-    name = _ref$name === void 0 ? 'tabs-' : _ref$name,
-    onChange = _ref.onChange,
-    tab = _ref.tab,
-    className = _ref.className,
-    options = _ref.options;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isShowButton = _useState2[0],
-    setIsShowButton = _useState2[1];
-  useImperativeHandle(ref, function () {
-    return {
-      scroll: function scroll(tab) {
-        if (tab) {
-          var dom = document.querySelector("#".concat(name).concat(tab));
-          if (dom) {
-            setTabScroll(dom === null || dom === void 0 ? void 0 : dom.offsetLeft);
-          }
-        }
-      }
-    };
-  });
-  /**
-   * @Title: 改变tab事件
-   * @Describe:
-   * @Author: Wzw
-   * @param {RowKey} _key
-   */
-  var _onChange = function _onChange(_key, _item, e) {
-    // setScroll(_tab, _key);
-    // 如果传入了tab 并且有onChange, 则调用onChange, 否则设置组件内部tab
-    if (onChange) {
-      onChange(_key, _item);
-    }
-    setTabScroll(e.target.offsetLeft);
-  };
-  useEffect(function () {
-    if (options !== null && options !== void 0 && options.length) {
-      calculateWidth();
-    }
-  }, [options]);
-
-  /**
-   * @title: 判断是否展示箭头
-   * @description:
-   * @return {*}
-   * @Author: chensheng.gu
-   * @Date: 2023-08-01 15:59
-   */
-  var calculateWidth = function calculateWidth() {
-    var tabsWrapper = document.querySelector('#pisell-tabs');
-    var tabsContent = document.querySelector('#pisell-tabs-content');
-    if ((tabsContent === null || tabsContent === void 0 ? void 0 : tabsContent.offsetWidth) + 60 > (tabsWrapper === null || tabsWrapper === void 0 ? void 0 : tabsWrapper.offsetWidth)) {
-      setIsShowButton(true);
-    }
-  };
-
-  /**
-   * @title: 选项
-   * @description:
-   * @param {*} useMemo
-   * @return {*}
-   * @Author: zhiwei.Wang
-   * @Date: 2023-06-03 10:44
-   */
-  var _options = useMemo(function () {
-    return options || [];
-  }, [options]);
-
-  // 左侧按钮宽度
-  var _useState3 = useState(40),
-    _useState4 = _slicedToArray(_useState3, 2),
-    leftWidth = _useState4[0],
-    setLeftWidth = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    leftActive = _useState6[0],
-    setLeftActive = _useState6[1];
-  //右侧按钮宽度
-  var _useState7 = useState(40),
-    _useState8 = _slicedToArray(_useState7, 2),
-    rightWidth = _useState8[0],
-    setRightWidth = _useState8[1];
-  var _useState9 = useState(true),
-    _useState10 = _slicedToArray(_useState9, 2),
-    rightActive = _useState10[0],
-    setRightActive = _useState10[1];
-
-  // 防抖
-  var debounceChange = useDebounceFn(function (_ref2) {
-    var current = _ref2.current,
-      total = _ref2.total;
-    if (current === 0) {
-      // setLeftWidth(0);
-      setLeftActive(false);
-    } else {
-      // setLeftWidth(40);
-      setLeftActive(true);
-    }
-    if (current + 10 >= total) {
-      // setRightWidth(0);
-      setRightActive(false);
-    } else {
-      // setRightWidth(40);
-      setRightActive(true);
-    }
-  }, {
-    wait: 200
-  });
-
-  // 滚动时触发
-  var onScroll = function onScroll(e) {
-    var total = e.target.scrollWidth - e.target.clientWidth;
-    var current = e.target.scrollLeft;
-    debounceChange.run({
-      current: current,
-      total: total
-    });
-  };
-
-  // 设置滚动位置
-  var setTabScroll = function setTabScroll(val) {
-    var dom = document.querySelector('#pisell-tabs-content');
-    console.log('domdom', dom);
-    if (!dom) {
-      return;
-    }
-    dom.scrollLeft = val;
-  };
-
-  /**
-   * @title: 手动触发滚动位置
-   * @description:
-   * @param {*} type
-   * @return {*}
-   * @Author: zhiwei.Wang
-   * @Date: 2023-06-03 10:45
-   */
-  var onPageChange = function onPageChange(type) {
-    var dom = document.querySelector('#pisell-tabs-content');
-    if (!dom) {
-      return;
-    }
-    if (type === 'left') {
-      setTabScroll((dom === null || dom === void 0 ? void 0 : dom.scrollLeft) - dom.clientWidth / 2);
-    } else {
-      setTabScroll((dom === null || dom === void 0 ? void 0 : dom.scrollLeft) + dom.clientWidth / 2);
-    }
-  };
-
-  // 左侧按钮
-  var leftBtn = useMemo(function () {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "booking-pisell-tabs-btn-left",
-      style: {
-        width: leftWidth,
-        // marginLeft: !leftWidth ? '20px' : 0,
-        opacity: leftActive ? 1 : 0.3
-      },
-      onClick: function onClick() {
-        onPageChange('left');
-      }
-    }, /*#__PURE__*/React.createElement(ChevronRight, {
-      className: "booking-pisell-tabs-btn-icon"
-    }));
-  }, [leftWidth, leftActive]);
-
-  // 右侧按钮
-  var rightBtn = useMemo(function () {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "booking-pisell-tabs-btn-right",
-      style: {
-        width: rightWidth,
-        // marginRight: !rightWidth ? '20px' : 0,
-        opacity: rightActive ? 1 : 0.3
-      },
-      onClick: function onClick() {
-        onPageChange('right');
-      }
-    }, /*#__PURE__*/React.createElement(ChevronLeft, {
-      type: "icona-iconArrowsLine",
-      className: "booking-pisell-tabs-btn-icon"
-    }));
-  }, [rightWidth, rightActive]);
-
-  // 中间内容
-  var content = useMemo(function () {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "booking-pisell-tabs-content",
-      id: "pisell-tabs-content",
-      onScroll: onScroll,
-      style: {
-        width: 'unset'
-      }
-    }, !isShowButton ? /*#__PURE__*/React.createElement("div", {
-      style: {
-        width: 10
-      }
-    }) : null, _options.map(function (d, i) {
-      var _key = rowKey ? d[rowKey] : i;
-      return /*#__PURE__*/React.createElement("div", {
-        className: classNames('booking-pisell-tabs-tab', {
-          'booking-pisell-tabs-tab-active': tab === _key
-        }),
-        key: _key,
-        id: name + '' + _key,
-        onClick: function onClick(e) {
-          _onChange(_key, d, e);
-        }
-      }, renderTab ? renderTab(d) : /*#__PURE__*/React.createElement("div", {
-        className: "booking-pisell-tabs-tab-content"
-      }, d.name));
-    }));
-  }, [_options, rowKey, name, tab, isShowButton]);
-  console.log('isShow', isShowButton);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('booking-pisell-tabs', className),
-    id: "pisell-tabs"
-  }, isShowButton && leftBtn, content, isShowButton && rightBtn);
-};
-export default /*#__PURE__*/forwardRef(Tabs);