@pisell/private-materials 3.3.76 → 3.3.78

package/lib/components/stepController/components/Header/index.js

@@ -0,0 +1,104 @@
+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/stepController/components/Header/index.tsx
+var Header_exports = {};
+__export(Header_exports, {
+  default: () => Header_default
+});
+module.exports = __toCommonJS(Header_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var Header = ({
+  steps,
+  currentStepIndex,
+  style,
+  onBack,
+  onClose,
+  confirmCloseProps
+}) => {
+  var _a;
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const handleClose = () => {
+    if (confirmCloseProps == null ? void 0 : confirmCloseProps.isConfirmClose) {
+      setOpen(true);
+    } else {
+      onClose == null ? void 0 : onClose();
+    }
+  };
+  const handleOk = () => {
+    setOpen(false);
+    onClose == null ? void 0 : onClose();
+  };
+  const handleBack = () => {
+    if (!steps) return;
+    if (currentStepIndex > 0) {
+      const prevKey = steps[currentStepIndex - 1].key;
+      onBack == null ? void 0 : onBack(prevKey);
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellHeaderProgressBar,
+    {
+      className: "pisell-step-controller-header",
+      style,
+      stepText: import_utils.locales.getText("pisell2.step.controller.step")(
+        currentStepIndex + 1
+      ),
+      title: (_a = steps == null ? void 0 : steps[currentStepIndex]) == null ? void 0 : _a.description,
+      showClose: true,
+      onBack: handleBack,
+      onClose: handleClose,
+      enableBorder: true,
+      borderColor: "#EAECF0",
+      showBack: currentStepIndex > 0 || false
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal.Information,
+    {
+      open,
+      title: (confirmCloseProps == null ? void 0 : confirmCloseProps.title) || "",
+      describe: (confirmCloseProps == null ? void 0 : confirmCloseProps.content) || "",
+      okText: (confirmCloseProps == null ? void 0 : confirmCloseProps.okText) || "",
+      cancelText: (confirmCloseProps == null ? void 0 : confirmCloseProps.cancelText) || "",
+      closable: true,
+      okButtonProps: {
+        style: {
+          backgroundColor: "#D92D20"
+        }
+      },
+      onCancel: () => {
+        setOpen(false);
+      },
+      onOk: () => handleOk()
+    }
+  ));
+};
+var Header_default = Header;

package/lib/components/stepController/components/Header/index.less

@@ -0,0 +1,21 @@
+.pisell-step-controller-header {
+  .pisell-section-headers-content {
+    width: 1000px;
+    margin: 0 auto;
+    max-width: 100%;
+
+    .pisell-section-headers-main {
+      color: var(--Gray-900, #101828);
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 20px;
+      justify-content: start;
+
+      .select-text {
+        font-size: 18px;
+        font-weight: 600;
+        line-height: 24px;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { StepControllerProps } from './types';
+import './index.less';
+declare const StepController: React.FC<StepControllerProps>;
+export default StepController;

package/lib/components/stepController/index.js

@@ -0,0 +1,89 @@
+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/stepController/index.tsx
+var stepController_exports = {};
+__export(stepController_exports, {
+  default: () => stepController_default
+});
+module.exports = __toCommonJS(stepController_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_useWindowSize = require("../../hooks/useWindowSize");
+var import_Header = __toESM(require("./components/Header"));
+var import_Footer = __toESM(require("./components/Footer"));
+var import_Content = __toESM(require("./components/Content"));
+var import_locales = __toESM(require("./locales"));
+var import_index = require("./index.less");
+var StepController = ({
+  steps,
+  currentStep,
+  children,
+  onBack,
+  confirmCloseProps,
+  showFooter,
+  footerContent,
+  onClose
+}) => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  import_utils.locales.init(import_locales.default, ((_b = (_a = context == null ? void 0 : context.engine) == null ? void 0 : _a.props) == null ? void 0 : _b.locale) || "en");
+  (0, import_useWindowSize.useWindowSize)({ debounceMs: 200 });
+  const isMobile = (0, import_react.useMemo)(() => {
+    const config = (0, import_materials.usePisellConfig)();
+    const platform = (config == null ? void 0 : config.platform) || "h5";
+    return platform === "h5";
+  }, []);
+  const currentStepIndex = (0, import_react.useMemo)(() => {
+    return (steps == null ? void 0 : steps.findIndex((step) => step.key === currentStep)) || 0;
+  }, [steps, currentStep]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("pisell-step-controller", {
+        "pisell-step-controller-mobile": isMobile
+      })
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_Header.default,
+      {
+        steps,
+        currentStepIndex,
+        confirmCloseProps,
+        onBack,
+        onClose
+      }
+    ),
+    /* @__PURE__ */ import_react.default.createElement(import_Content.default, { children }),
+    showFooter && footerContent ? /* @__PURE__ */ import_react.default.createElement(import_Footer.default, { children: footerContent, isMobile }) : null
+  );
+};
+var stepController_default = StepController;

package/lib/components/stepController/index.less

@@ -0,0 +1,11 @@
+.pisell-step-controller {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: calc(var(--vh, 1vh) * 100);
+  box-sizing: border-box;
+  overflow-y: auto;
+}
+
+.pisell-step-controller-mobile {
+}

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

@@ -0,0 +1,27 @@
+declare const _default: {
+    en: {
+        'pisell2.step.controller.step': (step: number) => string;
+        'pisell2.step.controller.sendEmail': string;
+        'pisell2.step.controller.copy': string;
+        'pisell2.step.controller.download': string;
+        'pisell2.step.controller.preview': string;
+        'pisell2.step.controller.continue': string;
+    };
+    'zh-CN': {
+        'pisell2.step.controller.step': (step: number) => string;
+        'pisell2.step.controller.sendEmail': string;
+        'pisell2.step.controller.copy': string;
+        'pisell2.step.controller.download': string;
+        'pisell2.step.controller.preview': string;
+        'pisell2.step.controller.continue': string;
+    };
+    'zh-HK': {
+        'pisell2.step.controller.step': (step: number) => string;
+        'pisell2.step.controller.sendEmail': string;
+        'pisell2.step.controller.copy': string;
+        'pisell2.step.controller.download': string;
+        'pisell2.step.controller.preview': string;
+        'pisell2.step.controller.continue': string;
+    };
+};
+export default _default;

package/lib/components/stepController/locales.js

@@ -0,0 +1,50 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/stepController/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_default = {
+  en: {
+    "pisell2.step.controller.step": (step) => `Step ${step || 1}`,
+    "pisell2.step.controller.sendEmail": "Send Email",
+    "pisell2.step.controller.copy": "Copy",
+    "pisell2.step.controller.download": "Download",
+    "pisell2.step.controller.preview": "Preview",
+    "pisell2.step.controller.continue": "Continue"
+  },
+  "zh-CN": {
+    "pisell2.step.controller.step": (step) => `步骤 ${step || 1}`,
+    "pisell2.step.controller.sendEmail": "发送邮件",
+    "pisell2.step.controller.copy": "复制",
+    "pisell2.step.controller.download": "下载",
+    "pisell2.step.controller.preview": "预览",
+    "pisell2.step.controller.continue": "继续"
+  },
+  "zh-HK": {
+    "pisell2.step.controller.step": (step) => `步驟 ${step || 1}`,
+    "pisell2.step.controller.sendEmail": "發送郵件",
+    "pisell2.step.controller.copy": "複製",
+    "pisell2.step.controller.download": "下載",
+    "pisell2.step.controller.preview": "預覽",
+    "pisell2.step.controller.continue": "繼續"
+  }
+};

package/lib/components/stepController/types.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+export interface Step {
+    key: string;
+    description: string;
+}
+export interface StepControllerProps extends Step {
+    steps: Step[];
+    currentStep: string;
+    isLastStep?: boolean;
+    isMobile?: boolean;
+    children?: React.ReactNode;
+    onBack?: (key: string) => void;
+    onClose?: () => void;
+    confirmCloseProps?: {
+        isConfirmClose?: boolean;
+        title?: string;
+        content?: string;
+        okText?: string;
+        cancelText?: string;
+    };
+    showFooter?: boolean;
+    footerContent?: React.ReactNode;
+}

package/lib/components/stepController/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/stepController/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/components/ticketBooking/components/addServiceVariant/addService.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface AddServiceProps {
     onEdit?: any;

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

@@ -47,6 +47,7 @@ var import_productSelect = __toESM(require("../../../productSelect"));
 var import_index = require("./index.less");
 var import_utils6 = require("../../utils");
 var import_notAvailable = __toESM(require("../notAvailable"));
+var import_dayjs = __toESM(require("dayjs"));
 var AddSerivce = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
   const { onEdit, state, dispatch, renderMode = "current" } = props;
@@ -205,6 +206,7 @@ var AddSerivce = (props) => {
     (item, type = "select") => {
       const isSession = (0, import_utils2.isSessionProduct)(item);
       const isEject = (0, import_utils2.getIsEject)(item, type);
+      const isOnlySession = (0, import_utils2.getIsOnlySession)(item);
       let lock = false;
       if (isEject) {
         setCurrentProduct(item);
@@ -221,8 +223,9 @@ var AddSerivce = (props) => {
             session: isSession,
             variant: true,
             package: true,
-            number: (0, import_utils4.isNormalProductByDurationSchedule)(item)
+            number: (0, import_utils6.getIsShowNumber)(item, state)
           },
+          isOnlySession,
           is_eject: isEject ? 1 : 0,
           customer_id: customerId,
           isOS: isSession
@@ -231,7 +234,7 @@ var AddSerivce = (props) => {
           setCurrentProduct(null);
         },
         callback: async (e, extension_type, detail) => {
-          var _a2, _b2;
+          var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
           setCurrentProduct(null);
           if (lock) {
             return;
@@ -285,9 +288,11 @@ var AddSerivce = (props) => {
           }
           if (cacheItem.autoClose) {
             cacheItem.autoClose = false;
+            cacheItem._serviceKey = (0, import_utils6.genServiceKey)(cacheItem);
             let { list: _list, quantity } = (0, import_utils6.addService)(
-              state.service.value,
-              cacheItem
+              [...state.service.value],
+              cacheItem,
+              state
             );
             (_b2 = Toast == null ? void 0 : Toast.success) == null ? void 0 : _b2.call(
               Toast,
@@ -296,6 +301,38 @@ var AddSerivce = (props) => {
               )))
             );
             (0, import_utils6.addServiceScroll)(e.rowKey, cacheItem);
+            try {
+              if (((_g2 = (_f2 = (_e2 = (_d2 = (_c2 = context.appHelper.utils.store) == null ? void 0 : _c2.getState) == null ? void 0 : _d2.call(_c2)) == null ? void 0 : _e2.global) == null ? void 0 : _f2.globalConfig) == null ? void 0 : _g2.id) === 2155) {
+                const val = _list == null ? void 0 : _list.map((s) => {
+                  return {
+                    product_id: s == null ? void 0 : s.product_id,
+                    detailId: s == null ? void 0 : s.id,
+                    detailProductId: s == null ? void 0 : s.product_id,
+                    product_name: s == null ? void 0 : s.title,
+                    price: s == null ? void 0 : s.price,
+                    _id: s == null ? void 0 : s._id,
+                    _key: s == null ? void 0 : s._key,
+                    _serviceKey: s == null ? void 0 : s._serviceKey
+                  };
+                });
+                const sendData = {
+                  product_id: item == null ? void 0 : item.id,
+                  detailId: _detail == null ? void 0 : _detail.id,
+                  detailProductId: _detail == null ? void 0 : _detail.product_id,
+                  product_name: item == null ? void 0 : item.title,
+                  price: _detail == null ? void 0 : _detail.price,
+                  serviceVal: val
+                };
+                (0, import_utils.sendWarningLog)({
+                  title: "addService",
+                  content: [
+                    { key: "添加数据", value: JSON.stringify(sendData) },
+                    { key: "日期", value: (0, import_dayjs.default)().format("YYYY-MM-DD HH:mm:ss") }
+                  ]
+                });
+              }
+            } catch (error) {
+            }
             dispatch({
               type: "setService",
               payload: {
@@ -367,7 +404,7 @@ var AddSerivce = (props) => {
             isTitle: 1,
             isSubtitle: 1,
             isPrice: 1,
-            isOriginPrice: 1,
+            isOriginPrice: 0,
             isStock: 1
           }
         }

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

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

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

@@ -45,12 +45,25 @@ var import_utils2 = require("../../utils");
 var import_addServiceVariant = __toESM(require("../addServiceVariant"));
 var import_timeBar = __toESM(require("../timeBar"));
 var import_index = require("./index.less");
+var import_utils3 = require("../../../booking/info/service2/utils");
+var import_amount = require("../../../booking/components/footer/amount");
+var import_formatProductMessage = __toESM(require("../../utils/formatProductMessage"));
 var TicketBooking = () => {
   var _a;
   const [state, setState] = (0, import_miniRedux.useStore)();
   const engineContext = (0, import_useEngineContext.default)();
   const { props: engineProps } = engineContext.engine;
-  const { action, isTerminal, lowcodeRef, interaction, store, storage, Toast } = (_a = engineContext.appHelper) == null ? void 0 : _a.utils;
+  const {
+    action,
+    isTerminal,
+    lowcodeRef,
+    interaction,
+    store,
+    storage,
+    Toast,
+    getSymbolic,
+    translation
+  } = (_a = engineContext.appHelper) == null ? void 0 : _a.utils;
   const _persistentRef = (0, import_react.useRef)(false);
   const _initStateRef = (0, import_react.useRef)({});
   const _listTimerRef = (0, import_react.useRef)();
@@ -137,6 +150,112 @@ var TicketBooking = () => {
       intervalSetTime: isInterval
     });
   };
+  (0, import_react.useEffect)(() => {
+    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+    const cartItems = (_b = (_a2 = state == null ? void 0 : state.modalState) == null ? void 0 : _a2.service) == null ? void 0 : _b.value;
+    if (!Array.isArray(cartItems) || cartItems.length === 0) {
+      (_d = (_c = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _c.postMessageToApp) == null ? void 0 : _d.call(_c, {
+        module: "cds",
+        key: "cartUpdate",
+        data: {
+          currency_symbol: getSymbolic(),
+          total: "0",
+          // 小计
+          products: [],
+          fees: []
+        }
+      });
+    }
+    const total = (0, import_amount.getSumTotal)(state.modalState, true);
+    let formatedProducts = [];
+    try {
+      formatedProducts = (0, import_utils3.formatProducts)(
+        cartItems,
+        state.modalState,
+        false,
+        true,
+        true
+      );
+    } catch (error) {
+      console.error(error);
+    }
+    console.log("formatedProducts", total, formatedProducts);
+    let fees = [];
+    let products = [];
+    for (const item of formatedProducts) {
+      const { id, name, image, origin_total, total: total2, num, note, _origin } = item;
+      (_e = _origin == null ? void 0 : _origin.discount_list) == null ? void 0 : _e.forEach((dl) => {
+        fees.push({
+          isReduce: dl.type === "good_pass",
+          title: translation(dl == null ? void 0 : dl.discount.title),
+          price: dl.amount,
+          type: dl.type
+        });
+      });
+      let msg = "";
+      try {
+        msg = (0, import_formatProductMessage.default)(
+          {
+            ...item,
+            currency_symbol: getSymbolic()
+          },
+          (_f = engineContext.appHelper) == null ? void 0 : _f.utils
+        );
+      } catch (error) {
+        console.error(error);
+      }
+      let _item = {
+        productID: id,
+        title: name,
+        cover: image,
+        //  封面图
+        price: total2,
+        // 售价
+        buyCount: num,
+        // 购买数量
+        productFormatMessage: msg,
+        note
+      };
+      if (origin_total !== total2) _item.modifyPrice = origin_total;
+      products.push(_item);
+    }
+    console.log(
+      "formatedProducts",
+      (_g = import_utils.locales.getText("pisell2.product.card.cart-items")) == null ? void 0 : _g(products.length)
+    );
+    if (products.length > 0) {
+      fees.unshift({
+        title: import_utils.locales.getText("pisell2.product.card.subtotal"),
+        price: total.productAmount,
+        type: "subtotal",
+        message: (_h = import_utils.locales.getText("pisell2.product.card.cart-items")) == null ? void 0 : _h(
+          products.length
+        )
+      });
+    }
+    console.log("start post message, config:", {
+      module: "cds",
+      key: "cartUpdate",
+      data: {
+        currency_symbol: getSymbolic(),
+        total: total.productAmount,
+        // 小计
+        products,
+        fees
+      }
+    });
+    (_j = (_i = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _i.postMessageToApp) == null ? void 0 : _j.call(_i, {
+      module: "cds",
+      key: "cartUpdate",
+      data: {
+        currency_symbol: getSymbolic(),
+        total: total.expectAmount,
+        // 小计
+        products,
+        fees
+      }
+    });
+  }, [state.modalState]);
   const _setModalState = (props) => {
     var _a2, _b;
     console.log("同步state到外层", props);
@@ -717,7 +836,8 @@ var TicketBooking = () => {
           addTimeProducts: state.addTimeProducts,
           isBookingCreatePage: true,
           closeAutoOpenService: true,
-          productExtensionType: state.productExtensionType
+          productExtensionType: state.productExtensionType,
+          isBookingTicket2: true
         },
         setGlobalState: _setModalState
       }
@@ -770,7 +890,8 @@ var TicketBooking = () => {
           refreshData: _refreshData,
           setActiveTab: _setActiveTab,
           clearAllValue: _clearAllValue,
-          drawerMask: true
+          drawerMask: true,
+          isBookingTicket2: true
         },
         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 {