systemrobotassistant 3.0.8

package/es/style.css

@@ -0,0 +1,174 @@
+.shein-components_systemrobotassistant_renderIconWrapper {
+  display: inline-block;
+}
+.shein-components_systemrobotassistant_renderIconWrapper.shein-components_systemrobotassistant_draggableIcon {
+  position: fixed;
+}
+.shein-components_systemrobotassistant_iconWrapper {
+  position: fixed;
+  bottom: 32px;
+  right: 32px;
+  width: 56px;
+  border-radius: 2px;
+  cursor: pointer;
+}
+.shein-components_systemrobotassistant_iconWrapper .shein-components_systemrobotassistant_avatarWrap {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.shein-components_systemrobotassistant_iconWrapper .shein-components_systemrobotassistant_avatarWrap .shein-components_systemrobotassistant_avatarBorder > img {
+  width: 52px;
+  height: 52px;
+  border-radius: 2px;
+  -webkit-user-drag: none;
+}
+.shein-components_systemrobotassistant_iconWrapper .shein-components_systemrobotassistant_avatarWrap > span {
+  display: inline-block;
+  white-space: nowrap;
+  margin-top: 8px;
+}
+.shein-components_systemrobotassistant_collapseRobotBox {
+  width: 30px;
+  height: 30px;
+}
+.shein-components_systemrobotassistant_collapseRobotBox .shein-components_systemrobotassistant_collapseIcon {
+  font-size: 28px;
+  color: #1890FF;
+}
+.shein-components_systemrobotassistant_redDot {
+  position: absolute;
+  top: -12px;
+  right: -12px;
+  width: 24px;
+  height: 24px;
+  border-radius: 12px;
+  background: red;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.shein-components_systemrobotassistant_chatModalWrapper {
+  position: fixed;
+  display: flex;
+  flex-direction: column;
+  width: 440px;
+  height: 85vh;
+  max-height: 660px;
+  background: #ffffff;
+  box-shadow: 0px 8px 12px 0px rgba(25, 122, 250, 0.1);
+  border: 1px solid #D9D9D9;
+  border-radius: 8px;
+  word-break: break-all;
+}
+.shein-components_systemrobotassistant_chatModalWrapper .shein-components_systemrobotassistant_header {
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  flex-shrink: 0;
+  align-items: center;
+  padding: 0 50px 0 20px;
+  height: 48px;
+  box-shadow: 0px 1px 0px 0px rgba(230, 234, 240, 0.5);
+  border-radius: 4px 4px 0px 0px;
+}
+.shein-components_systemrobotassistant_chatModalWrapper .shein-components_systemrobotassistant_midlleWrapper {
+  height: 100%;
+  display: flex;
+  flex: 1;
+  justify-content: space-around;
+  flex-direction: row;
+}
+.shein-components_systemrobotassistant_chatModalWrapper .shein-components_systemrobotassistant_tabItem {
+  margin-right: 12px;
+  flex: 1;
+  justify-content: center;
+}
+.shein-components_systemrobotassistant_chatModalWrapper .shein-components_systemrobotassistant_tabItem:last-child {
+  margin: 0;
+}
+.shein-components_systemrobotassistant_chatModalWrapper .shein-components_systemrobotassistant_leftTitle {
+  display: flex;
+  align-items: center;
+}
+.shein-components_systemrobotassistant_chatModalWrapper .shein-components_systemrobotassistant_tabIcon {
+  margin-right: 4px;
+}
+.shein-components_systemrobotassistant_chatModalWrapper .shein-components_systemrobotassistant_title {
+  font-size: 16px;
+  font-weight: bold;
+  color: #35383d;
+  margin-left: 20px;
+}
+.shein-components_systemrobotassistant_chatModalWrapper .shein-components_systemrobotassistant_avatarClass {
+  width: 55px;
+}
+.shein-components_systemrobotassistant_chatModalWrapper .shein-components_systemrobotassistant_suggestion {
+  font-size: 12px;
+  font-weight: 400;
+  color: #FFFFFF;
+}
+.shein-components_systemrobotassistant_chatModalWrapper .shein-components_systemrobotassistant_link {
+  font-size: 14px;
+  font-weight: 400;
+  color: #1890FF;
+  color: var(--primary-color, #1890FF);
+  cursor: pointer;
+}
+.shein-components_systemrobotassistant_chatModalWrapper .shein-components_systemrobotassistant_link > span {
+  margin-right: 2px;
+}
+.shein-components_systemrobotassistant_chatModalWrapper .shein-components_systemrobotassistant_closedIcon {
+  position: absolute;
+  right: 20px;
+  color: #7E848F;
+  font-size: 20px;
+  cursor: pointer;
+}
+.shein-components_systemrobotassistant_chatContentWrapper {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.shein-components_systemrobotassistant_switch {
+  color: #666C7C;
+}
+.shein-components_systemrobotassistant_robotImg {
+  width: 64px;
+  height: 64px;
+  border-radius: 50%;
+  -webkit-user-drag: none;
+  box-shadow: 1px 1px 6px 6px rgba(30, 128, 255, 0.1);
+  background-image: url('https://assets.dotfashion.cn/unpkg/@shein/static-file@1.0.69/image/pims/help-center/close-eyes.png');
+  background-color: #1890FF;
+  background-position: center center;
+  background-size: cover;
+  animation-name: shein-components_systemrobotassistant_robotGif;
+  animation-duration: 1.5s;
+  animation-timing-function: step-end;
+  animation-iteration-count: infinite;
+}
+.shein-components_systemrobotassistant_robotImg.shein-components_systemrobotassistant_expireStatus {
+  animation-name: shein-components_systemrobotassistant_none;
+  background-image: url('https://assets.dotfashion.cn/unpkg/@shein/static-file@1.0.96/image/hfc/expire-robot.svg');
+  box-shadow: unset;
+}
+@keyframes shein-components_systemrobotassistant_robotGif {
+  0% {
+    background-image: url('https://assets.dotfashion.cn/unpkg/@shein/static-file@1.0.69/image/pims/help-center/open-eyes.png');
+  }
+  90% {
+    background-image: url('https://assets.dotfashion.cn/unpkg/@shein/static-file@1.0.69/image/pims/help-center/close-eyes.png');
+  }
+  100% {
+    background-image: url('https://assets.dotfashion.cn/unpkg/@shein/static-file@1.0.69/image/pims/help-center/open-eyes.png');
+  }
+}
+.shein-components_systemrobotassistant_modalMask {
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 100%;
+  position: fixed;
+}

package/lib/component/answer-itme/index.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+export interface AnswerItmeItem {
+    isHaveAnswer?: number;
+    problem?: string;
+    answer?: string;
+    answerList?: {
+        isHaveAnswer?: string;
+        problemTitle?: string;
+    }[];
+}
+
+export interface AnswerItmeProps {
+    item?: AnswerItmeItem;
+}
+
+declare const AnswerItme: React.FC<AnswerItmeProps>;
+
+export default AnswerItme;
+

package/lib/component/answer-itme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/component/answer-itme/index.jsx"],"names":[],"mappings":";AAKA,6DA0CE"}

package/lib/component/answer-itme/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _toHfc = require("../../js/to-hfc");
+require("./style.css");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var styles = {
+  "answerTitle": "shein-components_systemrobotassistant_answerTitle",
+  "answerContent": "shein-components_systemrobotassistant_answerContent",
+  "otherAnswer": "shein-components_systemrobotassistant_otherAnswer",
+  "toHfc": "shein-components_systemrobotassistant_toHfc",
+  "onSeekHlep": "shein-components_systemrobotassistant_onSeekHlep",
+  "onDisabled": "shein-components_systemrobotassistant_onDisabled"
+};
+var AnswerItme = /*#__PURE__*/(0, _react.memo)(props => {
+  var item = props.item,
+    t = props.t;
+  return /*#__PURE__*/_react.default.createElement("div", null, item.isHaveAnswer === 0 ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
+    className: styles.otherAnswer
+  }, item.answer), t('找对接人'), t('寻求帮助')) : /*#__PURE__*/_react.default.createElement("div", {
+    className: styles.answerTitle
+  }, t('你问的“{0}？”，找到以下问题：', item.problem)), item.isHaveAnswer !== 0 && item.answerList && item.answerList.map(vo => /*#__PURE__*/_react.default.createElement("div", {
+    key: vo.problemId,
+    className: styles.answerContent,
+    onClick: () => {
+      var url = '/question/answer/';
+      var problemId = vo.problemId;
+      (0, _toHfc.toHfc)(url + problemId);
+    }
+  }, vo.problemTitle)));
+});
+AnswerItme.propTypes = {
+  item: _propTypes.default.shape({
+    isHaveAnswer: _propTypes.default.number,
+    problem: _propTypes.default.string,
+    answer: _propTypes.default.string,
+    answerList: _propTypes.default.arrayOf(_propTypes.default.shape({
+      isHaveAnswer: _propTypes.default.string,
+      problemTitle: _propTypes.default.string
+    }))
+  })
+};
+var _default = AnswerItme;
+exports.default = _default;

package/lib/component/answer-itme/style.css

@@ -0,0 +1,35 @@
+.shein-components_systemrobotassistant_answerTitle {
+  font-size: 14px;
+  font-weight: 400;
+}
+.shein-components_systemrobotassistant_answerContent {
+  font-size: 14px;
+  font-weight: 400;
+  color: #1890FF;
+  color: var(--primary-color, #1890FF);
+  margin-top: 7px;
+  cursor: pointer;
+}
+.shein-components_systemrobotassistant_answerContent:hover {
+  color: #005AAD;
+  color: var(--primary-color, #005AAD);
+}
+.shein-components_systemrobotassistant_otherAnswer {
+  font-size: 14px;
+  font-weight: 400;
+  color: #35383D;
+}
+.shein-components_systemrobotassistant_toHfc {
+  color: #1890FF;
+  color: var(--primary-color, #1890FF);
+  cursor: pointer;
+}
+.shein-components_systemrobotassistant_onSeekHlep {
+  color: #1890FF;
+  color: var(--primary-color, #1890FF);
+  cursor: pointer;
+}
+.shein-components_systemrobotassistant_onDisabled {
+  color: #A5ACB8;
+  cursor: not-allowed;
+}

package/lib/component/data-container/index.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+export type DataContainerEmptyText = React.ReactNode | string | React.ReactElement<any>;
+
+export type DataContainerChildren = React.ReactNode | React.ReactElement<any>;
+
+export type DataContainerClassName = string | any[];
+
+export interface DataContainerProps {
+    loading?: boolean;
+    emptyText?: DataContainerEmptyText;
+    children?: DataContainerChildren;
+    className?: DataContainerClassName;
+}
+
+declare const DataContainer: React.FC<DataContainerProps>;
+
+export default DataContainer;
+

package/lib/component/data-container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/component/data-container/index.jsx"],"names":[],"mappings":";AASA,oFA0BC"}

package/lib/component/data-container/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _shineout = require("shineout");
+var _Icon = _interopRequireDefault(require("@shein-components/Icon"));
+require("./style.css");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var styles = {
+  "dataContainer": "shein-components_systemrobotassistant_dataContainer",
+  "emptyCon": "shein-components_systemrobotassistant_emptyCon",
+  "loadingMask": "shein-components_systemrobotassistant_loadingMask"
+};
+var cs = _classnames.default.bind(styles);
+var DataContainer = props => {
+  var loading = props.loading,
+    emptyText = props.emptyText,
+    className = props.className,
+    children = props.children;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: cs(styles.dataContainer, className)
+  }, !children || Array.isArray(children) && !(children !== null && children !== void 0 && children.length) ? /*#__PURE__*/_react.default.createElement("div", {
+    className: styles.emptyCon
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    name: "dataemptying_icon",
+    fontSize: 200
+  }), /*#__PURE__*/_react.default.createElement("div", null, emptyText)) : children, loading ? /*#__PURE__*/_react.default.createElement("div", {
+    className: cs(styles.loadingMask)
+  }, /*#__PURE__*/_react.default.createElement(_shineout.Spin, {
+    size: "48px"
+  })) : null);
+};
+DataContainer.propTypes = {
+  loading: _propTypes.default.bool,
+  emptyText: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string, _propTypes.default.element]),
+  children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.element]),
+  className: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array])
+};
+var _default = DataContainer;
+exports.default = _default;

package/lib/component/data-container/style.css

@@ -0,0 +1,26 @@
+.shein-components_systemrobotassistant_dataContainer {
+  flex: 1;
+}
+.shein-components_systemrobotassistant_dataContainer .shein-components_systemrobotassistant_emptyCon {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  flex: 1;
+  color: #1890ff;
+  color: var(--primary-color, #1890ff);
+}
+.shein-components_systemrobotassistant_loadingMask {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(0, 0, 0, 0.04);
+  z-index: 100;
+}

package/lib/component/days-tab/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+
+declare const DaysTab: React.FC;
+
+export default DaysTab;
+

package/lib/component/days-tab/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/component/days-tab/index.jsx"],"names":[],"mappings":";AA6CA,8EAkEC"}

package/lib/component/days-tab/index.js

@@ -0,0 +1,129 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _moment = _interopRequireDefault(require("moment"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Icon = _interopRequireDefault(require("@shein-components/Icon"));
+var _stateImmer = _interopRequireDefault(require("../../js/state-immer"));
+require("./style.css");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var styles = {
+  "daysTab": "shein-components_systemrobotassistant_daysTab",
+  "arrowIcon": "shein-components_systemrobotassistant_arrowIcon",
+  "disabledIcon": "shein-components_systemrobotassistant_disabledIcon",
+  "itemWrapper": "shein-components_systemrobotassistant_itemWrapper",
+  "dateItem": "shein-components_systemrobotassistant_dateItem",
+  "active": "shein-components_systemrobotassistant_active"
+};
+var cs = _classnames.default.bind(styles);
+var defaultState = {
+  showData: [],
+  // activeDay: '',
+  curDate: (0, _moment.default)(),
+  splitIndex: 0
+};
+var getNextDays = (sourceData, splitIndex) => {
+  var _result;
+  var index = splitIndex + 3;
+  var result = sourceData === null || sourceData === void 0 ? void 0 : sourceData.slice(index, index + 3);
+  var len = sourceData === null || sourceData === void 0 ? void 0 : sourceData.length;
+  if (((_result = result) === null || _result === void 0 ? void 0 : _result.length) < 3 && len > 3) {
+    result = sourceData === null || sourceData === void 0 ? void 0 : sourceData.slice(len - 3, len);
+    index = len - 3;
+  }
+  return {
+    data: result,
+    index
+  };
+};
+var getPrevDays = (sourceData, splitIndex) => {
+  var index = splitIndex - 3;
+  var result = [];
+  if (index <= 0) {
+    index = 0;
+    result = sourceData === null || sourceData === void 0 ? void 0 : sourceData.slice(0, 3);
+  } else {
+    result = sourceData === null || sourceData === void 0 ? void 0 : sourceData.slice(index, splitIndex);
+  }
+  return {
+    data: result,
+    index
+  };
+};
+var DaysTab = props => {
+  var activeDay = props.activeDay,
+    data = props.data,
+    t = props.t,
+    onChange = props.onChange;
+  var _useImmer = (0, _stateImmer.default)(defaultState),
+    _useImmer2 = _slicedToArray(_useImmer, 2),
+    state = _useImmer2[0],
+    setState = _useImmer2[1];
+  var curDate = state.curDate,
+    showData = state.showData,
+    splitIndex = state.splitIndex;
+  (0, _react.useEffect)(() => {
+    var now = (0, _moment.default)();
+    setState({
+      // activeDay: now.format('YYYY-MM-DD'),
+      showData: data === null || data === void 0 ? void 0 : data.slice(0, 3),
+      curDate: now
+    });
+  }, [data]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: styles.daysTab
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    name: "arrow-left",
+    className: cs(styles.arrowIcon, splitIndex <= 0 && styles.disabledIcon),
+    onClick: () => {
+      if (splitIndex <= 0) {
+        return;
+      }
+      var obj = getPrevDays(data, splitIndex);
+      setState({
+        showData: obj.data,
+        splitIndex: obj.index
+      });
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: styles.itemWrapper
+  }, showData === null || showData === void 0 ? void 0 : showData.map(item => /*#__PURE__*/_react.default.createElement("div", {
+    className: [styles.dateItem, activeDay === item.date && styles.active].join(' '),
+    onClick: () => {
+      setState({
+        activeDay: item.date
+      });
+      onChange(_objectSpread({}, item));
+    }
+  }, item.dateStr, item.today ? t('(今天)') : null))), /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    name: "arrow-right",
+    className: cs(styles.arrowIcon, splitIndex + 3 >= (data === null || data === void 0 ? void 0 : data.length) && styles.disabledIcon),
+    onClick: () => {
+      if (splitIndex + 3 >= (data === null || data === void 0 ? void 0 : data.length)) {
+        return;
+      }
+      var obj = getNextDays(data, splitIndex);
+      setState({
+        showData: obj.data,
+        splitIndex: obj.index
+      });
+    }
+  }));
+};
+var _default = DaysTab;
+exports.default = _default;

package/lib/component/days-tab/style.css

@@ -0,0 +1,43 @@
+.shein-components_systemrobotassistant_daysTab {
+  padding: 12px;
+  display: flex;
+  align-items: center;
+  background-color: #FFFFFF;
+}
+.shein-components_systemrobotassistant_daysTab .shein-components_systemrobotassistant_arrowIcon {
+  color: #7E848F;
+  cursor: pointer;
+}
+.shein-components_systemrobotassistant_daysTab .shein-components_systemrobotassistant_disabledIcon {
+  cursor: not-allowed;
+  color: #cccfd6;
+}
+.shein-components_systemrobotassistant_daysTab .shein-components_systemrobotassistant_itemWrapper {
+  margin: 0 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+}
+.shein-components_systemrobotassistant_daysTab .shein-components_systemrobotassistant_dateItem {
+  margin-left: 8px;
+  width: calc((100% - 16px) / 3);
+  height: 32px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: #FFFFFF;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.shein-components_systemrobotassistant_daysTab .shein-components_systemrobotassistant_dateItem:first-child {
+  margin-left: 0;
+}
+.shein-components_systemrobotassistant_daysTab .shein-components_systemrobotassistant_dateItem.shein-components_systemrobotassistant_active {
+  background: #E2F2FF;
+  color: #1890FF;
+  color: var(--primary-color, #1890FF);
+}
+.shein-components_systemrobotassistant_daysTab .shein-components_systemrobotassistant_dateItem:hover {
+  background: #F3F9FE;
+}

package/lib/component/days-tab/utils.d.ts

@@ -0,0 +1,32 @@
+export function getPrevDays(date: any, num?: number): {
+    date: string;
+    year: number;
+}[];
+export function getNextDays(date: any, num?: number): {
+    date: string;
+    year: number;
+}[];
+export function getDayLabel({ date, year, curDate }: {
+    date: any;
+    year: any;
+    curDate: any;
+}): string;
+export function getPrevWeeks(date: any, num?: number): {
+    start: string;
+    end: string;
+    weekIndex: number;
+    year: number;
+}[];
+export function getNextWeeks(date: any, num?: number): {
+    start: string;
+    end: string;
+    weekIndex: number;
+    year: number;
+}[];
+export function getWeekLabel({ weekIndex, start, year, curDate }: {
+    weekIndex: any;
+    start: any;
+    year: any;
+    curDate: any;
+}): string;
+//# sourceMappingURL=utils.d.ts.map

package/lib/component/days-tab/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/component/days-tab/utils.js"],"names":[],"mappings":"AAGO;;;IAWN;AAGM;;;IAWN;AAGM;;;;WAON;AAGM;;;;;IAgBN;AAGM;;;;;IAgBN;AAGM;;;;;WAON"}