@pisell/private-materials 3.0.119 → 3.0.121

package/es/components/schedules/hooks/useSchedulesDataSource.js

@@ -6,7 +6,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useEffect, useState } from "react";
 import { useRequest } from "ahooks";
-import { getScheduleList } from "../schedules/serve";
+import { postScheduleList } from "../schedules/serve";
 var useSchedulesDataSource = function useSchedulesDataSource(params) {
   var _ref = params || {},
     scheduleIds = _ref.scheduleIds;
@@ -14,7 +14,7 @@ var useSchedulesDataSource = function useSchedulesDataSource(params) {
     _useState2 = _slicedToArray(_useState, 2),
     dataSource = _useState2[0],
     setDataSource = _useState2[1];
-  var _useRequest = useRequest(getScheduleList, {
+  var _useRequest = useRequest(postScheduleList, {
       manual: true,
       onSuccess: function onSuccess(result, params) {
         if (result.status) {
@@ -29,7 +29,9 @@ var useSchedulesDataSource = function useSchedulesDataSource(params) {
     run({
       ids: scheduleIds,
       skip: 1,
-      num: 1000
+      num: 500,
+      with: ['relation', 'timeSlot'],
+      with_count: ['relation', 'order']
     });
   }, [scheduleIds]);
   return {

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

@@ -1,5 +1,5 @@
-import React from "react";
-import "./index.less";
+import React from 'react';
+import './index.less';
 interface ProductListProps {
     loading: boolean;
     list: any[];

package/es/components/schedules/products/list/index.js

@@ -10,20 +10,20 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useState, useMemo, useContext } from "react";
+import React, { useState, useMemo, useContext } from 'react';
 import TabProduct from "../../../tabProduct";
 import Search from "../../components/Search";
 import { formatProductListByCategory } from "../utils";
 import { Context } from "../../model";
 import EmptyCom from "../../../booking/components/emptyBooking";
 import ProductItem from "./ProductItem";
-import { Skeleton } from "antd";
+import { Skeleton } from 'antd';
 import "./index.less";
-import { locales } from "@pisell/utils";
+import { locales } from '@pisell/utils';
 var ProductList = function ProductList(_ref) {
   var loading = _ref.loading,
     list = _ref.list;
-  var _useState = useState(""),
+  var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     search = _useState2[0],
     setSearch = _useState2[1];
@@ -49,7 +49,7 @@ var ProductList = function ProductList(_ref) {
       return isIncludes(item.title);
     } : undefined);
   }, [search, list, currentSelectDayDetail]);
-  console.log("state.scheduleMap", renderList);
+  console.log('state.scheduleMap', renderList);
   var searchChange = function searchChange(e) {
     setSearch(e);
   };
@@ -62,7 +62,7 @@ var ProductList = function ProductList(_ref) {
     };
     if (currentSelectDayDetail) {
       newData = {
-        tabKey: "schedules",
+        tabKey: 'schedules',
         products: _objectSpread(_objectSpread({}, products), {}, {
           currentProduct: item,
           openProductDetailDrawer: !currentSelectDayDetail
@@ -70,13 +70,13 @@ var ProductList = function ProductList(_ref) {
       };
     }
     dispatch({
-      type: "setState",
+      type: 'setState',
       payload: newData
     });
   };
   var empty = useMemo(function () {
     return /*#__PURE__*/React.createElement(EmptyCom, {
-      description: locales.getText("pisell2.text.products.no-products")
+      description: locales.getText('pisell2.text.products.no-products')
     });
   }, []);
   var listDom = useMemo(function () {

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

@@ -1,6 +1,6 @@
-import React from "react";
-import { ScheduleItem } from "../../type";
-import "./index.less";
+import React from 'react';
+import { ScheduleItem } from '../../type';
+import './index.less';
 declare type AllSchedulesPropsType = {
     onOpenDetail?: (id?: number) => void;
     dataSource: ScheduleItem[];

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

@@ -4,12 +4,12 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useMemo, useState } from "react";
-import { Button } from "antd";
+import React, { useMemo, useState } from 'react';
+import { Button } from 'antd';
 import Search from "../../components/Search";
 import ScheduleList from "../../components/ScheduleList";
 import "./index.less";
-import { locales } from "@pisell/utils";
+import { locales } from '@pisell/utils';
 /**
  * 所有schedules列表
  * @param props
@@ -19,7 +19,7 @@ var AllSchedules = function AllSchedules(props) {
   var onOpenDetail = props.onOpenDetail,
     dataSource = props.dataSource,
     loading = props.loading;
-  var _useState = useState(""),
+  var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     search = _useState2[0],
     setSearch = _useState2[1];
@@ -42,8 +42,11 @@ var AllSchedules = function AllSchedules(props) {
     dataSource: showDataSource,
     onItemClick: function onItemClick(item) {
       return onOpenDetail === null || onOpenDetail === void 0 ? void 0 : onOpenDetail(item.id);
-    }
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+    },
+    showTabs: true
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode__schedules-module-add-button-wrap"
+  }, /*#__PURE__*/React.createElement(Button, {
     className: "pisell-lowcode__schedules-module-add-button",
     onClick: function onClick() {
       return onOpenDetail === null || onOpenDetail === void 0 ? void 0 : onOpenDetail();

package/es/components/schedules/schedules/AllSchedules/index.less

@@ -2,13 +2,21 @@
   height: 100%;
   display: flex;
   flex-direction: column;
+  overflow-y: auto;
+  padding: 0 32px;
   .pisell-lowcode__schedules-module-header {
-    padding: 16px 32px;
+    padding: 16px 0 0;
   }
   .pisell-lowcode__schedules-module-content {
-    padding: 20px 32px;
+    padding: 0;
     flex: 1;
-    overflow: auto;
+    overflow:initial;
+  }
+  .pisell-lowcode__schedules-module-add-button-wrap{
+    position: sticky;
+    bottom: 0;
+    z-index: 1;
+    background: #fff
   }
   .pisell-lowcode__schedules-module-add-button {
     margin: 24px 32px;

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

@@ -4,6 +4,13 @@ export declare const getScheduleList: (params: {
     num: number;
     ids?: number[];
 }) => Promise<ResponseListData<ScheduleItem[]>>;
+export declare const postScheduleList: (params: {
+    skip: number;
+    num: number;
+    ids?: number[];
+    with?: Array<string>;
+    with_count?: Array<string>;
+}) => Promise<ResponseListData<ScheduleItem[]>>;
 export declare const deleteSchedule: (params: {
     id: number;
 }) => Promise<ResponseListData<ScheduleItem[]>>;

package/es/components/schedules/schedules/serve.js

@@ -22,13 +22,15 @@ export var getScheduleList = /*#__PURE__*/function () {
     return _ref.apply(this, arguments);
   };
 }();
-export var deleteSchedule = /*#__PURE__*/function () {
+
+// 获取日程接口
+export var postScheduleList = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(params) {
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           _context2.next = 2;
-          return request.getRequest().remove("/shop/schedule/".concat(params.id));
+          return request.getRequest().post("/shop/schedule/v2", params);
         case 2:
           return _context2.abrupt("return", _context2.sent);
         case 3:
@@ -37,7 +39,26 @@ export var deleteSchedule = /*#__PURE__*/function () {
       }
     }, _callee2);
   }));
-  return function deleteSchedule(_x2) {
+  return function postScheduleList(_x2) {
     return _ref2.apply(this, arguments);
   };
+}();
+export var deleteSchedule = /*#__PURE__*/function () {
+  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(params) {
+    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _context3.next = 2;
+          return request.getRequest().remove("/shop/schedule/".concat(params.id));
+        case 2:
+          return _context3.abrupt("return", _context3.sent);
+        case 3:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return function deleteSchedule(_x3) {
+    return _ref3.apply(this, arguments);
+  };
 }();

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

@@ -48,3 +48,25 @@ export declare const formatScheduleResult: (schedule: ScheduleItem) => {
 export declare const calcScheduleDateRange: (schedule: ScheduleItem) => any[];
 export declare const calcCalendarDataBySchedules: (schedules: ScheduleItem[]) => unknown[];
 export declare const calcMinTimeMaxTimeBySchedules: (schedules: ScheduleItem[], scheduleAllMap: FormState["schedules"]["scheduleAllMap"], selectDate?: string) => {};
+/**
+ * @title: 格式化日程数据
+ * @description:
+ * @param {Array} relation 资源列表
+ * @param {string} table_type 关联表类型
+ * @param {string} item_type 资源类型
+ * @param {boolean} isExcluded 是否排除
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-09-04 11:54
+ */
+export declare const formatScheduleData: (relation: Array<any>, table_type?: string, item_type?: string, isExcluded?: boolean) => any;
+/**
+ * @title: 格式化日程为二维结构
+ * @description:
+ * @param {any} list
+ * @param {any} filterItem
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-07-29 19:28
+ */
+export declare const formatScheduleListByTabs: (list: any, filterItem?: any) => unknown[];

package/es/components/schedules/schedules/utils.js

@@ -11,7 +11,7 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 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; }
 import dayjs from "dayjs";
-import { isArr } from "@pisell/utils";
+import { isArr, locales } from "@pisell/utils";
 /**
  * 根据日程配置生成日历数据
  * @param values
@@ -655,4 +655,146 @@ export var calcMinTimeMaxTimeBySchedules = function calcMinTimeMaxTimeBySchedule
       dateRangeFormat: dateRangeFormat
     }));
   }, {});
+};
+
+/**
+ * @title: 格式化日程数据
+ * @description: 
+ * @param {Array} relation 资源列表
+ * @param {string} table_type 关联表类型
+ * @param {string} item_type 资源类型
+ * @param {boolean} isExcluded 是否排除
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-09-04 11:54
+ */
+export var formatScheduleData = function formatScheduleData(relation, table_type, item_type, isExcluded) {
+  var _relation = relation || [];
+  // 有关联表类型和资源类型并且排除
+  if (table_type && item_type && isExcluded) {
+    return _relation.find(function (item) {
+      return (item === null || item === void 0 ? void 0 : item.relation_table_type) === table_type && (item === null || item === void 0 ? void 0 : item.item_type) !== item_type;
+    });
+  }
+
+  // 有关联表类型和资源类型
+  if (table_type && item_type) {
+    return _relation.find(function (item) {
+      return (item === null || item === void 0 ? void 0 : item.relation_table_type) === table_type && (item === null || item === void 0 ? void 0 : item.item_type) === item_type;
+    });
+  }
+
+  // 有关联表类型
+  if (table_type) {
+    return _relation.some(function (item) {
+      return (item === null || item === void 0 ? void 0 : item.relation_table_type) === table_type;
+    });
+  }
+
+  // 有关联资源类型
+  if (item_type) {
+    return _relation.find(function (item) {
+      return (item === null || item === void 0 ? void 0 : item.item_type) === item_type;
+    });
+  }
+};
+
+/**
+ * @title: 格式化日程为二维结构
+ * @description: 
+ * @param {any} list
+ * @param {any} filterItem
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-07-29 19:28
+ */
+export var formatScheduleListByTabs = function formatScheduleListByTabs(list, filterItem) {
+  var _list = list || [];
+  if (filterItem) {
+    _list = _list.filter(filterItem);
+  }
+
+  // 日程分类
+  var categoryObject = {
+    // 全部
+    all: {
+      id: 0,
+      name: locales.getText('pisell2.schedule.tab.all'),
+      products: _list
+    },
+    //  附加费
+    surcharge: {
+      id: 1,
+      name: locales.getText('pisell2.schedule.tab.surcharge'),
+      products: []
+    },
+    // 资源
+    resources: {
+      id: 2,
+      name: locales.getText('pisell2.schedule.tab.resources'),
+      products: []
+    },
+    // 商品
+    products: {
+      id: 3,
+      name: locales.getText('pisell2.schedule.tab.products'),
+      products: []
+    },
+    // 活动
+    events: {
+      id: 4,
+      name: locales.getText('pisell2.schedule.tab.events'),
+      products: []
+    },
+    // 报价单
+    quotation: {
+      id: 5,
+      name: locales.getText('pisell2.schedule.tab.quotation'),
+      products: []
+    },
+    // 营业时间
+    "open-hours": {
+      id: 6,
+      name: locales.getText('pisell2.schedule.tab.open-hours'),
+      products: []
+    }
+  };
+  for (var i = 0; i < _list.length; i++) {
+    var productItem = _list[i];
+    var _relation = productItem.relation || [];
+
+    // 附加费
+    if (formatScheduleData(_relation, 'custom_surcharge')) {
+      categoryObject.surcharge.products.push(productItem);
+    }
+    // 资源
+    if (formatScheduleData(_relation, 'form', 'opening_hours', true)) {
+      categoryObject.resources.products.push(productItem);
+    }
+    // 商品
+    if (formatScheduleData(_relation, 'product')) {
+      categoryObject.products.products.push(productItem);
+    }
+    // 活动
+    if (formatScheduleData(_relation, 'product', 'event_item')) {
+      categoryObject.events.products.push(productItem);
+    }
+    // 报价单
+    if (formatScheduleData(_relation, 'shelf', 'quotation')) {
+      categoryObject.quotation.products.push(productItem);
+    }
+    // 营业时间
+    if (formatScheduleData(_relation, '', 'opening_hours')) {
+      categoryObject['open-hours'].products.push(productItem);
+    }
+  }
+
+  // 子级没有数据则不显示该tab
+  Object.keys(categoryObject).forEach(function (cur) {
+    var _categoryObject$cur, _categoryObject$cur$p;
+    if ((categoryObject === null || categoryObject === void 0 ? void 0 : (_categoryObject$cur = categoryObject[cur]) === null || _categoryObject$cur === void 0 ? void 0 : (_categoryObject$cur$p = _categoryObject$cur.products) === null || _categoryObject$cur$p === void 0 ? void 0 : _categoryObject$cur$p.length) === 0) {
+      delete categoryObject[cur];
+    }
+  });
+  return Object.values(categoryObject);
 };

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

@@ -57,6 +57,13 @@ export declare type ScheduleItem = {
     /** 是否全天 */
     is_all: 1 | 0;
     [key: string]: any;
+    relation?: {
+        id: number;
+        item_id: number;
+        item_type: string;
+        relation_table_type: string;
+        schedule_id: number;
+    }[];
 };
 export declare type ScheduleFormOtherValue = {
     /** 截止模式

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

@@ -1,5 +1,5 @@
-import React from "react";
-import "./index.less";
+import React from 'react';
+import './index.less';
 export interface TabProductProps {
     list?: any[];
     scrollDom?: string;
@@ -10,6 +10,7 @@ export interface TabProductProps {
     listWrapClassName?: string;
     warpClassName?: string;
     stickyTop?: number;
+    name?: string | number;
 }
 declare const TabProduct: (props: TabProductProps) => React.JSX.Element;
 export default TabProduct;

package/es/components/tabProduct/index.js

@@ -5,25 +5,27 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useEffect, useState, useRef } from "react";
+import React, { useEffect, useState, useRef } from 'react';
 import Tabs from "./tabs";
 import Card from "./card";
-import classNames from "classnames";
+import classNames from 'classnames';
 import "./index.less";
 var io = null;
+var tabsHeight = 92;
 var TabProduct = function TabProduct(props) {
   var _props$list = props.list,
     list = _props$list === void 0 ? [] : _props$list,
     scrollDom = props.scrollDom,
     _props$rowKey = props.rowKey,
-    rowKey = _props$rowKey === void 0 ? "id" : _props$rowKey,
+    rowKey = _props$rowKey === void 0 ? 'id' : _props$rowKey,
     tabsWrapClassName = props.tabsWrapClassName,
     categoryWrapClassName = props.categoryWrapClassName,
     listWrapClassName = props.listWrapClassName,
     renderItem = props.renderItem,
     warpClassName = props.warpClassName,
     _props$stickyTop = props.stickyTop,
-    stickyTop = _props$stickyTop === void 0 ? 0 : _props$stickyTop;
+    stickyTop = _props$stickyTop === void 0 ? 0 : _props$stickyTop,
+    name = props.name;
   var tabsRef = useRef();
   var _useState = useState(1),
     _useState2 = _slicedToArray(_useState, 2),
@@ -36,19 +38,25 @@ var TabProduct = function TabProduct(props) {
     }
   }, [list]);
   var handleObserver = function handleObserver() {
+    var _document$querySelect;
+    var domHeight = scrollDom ? ((_document$querySelect = document.querySelector(scrollDom)) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.clientHeight) || window.innerHeight : window.innerHeight;
+    var marginTop = "-".concat(tabsHeight, "px");
+    var marginBottom = "-".concat(domHeight - tabsHeight - 10, "px");
     io = new IntersectionObserver(function (entries) {
       console.log(entries);
       if (entries[0].isIntersecting) {
         var _entries$, _entries$$target, _entries$$target$id, _tabsRef$current;
-        var _entries$0$target$id$ = (_entries$ = entries[0]) === null || _entries$ === void 0 ? void 0 : (_entries$$target = _entries$.target) === null || _entries$$target === void 0 ? void 0 : (_entries$$target$id = _entries$$target.id) === null || _entries$$target$id === void 0 ? void 0 : _entries$$target$id.split("-"),
+        var _entries$0$target$id$ = (_entries$ = entries[0]) === null || _entries$ === void 0 ? void 0 : (_entries$$target = _entries$.target) === null || _entries$$target === void 0 ? void 0 : (_entries$$target$id = _entries$$target.id) === null || _entries$$target$id === void 0 ? void 0 : _entries$$target$id.split('-'),
           _entries$0$target$id$2 = _slicedToArray(_entries$0$target$id$, 2),
-          name = _entries$0$target$id$2[0],
+          _name = _entries$0$target$id$2[0],
           id = _entries$0$target$id$2[1];
         setCurrent(Number(id));
         tabsRef === null || tabsRef === void 0 ? void 0 : (_tabsRef$current = tabsRef.current) === null || _tabsRef$current === void 0 ? void 0 : _tabsRef$current.scroll(id);
       }
     }, {
-      root: scrollDom ? document.querySelector(scrollDom) : null
+      root: scrollDom ? document.querySelector(scrollDom) : null,
+      rootMargin: "".concat(marginTop, " 0px ").concat(marginBottom)
+      // threshold: 0.5,
       // rootMargin: ,
     });
 
@@ -90,26 +98,27 @@ var TabProduct = function TabProduct(props) {
     }
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames("tab-product", warpClassName)
+    className: classNames('tab-product', warpClassName)
   }, /*#__PURE__*/React.createElement("div", {
-    className: "tabs-wrap",
+    className: 'tabs-wrap',
     style: {
       top: stickyTop
     }
   }, /*#__PURE__*/React.createElement(Card, {
-    className: classNames("tabs", tabsWrapClassName),
-    id: "product-category"
+    className: classNames('tabs', tabsWrapClassName),
+    id: "".concat(name || 'product', "-category")
   }, /*#__PURE__*/React.createElement(Tabs, {
     ref: tabsRef,
     options: list,
     rowKey: rowKey,
     tab: current,
+    name: name,
     onChange: function onChange(e) {
       var _document, _document2;
-      var dom = (_document = document) === null || _document === void 0 ? void 0 : _document.querySelector("#list-" + e);
-      var main = (_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.querySelector(scrollDom || "");
+      var dom = (_document = document) === null || _document === void 0 ? void 0 : _document.querySelector('#list-' + e);
+      var main = (_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.querySelector(scrollDom || '');
       if (dom && main) {
-        main.scrollTop = dom.offsetTop - 40;
+        main.scrollTop = dom.offsetTop - 42;
       }
       handleUnObserver();
       setCurrent(e);
@@ -118,16 +127,16 @@ var TabProduct = function TabProduct(props) {
       }, 1000);
     }
   }))), /*#__PURE__*/React.createElement("div", {
-    className: classNames("category-list", categoryWrapClassName)
+    className: classNames('category-list', categoryWrapClassName)
   }, list.map(function (d, i) {
     return /*#__PURE__*/React.createElement("div", {
-      className: "category-item",
+      className: 'category-item',
       id: "list-".concat(d[rowKey]),
       key: i
     }, /*#__PURE__*/React.createElement("div", {
-      className: "category-title"
+      className: 'category-title'
     }, d.name), /*#__PURE__*/React.createElement("div", {
-      className: classNames("product-list", listWrapClassName)
+      className: classNames('product-list', listWrapClassName)
     }, d.products.map(function (item, index) {
       if (renderItem) {
         return renderItem(item);

package/es/components/tabProduct/tabs/index.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import "./index.less";
+import React from 'react';
+import './index.less';
 export interface Com<T> extends React.FC<T> {
 }
 export declare type RowKey = string | number;
@@ -7,7 +7,7 @@ export interface Option {
     id: number | string;
     name: React.ReactNode;
 }
-export interface TabsProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "onChange"> {
+export interface TabsProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange'> {
     renderTab: (item: any) => React.ReactNode;
     rowKey: RowKey;
     name: RowKey;