linkmore-design 1.0.30 → 1.0.31

package/es/CkFilter/utils.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIsHas = getIsHas;
+exports.getRanges = getRanges;
+exports.isClassComponent = isClassComponent;
+exports.isExoticComponent = isExoticComponent;
+exports.isReactComponent = isReactComponent;
+exports.render = void 0;
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
+
+var _dayjs = _interopRequireDefault(require("dayjs"));
+
+var _react = _interopRequireDefault(require("react"));
+
+// 检查是否存在内容
+function getIsHas(val) {
+  // 检查是否数字类型, 是否布尔类型
+  var flag = !!val || typeof val === 'number' || typeof val === 'boolean'; // 检查空对象和空数组
+
+  if (!!val && (0, _typeof2.default)(val) === 'object') {
+    var _Object$keys;
+
+    flag = Array.isArray(val) ? !!val.length : !!((_Object$keys = Object.keys(val)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length);
+  }
+
+  return flag;
+} // 检查是否类组件
+
+
+function isClassComponent(component) {
+  return typeof component === 'function' && function () {
+    var proto = Object.getPrototypeOf(component);
+    return proto.prototype && proto.prototype.isReactComponent;
+  }();
+} // 检查是否自定义组件
+
+
+function isExoticComponent(component) {
+  return (0, _typeof2.default)(component) === 'object' && (0, _typeof2.default)(component.$$typeof) === 'symbol' && ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description);
+} // 检查是否React组件
+
+
+function isReactComponent(component) {
+  return isClassComponent(component) || typeof component === 'function' || isExoticComponent(component);
+}
+
+var render = function render(Comp, props) {
+  return !Comp ? null : isReactComponent(Comp) ? /*#__PURE__*/_react.default.createElement(Comp, props) : Comp;
+};
+
+exports.render = render;
+
+function getRanges() {
+  return {
+    近一周: [(0, _dayjs.default)().subtract(7, 'day').format('YYYY-MM-DD'), (0, _dayjs.default)().format('YYYY-MM-DD')],
+    近一月: [(0, _dayjs.default)().subtract(1, 'month').format('YYYY-MM-DD'), (0, _dayjs.default)().format('YYYY-MM-DD')],
+    近一年: [(0, _dayjs.default)().subtract(1, 'year').format('YYYY-MM-DD'), (0, _dayjs.default)().format('YYYY-MM-DD')]
+  };
+}

package/es/CustomerService/components/question.js

@@ -0,0 +1,120 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/drawer/style");
+
+var _drawer = _interopRequireDefault(require("antd/es/drawer"));
+
+require("antd/es/button/style");
+
+var _button = _interopRequireDefault(require("antd/es/button"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _icons = require("@ant-design/icons");
+
+var _question = _interopRequireDefault(require("../assets/question01.png"));
+
+var _shuoming = _interopRequireDefault(require("../assets/shuoming01.png"));
+
+var _shuoming2 = _interopRequireDefault(require("../assets/shuoming02.png"));
+
+var Question = function Question(_ref) {
+  var cRef = _ref.cRef;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var onClose = function onClose() {
+    setVisible(false);
+  };
+
+  (0, _react.useImperativeHandle)(cRef, function () {
+    return {
+      showDrawerRef: function showDrawerRef() {
+        setVisible(true);
+      }
+    };
+  });
+  return /*#__PURE__*/_react.default.createElement(_drawer.default, {
+    width: "440px",
+    title: "\u64CD\u4F5C\u5E2E\u52A9\u6587\u6863",
+    placement: "right",
+    closable: true,
+    onClose: onClose,
+    visible: visible,
+    className: "lm_question_warp"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "header"
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_button.default, {
+    icon: /*#__PURE__*/_react.default.createElement(_icons.RollbackOutlined, null)
+  }, "\u8FD4\u56DE\u76EE\u5F55")), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_button.default, {
+    icon: /*#__PURE__*/_react.default.createElement(_icons.EditOutlined, null)
+  }), /*#__PURE__*/_react.default.createElement(_button.default, {
+    style: {
+      marginLeft: 10
+    },
+    icon: /*#__PURE__*/_react.default.createElement(_icons.RotateRightOutlined, null)
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "main"
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "title"
+  }, "\u7269\u6599\u4FE1\u606F"), /*#__PURE__*/_react.default.createElement("p", null, "\u6700\u540E\u7F16\u8F91 : 2020-09-21 22:21 @\u6CD5\u5916\u72C2\u5F92\u5F20\u4E09"), /*#__PURE__*/_react.default.createElement("img", {
+    src: _question.default,
+    alt: "",
+    style: {
+      width: '100%',
+      marginBottom: 10
+    }
+  }), /*#__PURE__*/_react.default.createElement("p", null, "1.\u6240\u6709\u7269\u6599\u5206\u7C7B\uFF1A\u7269\u6599\u5206\u7C7B\u6765\u81EA\u7CFB\u7EDF\u914D\u4FEE\u7269\u6599\u7C7B\u76EE\u4E2D\u7684\u5185\u5BB9"), /*#__PURE__*/_react.default.createElement("p", null, "2.\u72B6\u6001\u7B5B\u9009\u6846\uFF1A\u53EF\u901A\u8FC7\u72B6\u6001\u7B5B\u9009\u690E\u6765\u7B5B\u9009\u5DF2\u786E\u8BA4\u6216\u672A\u786E\u8BA4\u7684\u7269\u6599"), /*#__PURE__*/_react.default.createElement("p", null, "3.\u72B6\u6001\uFF1A\u5DF2\u5BA1\u6838\u7684\u7269\u6599\u4E3A\u5DF2\u786E\u8BA4\u72B6\u6001\uFF0C\u672A\u5BA1\u6838\u7684\u7269\u6599\u72B6\u6001\u4E3A\u672A\u786E\u8BA4"), /*#__PURE__*/_react.default.createElement("p", null, "4.\u56FE\u7247\uFF1A\u56FE\u7247\u4E3A\u65B0\u5EFA\u7269\u6599\u65F6\u4E0A\u4F20\u7684\u7269\u6599\u56FE\u7247"), /*#__PURE__*/_react.default.createElement("p", null, "5.\u5237\u65B0\uFF1A\u70B9\u51FB\u5237\u65B0\u6309\u94AE\uFF0C\u9875\u9762\u5237\u65B0"), /*#__PURE__*/_react.default.createElement("p", null, "6.\u65B0\u5EFA\uFF1A\u70B9\u51FB\u65B0\u5EFA\u6309\u94AE\u6253\u5F00\u65B0\u5EFA\u7269\u6599\u754C\u9762"), /*#__PURE__*/_react.default.createElement("p", null, "7.\u7269\u6599\u7F16\u7801\uFF1A\u7269\u6599\u7F16\u7801\u4E00\u822C\u7531\u7CFB\u7EDF\u914D\u7F6E\u7684\u7F16\u7801\u89C4\u5219\u8FDB\u884C\u81EA\u52A8\u751F\u6210\uFF0C \u4E5F\u53EF\u4EE5\u5F00\u542F\u624B\u52A8\u586B\u5199"), /*#__PURE__*/_react.default.createElement("p", null, "8.\u6253\u5370\uFF1A\u53EF\u4EE5\u6253\u5370\u7269\u6599\u7684\u4E0D\u5E72\u80F6\u548C\u6761\u5F62\u7801"), /*#__PURE__*/_react.default.createElement("p", null, "9.\u7269\u6599\u540D\u79F0\uFF1A\u7269\u6599\u540D\u79F0\u662F\u65B0\u5EFA\u7269\u6599\u65F6\u586B\u5199\u7684\u540D\u79F0"), /*#__PURE__*/_react.default.createElement("p", null, "10.\u51BB\u7ED3\uFF1A\u51BB\u7ED3\u7269\u6599\uFF0C\u51BB\u7ED3\u540E\u7684\u7269\u6599\u4E0D\u5141\u8BB8\u8FDB\u884C\u64CD\u4F5C\uFF0C\u9700\u89E3\u51BB\u540E\u518D \u8FDB\u884C\u64CD\u4F5C"), /*#__PURE__*/_react.default.createElement("p", null, "11.\u8D27\u53F7\uFF1A\u4E00\u822C\u4E3A\u5E03\u884C\u6216\u8005\u6863\u53E3\u7684\u8272\u53F7\u6216\u8005\u7F16\u7801"), /*#__PURE__*/_react.default.createElement("p", null, "12.\u5BA1\u6838\uFF1A\u5BF9\u7269\u6599\u8FDB\u884C\u5BA1\u6838\u6216\u8005\u53CD\u5BA1\u6838"), /*#__PURE__*/_react.default.createElement("p", null, "13.\u5E74\u4EFD\uFF1A\u521B\u5EFA\u7269\u6599\u65F6\u9009\u62E9\u7684\u5E74\u4EFD"), /*#__PURE__*/_react.default.createElement("p", null, "14.\u5B63\u8282\uFF1A\u521B\u5EFA\u7269\u6599\u65F6\u9009\u62E9\u7684\u5B63\u8282"), /*#__PURE__*/_react.default.createElement("p", null, "15.\u5355\u4F4D\uFF1A\u521B\u5EFA\u7269\u6599\u65F6\u9009\u62E9\u7684\u5355\u4F4D"), /*#__PURE__*/_react.default.createElement("p", null, "16.\u7C7B\u578B\uFF1A\u521B\u5EFA\u7269\u6599\u65F6\u9009\u62E9\u7684\u7C7B\u578B"), /*#__PURE__*/_react.default.createElement("p", null, "17.\u5206\u7C7B\uFF1A\u521B\u5EFA\u7269\u6599\u65F6\u9009\u62E9\u7684\u5206\u7C7B"), /*#__PURE__*/_react.default.createElement("p", null, "18.\u5185\u5E45\uFF1A\u521B\u5EFA\u7269\u6599\u65F6\u586B\u5199\u7684\u7531\u5E45"), /*#__PURE__*/_react.default.createElement("p", null, "19.\u514B\u6BD2\uFF1A\u521B\u5EFA\u7269\u6599\u65F6\u586B\u5199\u7684\u514B\u7535"), /*#__PURE__*/_react.default.createElement("p", null, "20.\u6210\u672C\u4EF7\uFF1A\u521B\u5EFA\u7269\u6599\u65F6\u586B\u5199\u7684\u6210\u672C\u4EF7"), /*#__PURE__*/_react.default.createElement("p", null, "21.\u4F9B\u5E94\u5546\uFF1A\u521B\u5EFA\u7269\u6599\u65F6\u9009\u62E9\u7684\u4F9B\u5E94\u5546"), /*#__PURE__*/_react.default.createElement("p", null, "22.\u4F9B\u5E94\u5546\u7535\u8BDD\uFF1A\u9009\u62E9\u4F9B\u5E94\u5546\u65F6\u5E26\u51FA\u7684\u4F9B\u5E94\u5546\u7535\u8BDD"), /*#__PURE__*/_react.default.createElement("p", null, "23.\u7269\u6599\u6210\u5206\uFF1A\u521B\u5EFA\u7269\u6599\u65F6\u586B\u5199\u7684\u7269\u6599\u6210\u5206"), /*#__PURE__*/_react.default.createElement("p", null, "24.\u5907\u6CE8\uFF1A\u521B\u5EFA\u7269\u6599\u65F6\u586B\u5199\u7684\u7269\u6599\u5907\u6CE8"), /*#__PURE__*/_react.default.createElement("p", {
+    style: {
+      margin: '20px 0'
+    }
+  }, "\u7269\u6599\u5BFC\u5165\u6D41\u7A0B"), /*#__PURE__*/_react.default.createElement("p", null, "\u2460\u786E\u8BA4\u7269\u6599\u57FA\u7840\u6570\u636E\u662F\u5426\u5B8C\u6574\uFF1A\u7269\u6599\u7C7B\u578B\u3001\u7269\u6599\u7C7B\u76EE\u3001\u5E74\u4EFD\u3001\u5B63\u8282\u3001 \u4ED3\u5E93\u3001\u4F9B\u5E94\u5546\u3001\u5355\u4F4D\u3001\u989C\u8272\u3001\u89C4\u683C\u5728\u7CFB\u7EDF\u662F\u5426\u5B58\u5728"), /*#__PURE__*/_react.default.createElement("p", null, "\u2461\u7269\u6599\u4FE1\u606F\u4E00\uFF1E \u66F4\u591A\u4E00\uFF1E \u5BFC\u5165\u7269\u6599\u4FE1\u606F\u4E00\uFF1E \u70B9\u51FB\u4E0B\u8F7D\u6A21\u677F\u6587\u4EF6\u4E00\uFF1E \u586B \u5199\u5BFC\u5165\u6A21\u677F\u4E00\uFF1E \u9009\u62E9\u6A21\u677F\u4E00\uFF1E \u9009\u62E9\u5BFC\u5165\u7C7B\u578B\uFF08\u4EC5\u65B0\u589E/\u65B0\u589E\u5E76\u8986\u76D6\uFF09\u4E00\uFF1E \u5BFC\u5165"), /*#__PURE__*/_react.default.createElement("img", {
+    src: _shuoming.default,
+    alt: "",
+    style: {
+      margin: '10px 0',
+      width: '100%'
+    }
+  }), /*#__PURE__*/_react.default.createElement("img", {
+    src: _shuoming2.default,
+    alt: "",
+    style: {
+      margin: '10px 0 10px -3px',
+      width: '100%'
+    }
+  }), /*#__PURE__*/_react.default.createElement("p", {
+    style: {
+      fontSize: 14,
+      marginTop: '10px'
+    }
+  }, "\u8FD9\u7BC7\u6587\u7AE0\u6709\u5E2E\u52A9\u5230\u60A8\u5417 ? "), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_button.default, {
+    style: {
+      height: 40,
+      width: '100%',
+      marginTop: '10px'
+    }
+  }, "\u6709\u5E2E\u52A9")), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_button.default, {
+    style: {
+      height: 40,
+      width: '100%',
+      marginTop: '10px'
+    }
+  }, "\u6CA1\u6709\u5E2E\u52A9"))));
+};
+
+var _default = Question;
+exports.default = _default;

package/es/CustomerService/index.js

@@ -0,0 +1,291 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/input/style");
+
+var _input = _interopRequireDefault(require("antd/es/input"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _icons = require("@ant-design/icons");
+
+var _question = _interopRequireDefault(require("./components/question"));
+
+var _send = _interopRequireDefault(require("./assets/send.png"));
+
+var _service = _interopRequireDefault(require("./assets/service.png"));
+
+// const { TextArea } = Input;
+// 对话框内容部分 子
+var MainMessage = function MainMessage(_ref) {
+  var cRef = _ref.cRef;
+  var test = [{
+    servePerson: '领猫小葵',
+    time: '14:07:36',
+    sayWhat: '您好，我是领猫小葵客服欢迎您联系到我们杭州领猫科技！有什么我能帮助到您的？'
+  }];
+
+  var _useState = (0, _react.useState)(test),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      slMessage = _useState2[0],
+      setSlMessage = _useState2[1]; // 暴露给父组件方法   新增消息
+
+
+  (0, _react.useImperativeHandle)(cRef, function () {
+    return {
+      // changeVal 就是暴露给父组件的方法
+      changeVal: function changeVal(newVal) {
+        var date = new Date();
+        var h = date.getHours();
+        var m = date.getMinutes();
+        var s = date.getSeconds();
+
+        if (s < 10) {
+          s = "0".concat(s);
+        }
+
+        if (m < 10) {
+          m = "0".concat(m);
+        }
+
+        var nowDate = "".concat(h, ":").concat(m, ":").concat(s);
+        var obj = {
+          localPerson: '我的',
+          time: nowDate,
+          sayWhat: "".concat(newVal)
+        };
+        var slMessageT = slMessage.slice(0);
+        slMessageT.push(obj);
+        setSlMessage(slMessageT);
+      }
+    };
+  }); // 渲染的对话内容
+
+  return slMessage.map(function (item) {
+    if (item.servePerson) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "dialogBox",
+        key: item.index
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "title"
+      }, /*#__PURE__*/_react.default.createElement("span", null, item.servePerson), " ", /*#__PURE__*/_react.default.createElement("span", null, item.time)), /*#__PURE__*/_react.default.createElement("div", {
+        className: "sayWhat"
+      }, item.sayWhat));
+    } else {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "myMessageWrap",
+        key: item.index
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "dialogBoxMy"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "title"
+      }, /*#__PURE__*/_react.default.createElement("span", null, item.localPerson), " ", /*#__PURE__*/_react.default.createElement("span", null, item.time)), /*#__PURE__*/_react.default.createElement("div", {
+        className: "sayWhat"
+      }, item.sayWhat)));
+    }
+  });
+}; // 客服窗口
+
+
+var Message = function Message(props) {
+  var useprops = (0, _objectSpread2.default)({}, props);
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      stateSendBtn = _useState4[0],
+      setStateSendBtn = _useState4[1]; // 空内容发送按钮置灰
+
+
+  var childRef = (0, _react.useRef)();
+
+  var _useState5 = (0, _react.useState)(null),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      textAreaVal = _useState6[0],
+      setTextAreaVal = _useState6[1];
+
+  var getTextAreaVal = function getTextAreaVal(e) {
+    setTextAreaVal(e.target.value);
+
+    if (e.target.value) {
+      setStateSendBtn(true);
+    } else {
+      setStateSendBtn(false);
+    }
+  };
+
+  var updateChildState = function updateChildState() {
+    if (textAreaVal) {
+      childRef.current.changeVal(textAreaVal);
+      setTimeout(function () {
+        // 设置滚动条到最底部
+        document.getElementById('mainWrapId').scrollTop = document.getElementById('mainWrapId').scrollHeight;
+      }, 0);
+      setTextAreaVal(null);
+      setStateSendBtn(false);
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_customerservice_messageWrap"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "header"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "left"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: _service.default,
+    alt: "customService",
+    width: 48
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      marginLeft: '8px'
+    }
+  }, "\u9886\u732B\u5C0F\u8475")), /*#__PURE__*/_react.default.createElement("div", {
+    className: "right",
+    onClick: function onClick() {
+      useprops.setIfOpenMessage(false);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_icons.MinusOutlined, {
+    style: {
+      color: '#fff',
+      fontSize: 18,
+      transform: 'scaleY(0.8)'
+    }
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "mainWrap",
+    id: "mainWrapId"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      textAlign: 'center',
+      fontSize: '12px',
+      color: 'rgb(187,188,190)',
+      cursor: 'pointer',
+      margin: '2px'
+    }
+  }, "\u67E5\u770B\u66F4\u591A\u5386\u53F2\u6D88\u606F"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "dialogBox"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "title"
+  }, /*#__PURE__*/_react.default.createElement("span", null, "\u9886\u732B\u5C0F\u8475"), " ", /*#__PURE__*/_react.default.createElement("span", null, "2021:03:12")), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sayWhat"
+  }, "\u60A8\u597D, \u8FD9\u91CC\u662F\u9886\u732B\u5BA2\u670D\u5C0F\u8349, \u8BF7\u95EE\u60A8\u6709\u4EC0\u4E48\u95EE\u9898\u561B?")), /*#__PURE__*/_react.default.createElement("div", {
+    className: "dialogBox"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "alwayQs sayWhat"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      fontSize: 14
+    }
+  }, "\u5E38\u89C1\u95EE\u9898"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "lineBox",
+    style: {
+      border: 0,
+      marginTop: 16
+    }
+  }, "\u8FD9\u662F\u4E00\u4E2A\u597D\u95EE\u9898"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "lineBox"
+  }, "\u8FD9\u662F\u4E00\u4E2A\u597D\u95EE\u9898"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "lineBox"
+  }, "\u5C31\u662F\u4E00\u4E2A\u975E\u5E38\u597D\u7684\u95EE\u9898"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "lineBox"
+  }, "\u8FD9\u4E0D\u662F\u95EE\u9898"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "lineBox"
+  }, "\u8FD9\u662F\u4E0D\u662F\u95EE\u9898"))), /*#__PURE__*/_react.default.createElement(MainMessage, {
+    cRef: childRef
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sendBox"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "texeAreaWrap"
+  }, /*#__PURE__*/_react.default.createElement(_input.default, {
+    bordered: false,
+    maxLength: 200,
+    value: textAreaVal,
+    onKeyDownCapture: function onKeyDownCapture(e) {
+      e.code === 'Enter' ? updateChildState() : null;
+    },
+    placeholder: "\u5F88\u9AD8\u5174\u4E3A\u60A8\u670D\u52A1, \u8BF7\u63CF\u8FF0\u60A8\u7684\u95EE\u9898",
+    style: {
+      height: '40px',
+      overflowY: 'scroll',
+      width: '90%'
+    },
+    onChange: function onChange(e) {
+      getTextAreaVal(e);
+    }
+  })), stateSendBtn ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "sendBtn",
+    onClick: updateChildState
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: _send.default,
+    alt: "",
+    style: {
+      marginLeft: '2px'
+    }
+  })) : /*#__PURE__*/_react.default.createElement("div", {
+    className: "sendBtn",
+    onClick: updateChildState
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: _send.default,
+    alt: "",
+    style: {
+      marginLeft: '2px'
+    }
+  }))));
+};
+
+var CustomerService = function CustomerService() {
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      ifOpenMessage = _useState8[0],
+      setIfOpenMessage = _useState8[1];
+
+  var childRef = (0, _react.useRef)();
+
+  var openQuestion = function openQuestion() {
+    childRef.current.showDrawerRef();
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_customerservice_warp"
+  }, /*#__PURE__*/_react.default.createElement(_question.default, {
+    cRef: childRef
+  }), ifOpenMessage ? /*#__PURE__*/_react.default.createElement(Message, {
+    setIfOpenMessage: setIfOpenMessage
+  }) : /*#__PURE__*/_react.default.createElement("div", {
+    className: "fixGroup"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "customerWrap",
+    onClick: openQuestion
+  }, /*#__PURE__*/_react.default.createElement(_icons.QuestionCircleOutlined, {
+    style: {
+      fontSize: '20px',
+      color: '#fff'
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "customerWrap2",
+    onClick: function onClick() {
+      setIfOpenMessage(true);
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "lineTop"
+  }), /*#__PURE__*/_react.default.createElement(_icons.MessageOutlined, {
+    style: {
+      fontSize: '20px',
+      color: '#fff'
+    }
+  }))));
+};
+
+var _default = CustomerService;
+exports.default = _default;

package/es/CustomerService/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./style.css");