@lm_fe/components_m 0.1.201 → 0.2.2

package/dist/a_chunks/.root5.js

@@ -1,359 +1,108 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _typeof from "@babel/runtime/helpers/typeof";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["mode", "uniqueKey", "disabled", "boxSpan", "getPopupContainer"];
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import { G as GeneralComponents_DictionarySelect_Display, _ as _extends } from './index.js';
-import 'antd/es/checkbox/style';
-import _Checkbox from 'antd/es/checkbox';
-import 'antd/es/row/style';
-import _Row from 'antd/es/row';
-import 'antd/es/input/style';
-import _Input from 'antd/es/input';
-import 'antd/es/col/style';
-import _Col from 'antd/es/col';
-import 'antd/es/radio/style';
-import _Radio from 'antd/es/radio';
-import _isEqual from 'lodash/isEqual';
-import _indexOf from 'lodash/indexOf';
-import _keyBy from 'lodash/keyBy';
-import _last from 'lodash/last';
-import _map from 'lodash/map';
-import _get from 'lodash/get';
-import React from 'react';
-import { mchcUtils } from '@lm_fe/env';
-import { LazyAntd } from '@lm_fe/components';
-import 'lodash/isFunction';
-import '@ant-design/icons';
-import 'antd/es/space/style';
-import 'antd/es/space';
-import 'antd/es/input-number/style';
-import 'antd/es/input-number';
-import 'lodash/set';
-import 'lodash/compact';
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState, useRef, useEffect } from 'react';
+import { Upload } from 'antd';
+import { get } from 'lodash';
+import ReactQuill, { Quill } from 'react-quill';
+import ImageResize from 'quill-image-resize-module';
+import 'react-quill/dist/quill.snow.css';
+import { a as styleInject } from './index.js';
+import { mchcEnv, mchcLogger } from '@lm_fe/env';
+import '@lm_fe/provoke';
+import '@lm_fe/components';
 import '@lm_fe/utils';
 import 'classnames';
 import 'dayjs';
-import 'lodash/isString';
-import 'lodash/isNumber';
-import 'lodash/isBoolean';
-import 'antd/es/divider/style';
-import 'antd/es/divider';
-import 'antd/es/button/style';
-import 'antd/es/button';
-import 'lodash/isEmpty';
-import 'antd/es/switch/style';
-import 'antd/es/switch';
-import 'antd/es/form/style';
-import 'antd/es/form';
-import 'lodash/join';
-import 'lodash/isArray';
-import 'lodash/identity';
-import 'lodash/cloneDeep';
 import '@lm_fe/service';
-import 'lodash/isObject';
-import 'lodash/keys';
-import 'lodash/isNil';
-import 'antd/es/tooltip/style';
-import 'antd/es/tooltip';
-import 'antd/es/spin/style';
-import 'antd/es/spin';
-import 'antd/es/message/style';
-import 'antd/es/message';
-import 'lodash/has';
-import 'antd/es/modal/style';
-import 'antd/es/modal';
-import 'lodash/size';
-import 'lodash/includes';
-import 'lodash/forEach';
-import 'lodash/filter';
-import 'react-to-print';
-import 'lodash/concat';
-import 'lodash/reduce';
-import 'lodash/debounce';
-import 'lodash/pickBy';
-import 'antd/es/auto-complete/style';
-import 'antd/es/auto-complete';
-import 'lodash/nth';
-import 'lodash/assign';
-import 'antd/es/popover/style';
-import 'antd/es/popover';
-import 'antd/es/menu/style';
-import 'antd/es/menu';
+import 'reconnecting-websocket';
 import 'store';
-import 'antd/es/popconfirm/style';
-import 'antd/es/popconfirm';
-import 'lodash/toUpper';
-var Tree = LazyAntd.Tree,
-  TreeSelect = LazyAntd.TreeSelect,
-  Select = LazyAntd.Select,
-  Table = LazyAntd.Table,
-  Dropdown = LazyAntd.Dropdown,
-  Pagination = LazyAntd.Pagination;
-var FIX_OTHER_VALUE = 99;
-var GeneralComponents_DictionarySelect = /*#__PURE__*/function (_React$Component) {
-  function GeneralComponents_DictionarySelect() {
-    var _this;
-    _classCallCheck(this, GeneralComponents_DictionarySelect);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, GeneralComponents_DictionarySelect, [].concat(args));
-    _defineProperty(_this, "state", {
-      showOther: false,
-      otherNote: '',
-      selectedData: undefined
+var css_248z = ".mobile-editor .mobile-editor_quill {\n  height: 450px;\n  color: #3e3e3e;\n}\n.mobile-editor .mobile-editor_quill .ql-container {\n  background: #ffffff;\n  height: 400px;\n}\n.mobile-editor .mobile-editor_quill .ql-editor {\n  height: 400px;\n}\n";
+styleInject(css_248z);
+mchcLogger.log('quill !!!!');
+Quill.register('modules/ImageResize', ImageResize);
+var modules = {
+  toolbar: [[{
+    size: []
+  }],
+  // [{ header: [1, 2, 3, false] }],
+  ['bold', 'italic', 'underline', 'strike'], [{
+    color: []
+  }, {
+    background: []
+  }, {
+    align: []
+  }],
+  // [{ list: 'ordered' }, { indent: '-1' }, { indent: '+1' }],
+  [{
+    list: 'ordered'
+  }], ['link', 'image', 'video']
+  // ['clean'],
+  ],
+  ImageResize: {}
+};
+var formats = ['size', 'header', 'bold', 'italic', 'underline', 'strike', 'blockquote', 'color', 'background', 'align', 'list', 'indent', 'link', 'image', 'video', 'clean'];
+function MobileEditorInner(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    data = _useState2[0],
+    setData = _useState2[1];
+  var uploadRef = useRef(null);
+  var quillRef = useRef(null);
+  useEffect(function () {
+    setData(value);
+    return function () {};
+  }, [value]);
+  console.log('data 223', {
+    data: data
+  });
+  useEffect(function () {
+    var _quillRef$current;
+    var quillEditor = (_quillRef$current = quillRef.current) === null || _quillRef$current === void 0 ? void 0 : _quillRef$current.getEditor();
+    var quillEditorToolbar = quillEditor === null || quillEditor === void 0 ? void 0 : quillEditor.getModule('toolbar');
+    quillEditorToolbar === null || quillEditorToolbar === void 0 || quillEditorToolbar.addHandler('image', function () {
+      var _uploadRef$current;
+      (_uploadRef$current = uploadRef.current) === null || _uploadRef$current === void 0 || _uploadRef$current.click();
     });
-    _defineProperty(_this, "handleSelectedChange", function (e) {
-      var _this$props = _this.props,
-        type = _this$props.type,
-        mode = _this$props.mode,
-        onChange = _this$props.onChange;
-      var note = _this.state.otherNote;
-      var selectedData;
-      var otherNote = note;
-      switch (type) {
-        case 'radio':
-          if (mode === 'single') {
-            selectedData = _get(e, 'target.value');
-          }
-          break;
-        case 'checkbox':
-          if (mode === 'multiple') {
-            selectedData = e;
-          }
-          if (mode === 'single') {
-            selectedData = _last(e);
-          }
-          break;
-        case 'select':
-          selectedData = e;
-          break;
-      }
-      if (_typeof(selectedData) === 'object' && _indexOf(selectedData, FIX_OTHER_VALUE) > -1) {
-        _this.setState({
-          showOther: true
-        });
-      } else if (selectedData === FIX_OTHER_VALUE) {
-        _this.setState({
-          showOther: true
-        });
-      } else {
-        otherNote = '';
-        _this.setState({
-          showOther: false,
-          otherNote: ''
-        });
+    return function () {};
+  }, []);
+  function handleUploadImage(data) {
+    if (get(data, 'file.status') === 'done') {
+      var _quillRef$current2, _quillEditor$selectio, _quillEditor$getSelec;
+      var imageUrl = get(data, 'file.response.url');
+      var quillEditor = (_quillRef$current2 = quillRef.current) === null || _quillRef$current2 === void 0 ? void 0 : _quillRef$current2.getEditor();
+      var range = quillEditor === null || quillEditor === void 0 || (_quillEditor$selectio = quillEditor.selection) === null || _quillEditor$selectio === void 0 ? void 0 : _quillEditor$selectio.savedRange.index;
+      if (range || range == 0) {
+        quillEditor === null || quillEditor === void 0 || quillEditor.insertEmbed(range, 'image', imageUrl);
       }
-      _this.setState({
-        selectedData: selectedData
-      });
-      onChange && onChange({
-        selectedData: selectedData,
-        otherNote: otherNote
-      });
-    });
-    _defineProperty(_this, "handleInputChange", function (e) {
-      var onChange = _this.props.onChange;
-      var selectedData = _this.state.selectedData;
-      _this.setState({
-        otherNote: _get(e, 'target.value')
-      });
-      onChange && onChange({
-        selectedData: selectedData,
-        otherNote: _get(e, 'target.value')
-      });
-    });
-    _defineProperty(_this, "renderRadios", function () {
-      var _this$props2 = _this.props,
-        boxSpan = _this$props2.boxSpan,
-        uniqueKey = _this$props2.uniqueKey,
-        _this$props2$disabled = _this$props2.disabled,
-        disabled = _this$props2$disabled === void 0 ? false : _this$props2$disabled;
-      var _this$state = _this.state,
-        showOther = _this$state.showOther,
-        otherNote = _this$state.otherNote,
-        selectedData = _this$state.selectedData;
-      var options = mchcUtils.getDictionariesEnumerations(uniqueKey !== null && uniqueKey !== void 0 ? uniqueKey : '');
-      return /*#__PURE__*/React.createElement(_Radio.Group, {
-        disabled: disabled,
-        onChange: _this.handleSelectedChange,
-        style: {
-          width: '100%'
-        },
-        value: selectedData
-      }, /*#__PURE__*/React.createElement(_Row, null, _map(options, function (option) {
-        if (_get(option, 'value') === FIX_OTHER_VALUE && showOther) {
-          return /*#__PURE__*/React.createElement(React.Fragment, {
-            key: _get(option, 'value')
-          }, /*#__PURE__*/React.createElement(_Col, {
-            span: boxSpan
-          }, /*#__PURE__*/React.createElement(_Radio, {
-            value: _get(option, 'value')
-          }, _get(option, 'label'))), /*#__PURE__*/React.createElement(_Col, {
-            span: boxSpan
-          }, /*#__PURE__*/React.createElement(_Input, {
-            placeholder: "\u8BF7\u8F93\u5165\u5176\u5B83",
-            onChange: _this.handleInputChange,
-            value: otherNote
-          })));
-        }
-        return /*#__PURE__*/React.createElement(_Col, {
-          key: _get(option, 'value'),
-          span: boxSpan
-        }, /*#__PURE__*/React.createElement(_Radio, {
-          value: _get(option, 'value')
-        }, _get(option, 'label')));
-      })));
-    });
-    _defineProperty(_this, "renderCheckboxs", function () {
-      var _this$state2 = _this.state,
-        showOther = _this$state2.showOther,
-        selectedData = _this$state2.selectedData,
-        otherNote = _this$state2.otherNote;
-      var _this$props3 = _this.props,
-        mode = _this$props3.mode,
-        boxSpan = _this$props3.boxSpan,
-        uniqueKey = _this$props3.uniqueKey,
-        _this$props3$disabled = _this$props3.disabled,
-        disabled = _this$props3$disabled === void 0 ? false : _this$props3$disabled;
-      var value = mode === 'single' ? [selectedData] : selectedData;
-      var options = mchcUtils.getDictionariesEnumerations(uniqueKey !== null && uniqueKey !== void 0 ? uniqueKey : '');
-      return /*#__PURE__*/React.createElement(_Checkbox.Group, {
-        disabled: disabled,
-        onChange: _this.handleSelectedChange,
-        value: value,
-        style: {
-          width: '100%'
-        }
-      }, /*#__PURE__*/React.createElement(_Row, null, _map(options, function (option) {
-        if (_get(option, 'value') === FIX_OTHER_VALUE && showOther) {
-          return /*#__PURE__*/React.createElement(React.Fragment, {
-            key: _get(option, 'value')
-          }, /*#__PURE__*/React.createElement(_Col, {
-            span: boxSpan
-          }, /*#__PURE__*/React.createElement(_Checkbox, {
-            value: _get(option, 'value')
-          }, _get(option, 'label'))), /*#__PURE__*/React.createElement(_Col, {
-            span: boxSpan
-          }, /*#__PURE__*/React.createElement(_Input, {
-            placeholder: "\u8BF7\u8F93\u5165\u5176\u5B83",
-            onChange: _this.handleInputChange,
-            value: otherNote
-          })));
-        }
-        return /*#__PURE__*/React.createElement(_Col, {
-          key: _get(option, 'value'),
-          span: boxSpan
-        }, /*#__PURE__*/React.createElement(_Checkbox, {
-          value: _get(option, 'value')
-        }, _get(option, 'label')));
-      })));
-    });
-    _defineProperty(_this, "renderSelects", function () {
-      var _this$props4 = _this.props,
-        mode = _this$props4.mode,
-        uniqueKey = _this$props4.uniqueKey,
-        _this$props4$disabled = _this$props4.disabled,
-        disabled = _this$props4$disabled === void 0 ? false : _this$props4$disabled,
-        boxSpan = _this$props4.boxSpan,
-        _this$props4$getPopup = _this$props4.getPopupContainer,
-        getPopupContainer = _this$props4$getPopup === void 0 ? function () {
-          return document.body;
-        } : _this$props4$getPopup,
-        others = _objectWithoutProperties(_this$props4, _excluded);
-      var _this$state3 = _this.state,
-        showOther = _this$state3.showOther,
-        otherNote = _this$state3.otherNote,
-        selectedData = _this$state3.selectedData;
-      var options = mchcUtils.getDictionariesEnumerations(uniqueKey !== null && uniqueKey !== void 0 ? uniqueKey : '');
-      if (_get(_keyBy(options, 'value'), FIX_OTHER_VALUE)) ;
-      return /*#__PURE__*/React.createElement(_Row, null, /*#__PURE__*/React.createElement(_Col, {
-        flex: "1"
-      }, /*#__PURE__*/React.createElement(Select, _extends({}, others, {
-        dropdownMatchSelectWidth: true,
-        mode: mode,
-        allowClear: true,
-        showSearch: true,
-        filterOption: function filterOption(inputValue, option) {
-          return option.children.toLowerCase().indexOf(inputValue.toLowerCase()) > -1;
-        },
-        placeholder: "\u8BF7\u8F93\u5165\u6216\u9009\u62E9",
-        disabled: disabled,
-        value: selectedData,
-        onChange: _this.handleSelectedChange,
-        getPopupContainer: getPopupContainer
-      }), _map(options, function (option) {
-        return /*#__PURE__*/React.createElement(Select.Option, {
-          key: _get(option, 'value'),
-          value: _get(option, 'value')
-        }, _get(option, 'label'));
-      }))), showOther && /*#__PURE__*/React.createElement(_Col, {
-        flex: "1"
-      }, /*#__PURE__*/React.createElement(_Input, {
-        disabled: disabled,
-        placeholder: "\u8BF7\u8F93\u5165\u5176\u5B83",
-        onChange: _this.handleInputChange,
-        value: otherNote
-      })));
-    });
-    return _this;
-  }
-  _inherits(GeneralComponents_DictionarySelect, _React$Component);
-  return _createClass(GeneralComponents_DictionarySelect, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var value = this.props.value;
-      this.setState({
-        selectedData: _get(value, 'selectedData'),
-        otherNote: _get(value, 'otherNote')
-      });
+      quillEditor === null || quillEditor === void 0 || quillEditor.setSelection((quillEditor === null || quillEditor === void 0 || (_quillEditor$getSelec = quillEditor.getSelection) === null || _quillEditor$getSelec === void 0 || (_quillEditor$getSelec = _quillEditor$getSelec.call(quillEditor)) === null || _quillEditor$getSelec === void 0 ? void 0 : _quillEditor$getSelec.index) + 1, 1);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var type = this.props.type;
-      switch (type) {
-        case 'radio':
-          return this.renderRadios();
-        case 'checkbox':
-          return this.renderCheckboxs();
-        case 'select':
-          return this.renderSelects();
-        default:
-          return /*#__PURE__*/React.createElement(React.Fragment, null);
-      }
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "mobile-editor"
+  }, /*#__PURE__*/React.createElement(ReactQuill, {
+    ref: quillRef,
+    className: "mobile-editor_quill",
+    theme: "snow",
+    modules: modules,
+    // defaultValue={data}
+    value: data || '',
+    onChange: onChange,
+    formats: formats
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'none'
     }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(nextProps, prevState) {
-      var value = nextProps.value;
-      var prevValue = {
-        selectedData: _get(prevState, 'selectedData'),
-        otherNote: _get(prevState, 'otherNote')
-      };
-      // console.log(value, prevValue)
-      if (!_isEqual(value, prevValue)) {
-        return {
-          selectedData: _get(value, 'selectedData'),
-          otherNote: _get(value, 'otherNote')
-        };
-      }
-      return null;
+  }, /*#__PURE__*/React.createElement(Upload, {
+    action: "/api/uploadImage",
+    listType: "text",
+    accept: ".png,.jpg,.jpeg,gif,.svg",
+    onChange: handleUploadImage,
+    headers: {
+      Authorization: mchcEnv.token
     }
-  }]);
-}(React.Component);
-_defineProperty(GeneralComponents_DictionarySelect, "defaultProps", {
-  mode: 'single',
-  type: 'select',
-  boxSpan: 3
-});
-_defineProperty(GeneralComponents_DictionarySelect, "Display", GeneralComponents_DictionarySelect_Display);
-export { GeneralComponents_DictionarySelect as default };
-//# sourceMappingURL=.root5.js.map
+  }, /*#__PURE__*/React.createElement("span", {
+    ref: uploadRef
+  }))));
+}
+export { MobileEditorInner as default };