linkmore-design 1.1.29 → 1.1.31

package/es/CustomTableOption/columnsSort.js

@@ -10,23 +10,26 @@ import IconFont from '../IconFont';
 import Checkbox from '../Checkbox';
 import Input from '../Input';
 var Search = Input.Search;
+
 var SortItem = function SortItem(props) {
   var item = props.item,
-    addFiexd = props.addFiexd,
-    toggleShow = props.toggleShow,
-    id = props.id,
-    clearFiexd = props.clearFiexd,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled;
+      addFiexd = props.addFiexd,
+      toggleShow = props.toggleShow,
+      id = props.id,
+      clearFiexd = props.clearFiexd,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled;
+
   var _useSortable = useSortable({
-      id: "".concat(id),
-      disabled: disabled
-    }),
-    attributes = _useSortable.attributes,
-    listeners = _useSortable.listeners,
-    setNodeRef = _useSortable.setNodeRef,
-    transform = _useSortable.transform,
-    transition = _useSortable.transition;
+    id: "".concat(id),
+    disabled: disabled
+  }),
+      attributes = _useSortable.attributes,
+      listeners = _useSortable.listeners,
+      setNodeRef = _useSortable.setNodeRef,
+      transform = _useSortable.transform,
+      transition = _useSortable.transition;
+
   var style = {
     transform: CSS.Transform.toString(transform),
     transition: transition
@@ -79,36 +82,48 @@ var SortItem = function SortItem(props) {
   }))));
 };
 /** order show fixed */
+
+
 var ColumnsSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var columns = _ref.columns,
-    _ref$ColumnsStateValu = _ref.ColumnsStateValue,
-    ColumnsStateValue = _ref$ColumnsStateValu === void 0 ? {} : _ref$ColumnsStateValu;
+      _ref$ColumnsStateValu = _ref.ColumnsStateValue,
+      ColumnsStateValue = _ref$ColumnsStateValu === void 0 ? {} : _ref$ColumnsStateValu;
+
   var _a, _b, _c, _d, _e, _f, _g;
+
   var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    localColumns = _useState2[0],
-    setLocalColumns = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      localColumns = _useState2[0],
+      setLocalColumns = _useState2[1];
+
   var _useState3 = useState({}),
-    _useState4 = _slicedToArray(_useState3, 2),
-    colStateValue = _useState4[0],
-    setColStateValue = _useState4[1];
+      _useState4 = _slicedToArray(_useState3, 2),
+      colStateValue = _useState4[0],
+      setColStateValue = _useState4[1];
   /** 正在输入的查询条件 */
+
+
   var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    searchIngValue = _useState6[0],
-    setSearchIngValue = _useState6[1];
+      _useState6 = _slicedToArray(_useState5, 2),
+      searchIngValue = _useState6[0],
+      setSearchIngValue = _useState6[1];
+
   var _useState7 = useState(''),
-    _useState8 = _slicedToArray(_useState7, 2),
-    searchValue = _useState8[0],
-    setSearchValue = _useState8[1];
+      _useState8 = _slicedToArray(_useState7, 2),
+      searchValue = _useState8[0],
+      setSearchValue = _useState8[1];
+
   var sortMenu = useMemo(function () {
     var _a;
+
     var cloneCol = (_a = cloneDeep(localColumns)) === null || _a === void 0 ? void 0 : _a.filter(function (item) {
       var _a, _b;
+
       return isFunction(item.title) || ((_a = item.title) === null || _a === void 0 ? void 0 : _a.$$typeof) ? true : ((_b = item.title) === null || _b === void 0 ? void 0 : _b.indexOf(searchValue)) > -1;
     });
     cloneCol.forEach(function (item, index) {
       var _a, _b, _c;
+
       if (colStateValue === null || colStateValue === void 0 ? void 0 : colStateValue.hasOwnProperty(item.dataIndex)) {
         var order = (_a = colStateValue[item.dataIndex]) === null || _a === void 0 ? void 0 : _a.order;
         item.fixed = ((_b = colStateValue[item.dataIndex]) === null || _b === void 0 ? void 0 : _b.fixed) || undefined;
@@ -144,9 +159,11 @@ var ColumnsSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
     };
   }, [localColumns]);
   /** 将当前输入的值，进行最后赋值，作自动计算使用 */
+
   var handleSearch = function handleSearch() {
     setSearchValue(searchIngValue);
   };
+
   useEffect(function () {
     setLocalColumns(columns || []);
     setColStateValue(ColumnsStateValue);
@@ -161,9 +178,11 @@ var ColumnsSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
     coordinateGetter: sortableKeyboardCoordinates
   }));
   /** 排序结束回调 */
+
   var handleDragEnd = function handleDragEnd(event) {
     var active = event.active,
-      over = event.over;
+        over = event.over;
+
     if (active.id !== over.id) {
       setLocalColumns(function (items) {
         var oldIndex = items.findIndex(function (s) {
@@ -182,6 +201,8 @@ var ColumnsSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   };
   /** 取消固定 */
+
+
   var clearFiexd = function clearFiexd(id) {
     var resultColumns = localColumns.map(function (item) {
       if (item.dataIndex === id) {
@@ -189,11 +210,14 @@ var ColumnsSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
           fixed: undefined
         });
       }
+
       return Object.assign({}, item);
     });
     setLocalColumns(resultColumns);
   };
   /** 添加是否显示 */
+
+
   var toggleShow = function toggleShow(value, id) {
     var resultColumns = localColumns.map(function (item) {
       if (item.dataIndex === id) {
@@ -201,11 +225,14 @@ var ColumnsSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
           show: item.show === false
         });
       }
+
       return Object.assign({}, item);
     });
     setLocalColumns(resultColumns);
   };
   /** 添加左右固定 */
+
+
   var addFiexd = function addFiexd(id, type) {
     var resultColumns = localColumns.map(function (item) {
       if (item.dataIndex === id) {
@@ -213,11 +240,14 @@ var ColumnsSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
           fixed: type
         });
       }
+
       return Object.assign({}, item);
     });
     setLocalColumns(resultColumns);
   };
   /** 切换是否全选 */
+
+
   var onCheckAllChange = function onCheckAllChange() {
     var resultColumns = localColumns.map(function (item) {
       return Object.assign(Object.assign({}, item), {
@@ -226,6 +256,7 @@ var ColumnsSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
     });
     setLocalColumns(resultColumns);
   };
+
   useImperativeHandle(ref, function () {
     return {
       getColumns: function getColumns() {
@@ -235,12 +266,15 @@ var ColumnsSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
         var obj = {};
         localColumns.forEach(function (item) {
           obj[item.dataIndex] = {};
+
           if (![undefined, null].includes(item.order)) {
             obj[item.dataIndex].order = item.order;
           }
+
           if (![undefined, null].includes(item.show)) {
             obj[item.dataIndex].show = item.show;
           }
+
           if (![undefined, null].includes(item.fixed)) {
             obj[item.dataIndex].fixed = item.fixed;
           }

package/es/CustomTableOption/filterSort.js

@@ -9,21 +9,24 @@ import Input from '../Input';
 import Checkbox from '../Checkbox';
 var UNLLVALUE = [null, undefined];
 var Search = Input.Search;
+
 var SortItem = function SortItem(props) {
   var id = props.id,
-    item = props.item,
-    toggleShow = props.toggleShow,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled;
+      item = props.item,
+      toggleShow = props.toggleShow,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled;
+
   var _useSortable = useSortable({
-      id: "".concat(id),
-      disabled: disabled
-    }),
-    attributes = _useSortable.attributes,
-    listeners = _useSortable.listeners,
-    setNodeRef = _useSortable.setNodeRef,
-    transform = _useSortable.transform,
-    transition = _useSortable.transition;
+    id: "".concat(id),
+    disabled: disabled
+  }),
+      attributes = _useSortable.attributes,
+      listeners = _useSortable.listeners,
+      setNodeRef = _useSortable.setNodeRef,
+      transform = _useSortable.transform,
+      transition = _useSortable.transition;
+
   var style = {
     transform: CSS.Transform.toString(transform),
     transition: transition
@@ -44,38 +47,48 @@ var SortItem = function SortItem(props) {
   }))));
 };
 /** order show fixed */
+
+
 var FilterSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$filter = _ref.filter,
-    filter = _ref$filter === void 0 ? [] : _ref$filter,
-    _ref$filterStateValue = _ref.filterStateValue,
-    filterStateValue = _ref$filterStateValue === void 0 ? {} : _ref$filterStateValue;
+      filter = _ref$filter === void 0 ? [] : _ref$filter,
+      _ref$filterStateValue = _ref.filterStateValue,
+      filterStateValue = _ref$filterStateValue === void 0 ? {} : _ref$filterStateValue;
+
   var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    localFilter = _useState2[0],
-    setLocalFilter = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      localFilter = _useState2[0],
+      setLocalFilter = _useState2[1];
+
   var _useState3 = useState({}),
-    _useState4 = _slicedToArray(_useState3, 2),
-    colStateValue = _useState4[0],
-    setColStateValue = _useState4[1];
+      _useState4 = _slicedToArray(_useState3, 2),
+      colStateValue = _useState4[0],
+      setColStateValue = _useState4[1];
   /** 正在输入的查询条件 */
+
+
   var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    searchIngValue = _useState6[0],
-    setSearchIngValue = _useState6[1];
+      _useState6 = _slicedToArray(_useState5, 2),
+      searchIngValue = _useState6[0],
+      setSearchIngValue = _useState6[1];
+
   var _useState7 = useState(''),
-    _useState8 = _slicedToArray(_useState7, 2),
-    searchValue = _useState8[0],
-    setSearchValue = _useState8[1];
+      _useState8 = _slicedToArray(_useState7, 2),
+      searchValue = _useState8[0],
+      setSearchValue = _useState8[1];
+
   var sortMenu = useMemo(function () {
     var cloneCol = cloneDeep(localFilter);
     cloneCol.forEach(function (item, index) {
       var _a, _b;
+
       var order = (_a = colStateValue[item.field]) === null || _a === void 0 ? void 0 : _a.order;
       item.order = order !== undefined && order !== null ? order : UNLLVALUE.includes(item.order) ? index : item.order;
       item.show = ((_b = colStateValue[item.field]) === null || _b === void 0 ? void 0 : _b.show) === false ? false : UNLLVALUE.includes(item.show) ? true : !!item.show;
     });
     return cloneCol.filter(function (item) {
       var _a;
+
       return ((_a = item.title) === null || _a === void 0 ? void 0 : _a.indexOf(searchValue)) > -1;
     });
   }, [localFilter, colStateValue, searchValue]);
@@ -89,9 +102,11 @@ var FilterSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
     };
   }, [localFilter]);
   /** 将当前输入的值，进行最后赋值，作自动计算使用 */
+
   var handleSearch = function handleSearch() {
     setSearchValue(searchIngValue);
   };
+
   useEffect(function () {
     setLocalFilter(filter);
     setColStateValue(filterStateValue);
@@ -100,9 +115,11 @@ var FilterSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
     coordinateGetter: sortableKeyboardCoordinates
   }));
   /** 排序结束回调 */
+
   var handleDragEnd = function handleDragEnd(event) {
     var active = event.active,
-      over = event.over;
+        over = event.over;
+
     if (active.id !== over.id) {
       setLocalFilter(function (items) {
         var oldIndex = items.findIndex(function (s) {
@@ -120,6 +137,8 @@ var FilterSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   };
   /** 添加是否显示 */
+
+
   var toggleShow = function toggleShow(value, id) {
     var resultColumns = localFilter.map(function (item) {
       if (item.field === id) {
@@ -127,11 +146,14 @@ var FilterSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
           show: item.show === false
         });
       }
+
       return Object.assign({}, item);
     });
     setLocalFilter(resultColumns);
   };
   /** 切换是否全选 */
+
+
   var onCheckAllChange = function onCheckAllChange() {
     var resultColumns = localFilter.map(function (item) {
       return Object.assign(Object.assign({}, item), {
@@ -141,6 +163,7 @@ var FilterSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
     console.log(resultColumns, 'resultColumns');
     setLocalFilter(resultColumns);
   };
+
   useImperativeHandle(ref, function () {
     return {
       getLocalFilter: function getLocalFilter() {
@@ -150,9 +173,11 @@ var FilterSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
         var obj = {};
         localFilter.forEach(function (item) {
           obj[item.field] = {};
+
           if (![undefined, null].includes(item.order)) {
             obj[item.field].order = item.order;
           }
+
           if (![undefined, null].includes(item.show)) {
             obj[item.field].show = item.show;
           }

package/es/CustomTableOption/index.js

@@ -25,34 +25,40 @@ var optionsWithDisabled = [{
 var prefixCls = 'lm_custom-table-option';
 var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
   var _a, _b, _c, _d;
+
   var className = props.className,
-    _props$tooltip = props.tooltip,
-    tooltip = _props$tooltip === void 0 ? {} : _props$tooltip;
+      _props$tooltip = props.tooltip,
+      tooltip = _props$tooltip === void 0 ? {} : _props$tooltip;
   var filterRef = useRef(null);
   var columnsRef = useRef(null);
-  var cardRef = useRef(null);
-  // const sizeRef = useRef(null)
+  var cardRef = useRef(null); // const sizeRef = useRef(null)
+
   var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
   /** 是否记住页面使用状态 */
+
+
   var _useState3 = useState(true),
-    _useState4 = _slicedToArray(_useState3, 2),
-    saveSetting = _useState4[0],
-    setSaveSetting = _useState4[1];
+      _useState4 = _slicedToArray(_useState3, 2),
+      saveSetting = _useState4[0],
+      setSaveSetting = _useState4[1];
+
   var _useState5 = useState({
-      filter: [],
-      columns: [],
-      card: [],
-      size: 'default'
-    }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    lmOptions = _useState6[0],
-    setLmOptions = _useState6[1];
+    filter: [],
+    columns: [],
+    card: [],
+    size: 'default'
+  }),
+      _useState6 = _slicedToArray(_useState5, 2),
+      lmOptions = _useState6[0],
+      setLmOptions = _useState6[1];
+
   var openSetting = function openSetting() {
     setVisible(true);
   };
+
   useEffect(function () {
     setLmOptions({
       filter: props.filter || [],
@@ -62,16 +68,21 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
     });
   }, [props.filter, props.columns, props.size, props.card]);
   /** 提交按钮 */
+
   var onOk = function onOk() {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     /** tableInfo */
+
+
     var columnsData = (_a = columnsRef.current) === null || _a === void 0 ? void 0 : _a.getColumns();
     var ColStateValue = (_b = columnsRef.current) === null || _b === void 0 ? void 0 : _b.getColStateValue();
     /** filterInfo */
+
     var filterData = (_c = filterRef.current) === null || _c === void 0 ? void 0 : _c.getLocalFilter();
     var filterStateValue = (_d = filterRef.current) === null || _d === void 0 ? void 0 : _d.getFilterStateValue();
     var cardData = ((_e = cardRef.current) === null || _e === void 0 ? void 0 : _e.getLocalFilter()) || [];
     var cardStateValue = ((_f = cardRef.current) === null || _f === void 0 ? void 0 : _f.getFilterStateValue()) || {};
+
     if (cardData.length > (((_g = props.recommendNumObj) === null || _g === void 0 ? void 0 : _g.card) || 10)) {
       Modal.confirm({
         title: '当前选择的卡片字段数量会导致卡片高度过高,是否继续?',
@@ -81,6 +92,7 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
         cancelText: '取消',
         onOk: function onOk() {
           var _a;
+
           (_a = props.onSave) === null || _a === void 0 ? void 0 : _a.call(props, Object.assign({
             columnsData: columnsData,
             ColStateValue: ColStateValue,
@@ -110,6 +122,7 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
       setVisible(false);
     }
   };
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Tooltip, Object.assign({}, tooltip), /*#__PURE__*/React.createElement(Button, {
     onClick: openSetting,
     icon: /*#__PURE__*/React.createElement(IconFont, {

package/es/CustomerService/components/question.js

@@ -1,30 +1,46 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 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];
+      _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() {
@@ -99,5 +115,6 @@ var Question = function Question(_ref) {
     }
   }, "\u6CA1\u6709\u5E2E\u52A9"))));
 };
+
 var _default = Question;
 exports.default = _default;

package/es/CustomerService/index.js

@@ -1,22 +1,33 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 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;
 
+// const { TextArea } = Input;
 // 对话框内容部分 子
 var MainMessage = function MainMessage(_ref) {
   var cRef = _ref.cRef;
@@ -25,12 +36,13 @@ var MainMessage = function MainMessage(_ref) {
     time: '14:07:36',
     sayWhat: '您好，我是领猫小葵客服欢迎您联系到我们杭州领猫科技！有什么我能帮助到您的？'
   }];
+
   var _useState = (0, _react.useState)(test),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    slMessage = _useState2[0],
-    setSlMessage = _useState2[1];
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      slMessage = _useState2[0],
+      setSlMessage = _useState2[1]; // 暴露给父组件方法   新增消息
+
 
-  // 暴露给父组件方法   新增消息
   (0, _react.useImperativeHandle)(cRef, function () {
     return {
       // changeVal 就是暴露给父组件的方法
@@ -39,12 +51,15 @@ var MainMessage = function MainMessage(_ref) {
         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: '我的',
@@ -56,8 +71,8 @@ var MainMessage = function MainMessage(_ref) {
         setSlMessage(slMessageT);
       }
     };
-  });
-  // 渲染的对话内容
+  }); // 渲染的对话内容
+
   return slMessage.map(function (item) {
     if (item.servePerson) {
       return /*#__PURE__*/_react.default.createElement("div", {
@@ -81,28 +96,35 @@ var MainMessage = function MainMessage(_ref) {
       }, 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]; // 空内容发送按钮置灰
+      _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];
+      _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);
@@ -114,6 +136,7 @@ var Message = function Message(props) {
       setStateSendBtn(false);
     }
   };
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "lm_customerservice_messageWrap"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -220,15 +243,19 @@ var Message = function Message(props) {
     }
   }))));
 };
+
 var CustomerService = function CustomerService() {
   var _useState7 = (0, _react.useState)(false),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    ifOpenMessage = _useState8[0],
-    setIfOpenMessage = _useState8[1];
+      _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, {
@@ -259,5 +286,6 @@ var CustomerService = function CustomerService() {
     }
   }))));
 };
+
 var _default = CustomerService;
 exports.default = _default;