@pisell/private-materials 3.3.53 → 3.3.55

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: 4
-      }
-    }) : 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);

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

@@ -1,126 +0,0 @@
-.booking-pisell-tabs {
-  display: flex;
-  -webkit-box-align: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  font-size: 17px;
-  font-weight: 400;
-  color: #0d1619;
-  cursor: default;
-
-  .booking-pisell-tabs-btn-left,
-  .booking-pisell-tabs-btn-right {
-    -webkit-box-flex: 0;
-    flex-grow: 0;
-    flex-shrink: 0;
-    transition: width 300ms ease 0s;
-    cursor: pointer;
-    overflow: visible;
-    background: #fff;
-    z-index: 1;
-    width: 40px;
-    height: 40px;
-    display: flex;
-    -webkit-box-align: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    justify-content: center;
-    overflow: hidden;
-    user-select: none;
-
-    .booking-pisell-tabs-btn-icon {
-      width: 24px;
-      height: 24px;
-      background: #f1f1f1;
-      border-radius: 50%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      color: #262626;
-      font-size: 20px;
-    }
-  }
-
-  .booking-pisell-tabs-btn-left {
-    .booking-pisell-tabs-btn-icon {
-      transform: rotate(180deg);
-
-    }
-  }
-
-  .booking-pisell-tabs-btn-right {
-    /* White */
-
-    background: #ffffff;
-    /* shadow-lg */
-
-    // box-shadow: 0px 6px 15px -3px rgba(0, 0, 0, 0.15);
-
-    .booking-pisell-tabs-btn-icon {
-      transform: rotate(180deg);
-    }
-  }
-
-  .booking-pisell-tabs-content {
-    width: 100%;
-    max-width: none;
-    overflow: scroll hidden;
-    scroll-snap-type: x mandatory;
-    white-space: nowrap;
-    display: flex;
-    position: relative;
-    scroll-behavior: smooth;
-
-    /*滚动条样式*/
-    &::-webkit-scrollbar {
-      display: none;
-    }
-
-    &::-webkit-scrollbar-thumb {
-      display: none;
-    }
-
-    &::-webkit-scrollbar-track {
-      display: none;
-    }
-
-    .booking-pisell-tabs-tab {
-      scroll-snap-align: start;
-      white-space: initial;
-      flex-shrink: 0;
-      cursor: pointer;
-
-      .booking-pisell-tabs-tab-content {
-        display: inline-flex;
-        height: 40px;
-        padding: 0px 16px;
-        border-radius: 88px;
-        -webkit-box-align: center;
-        align-items: center;
-        transition: all 300ms ease 0s;
-        color: #1b1b1b;
-        letter-spacing: 0px;
-        min-width: 0px;
-        font-weight: 600;
-        font-size: 14px;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        white-space: nowrap;
-      }
-
-      &:hover {
-        .booking-pisell-tabs-tab-content {
-          background-color: #f1f1f1;
-        }
-      }
-
-      &.booking-pisell-tabs-tab-active {
-        .booking-pisell-tabs-tab-content {
-          color: #fff;
-          background: var(--primary-600, #7F56D9);
-        }
-      }
-    }
-  }
-}

package/es/components/productSelect/components/pisellPriceText/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-interface IProps {
-    value: string | number;
-    isMini?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-    prefix?: React.ReactElement;
-    suffix?: React.ReactElement;
-}
-declare const index: (props: IProps) => JSX.Element;
-export default index;

package/es/components/productSelect/components/pisellPriceText/index.js

@@ -1,43 +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 } from 'react';
-import { PisellText } from '@pisell/materials';
-import classNames from 'classnames';
-import useEngineContext from "../../../../hooks/useEngineContext";
-var index = function index(props) {
-  var _context$appHelper$ut;
-  var context = useEngineContext();
-  var value = props.value;
-  var locale = ((_context$appHelper$ut = context.appHelper.utils) === null || _context$appHelper$ut === void 0 || (_context$appHelper$ut = _context$appHelper$ut.storage) === null || _context$appHelper$ut === void 0 ? void 0 : _context$appHelper$ut.get('umi_locale')) || 'en';
-  var _useMemo = useMemo(function () {
-      if (!props.isMini) return ['', ''];
-      if (!locale) return ['From', ''];
-      if (locale.toLowerCase().includes('zh')) return ['', '起'];
-      return ['From', ''];
-    }, [locale, props.isMini]),
-    _useMemo2 = _slicedToArray(_useMemo, 2),
-    _prefix = _useMemo2[0],
-    _suffix = _useMemo2[1];
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('pisell-price-text', props.className)
-  }, props.prefix, _prefix ? /*#__PURE__*/React.createElement("span", {
-    className: "pisell-price-text-prefix-text",
-    style: {
-      fontSize: '0.65em',
-      marginRight: 4
-    }
-  }, _prefix) : null, /*#__PURE__*/React.createElement(PisellText.Amount, {
-    value: value
-  }), _suffix ? /*#__PURE__*/React.createElement("span", {
-    style: {
-      fontSize: '0.65em',
-      marginLeft: 4
-    },
-    className: "pisell-price-text-suffix-text"
-  }, _suffix) : null, props.suffix);
-};
-export default index;

package/lib/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/lib/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/lib/components/productSelect/components/TabProduct/tabs/index.js

@@ -1,202 +0,0 @@
-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/productSelect/components/TabProduct/tabs/index.tsx
-var tabs_exports = {};
-__export(tabs_exports, {
-  default: () => tabs_default
-});
-module.exports = __toCommonJS(tabs_exports);
-var import_react = __toESM(require("react"));
-var import_classnames = __toESM(require("classnames"));
-var import_ahooks = require("ahooks");
-var import_ChevronLeft = __toESM(require("@pisell/icon/es/ChevronLeft"));
-var import_ChevronRight = __toESM(require("@pisell/icon/es/ChevronRight"));
-var import_index = require("./index.less");
-var Tabs = ({ renderTab, rowKey, name = "tabs-", onChange, tab, className, options }, ref) => {
-  const [isShowButton, setIsShowButton] = (0, import_react.useState)(false);
-  (0, import_react.useImperativeHandle)(ref, () => {
-    return {
-      scroll: (tab2) => {
-        if (tab2) {
-          const dom = document.querySelector(`#${name}${tab2}`);
-          if (dom) {
-            setTabScroll(dom == null ? void 0 : dom.offsetLeft);
-          }
-        }
-      }
-    };
-  });
-  const _onChange = (_key, _item, e) => {
-    if (onChange) {
-      onChange(_key, _item);
-    }
-    setTabScroll(e.target.offsetLeft);
-  };
-  (0, import_react.useEffect)(() => {
-    if (options == null ? void 0 : options.length) {
-      calculateWidth();
-    }
-  }, [options]);
-  const calculateWidth = () => {
-    const tabsWrapper = document.querySelector("#pisell-tabs");
-    const tabsContent = document.querySelector("#pisell-tabs-content");
-    if ((tabsContent == null ? void 0 : tabsContent.offsetWidth) + 60 > (tabsWrapper == null ? void 0 : tabsWrapper.offsetWidth)) {
-      setIsShowButton(true);
-    }
-  };
-  const _options = (0, import_react.useMemo)(() => {
-    return options || [];
-  }, [options]);
-  const [leftWidth, setLeftWidth] = (0, import_react.useState)(40);
-  const [leftActive, setLeftActive] = (0, import_react.useState)(false);
-  const [rightWidth, setRightWidth] = (0, import_react.useState)(40);
-  const [rightActive, setRightActive] = (0, import_react.useState)(true);
-  const debounceChange = (0, import_ahooks.useDebounceFn)(
-    ({ current, total }) => {
-      if (current === 0) {
-        setLeftActive(false);
-      } else {
-        setLeftActive(true);
-      }
-      if (current + 10 >= total) {
-        setRightActive(false);
-      } else {
-        setRightActive(true);
-      }
-    },
-    {
-      wait: 200
-    }
-  );
-  const onScroll = (e) => {
-    let total = e.target.scrollWidth - e.target.clientWidth;
-    let current = e.target.scrollLeft;
-    debounceChange.run({ current, total });
-  };
-  const setTabScroll = (val) => {
-    let dom = document.querySelector("#pisell-tabs-content");
-    console.log("domdom", dom);
-    if (!dom) {
-      return;
-    }
-    dom.scrollLeft = val;
-  };
-  const onPageChange = (type) => {
-    let dom = document.querySelector("#pisell-tabs-content");
-    if (!dom) {
-      return;
-    }
-    if (type === "left") {
-      setTabScroll((dom == null ? void 0 : dom.scrollLeft) - dom.clientWidth / 2);
-    } else {
-      setTabScroll((dom == null ? void 0 : dom.scrollLeft) + dom.clientWidth / 2);
-    }
-  };
-  const leftBtn = (0, import_react.useMemo)(() => {
-    return /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: "booking-pisell-tabs-btn-left",
-        style: {
-          width: leftWidth,
-          // marginLeft: !leftWidth ? '20px' : 0,
-          opacity: leftActive ? 1 : 0.3
-        },
-        onClick: () => {
-          onPageChange("left");
-        }
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_ChevronRight.default, { className: "booking-pisell-tabs-btn-icon" })
-    );
-  }, [leftWidth, leftActive]);
-  const rightBtn = (0, import_react.useMemo)(() => {
-    return /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: "booking-pisell-tabs-btn-right",
-        style: {
-          width: rightWidth,
-          // marginRight: !rightWidth ? '20px' : 0,
-          opacity: rightActive ? 1 : 0.3
-        },
-        onClick: () => {
-          onPageChange("right");
-        }
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        import_ChevronLeft.default,
-        {
-          type: "icona-iconArrowsLine",
-          className: "booking-pisell-tabs-btn-icon"
-        }
-      )
-    );
-  }, [rightWidth, rightActive]);
-  const content = (0, import_react.useMemo)(() => {
-    return /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: "booking-pisell-tabs-content",
-        id: "pisell-tabs-content",
-        onScroll,
-        style: { width: "unset" }
-      },
-      !isShowButton ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 4 } }) : null,
-      _options.map((d, i) => {
-        let _key = rowKey ? d[rowKey] : i;
-        return /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: (0, import_classnames.default)("booking-pisell-tabs-tab", {
-              "booking-pisell-tabs-tab-active": tab === _key
-            }),
-            key: _key,
-            id: name + "" + _key,
-            onClick: (e) => {
-              _onChange(_key, d, e);
-            }
-          },
-          renderTab ? renderTab(d) : /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-pisell-tabs-tab-content" }, d.name)
-        );
-      })
-    );
-  }, [_options, rowKey, name, tab, isShowButton]);
-  console.log("isShow", isShowButton);
-  return /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: (0, import_classnames.default)("booking-pisell-tabs", className),
-      id: "pisell-tabs"
-    },
-    isShowButton && leftBtn,
-    content,
-    isShowButton && rightBtn
-  );
-};
-var tabs_default = (0, import_react.forwardRef)(Tabs);