@lm_fe/components_m 0.1.201 → 0.2.2

package/dist/a_chunks/.root128.js

@@ -1,264 +1,112 @@
-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";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 'antd/es/input/style';
-import _Input from 'antd/es/input';
-import 'antd/es/row/style';
-import _Row from 'antd/es/row';
-import 'antd/es/col/style';
-import _Col from 'antd/es/col';
-import _map from 'lodash/map';
-import _get from 'lodash/get';
-import { safe_json_parse } from '@lm_fe/utils';
-import dayjs from 'dayjs';
-import React, { Component } from 'react';
-import { b as styleInject, aA as TimePickerAutoaccept, aB as GeneralComponents_EditInTable_Inner } from './index.js';
-import '@lm_fe/env';
-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/indexOf';
-import 'lodash/compact';
-import '@lm_fe/components';
-import 'classnames';
-import 'antd/es/checkbox/style';
-import 'antd/es/checkbox';
-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/isEqual';
-import 'lodash/isArray';
-import 'lodash/identity';
-import 'lodash/cloneDeep';
-import '@lm_fe/service';
-import 'lodash/isObject';
-import 'lodash/keys';
-import 'lodash/keyBy';
-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 'store';
-import 'antd/es/popconfirm/style';
-import 'antd/es/popconfirm';
-import 'antd/es/radio/style';
-import 'antd/es/radio';
-import 'lodash/last';
-import 'lodash/toUpper';
-var css_248z = ".procedure-records-items {\n  align-items: center;\n}\n.procedure-records-items__label {\n  text-align: right;\n}\n";
-var styles = css_248z;
-styleInject(css_248z);
-var HOURS = Array.from(Array(24), function (n, index) {
-  return index;
-});
-var MINUTES = Array.from(Array(60), function (n, index) {
-  return index;
-});
-var ProcedureRecords = /*#__PURE__*/function (_Component) {
-  function ProcedureRecords(props) {
-    var _this;
-    _classCallCheck(this, ProcedureRecords);
-    _this = _callSuper(this, ProcedureRecords, [props]);
-    _defineProperty(_this, "handleTableChange", function (data) {
-      var onChange = _this.props.onChange;
-      var time = _this.state.time;
-      _this.setState({
-        data: data
-      });
-      var outData = _map(data, function (item, index) {
-        if (index == 0) {
-          return _objectSpread(_objectSpread({}, item), time);
-        }
-        return item;
-      });
-      onChange && onChange(outData);
-    });
-    _defineProperty(_this, "handlestartTimeChange", function (value) {
-      var onChange = _this.props.onChange;
-      var _this$state = _this.state,
-        time = _this$state.time,
-        data = _this$state.data;
-      var duration = time.endTime ? Math.round(time.endTime.diff(value, 'minutes', true)) : 0;
-      var newTime = _objectSpread(_objectSpread({}, time), {}, {
-        startTime: value,
-        duration: duration
-      });
-      _this.setState({
-        time: newTime
-      });
-      var outData = _map(data, function (item, index) {
-        if (index == 0) {
-          return _objectSpread(_objectSpread({}, item), newTime);
-        }
-        return item;
-      });
-      onChange && onChange(outData);
-    });
-    _defineProperty(_this, "handleEndTimeChange", function (value) {
-      var onChange = _this.props.onChange;
-      var _this$state2 = _this.state,
-        time = _this$state2.time,
-        data = _this$state2.data;
-      var duration = time.startTime ? Math.round(value.diff(time.startTime, 'minutes', true)) : 0;
-      var newTime = _objectSpread(_objectSpread({}, time), {}, {
-        endTime: value,
-        duration: duration
-      });
-      _this.setState({
-        time: newTime
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { mchcEnv } from '@lm_fe/env';
+import { Upload } from 'antd';
+import ImgCrop from 'antd-img-crop';
+import { get } from 'lodash';
+import React, { useState } from 'react';
+var Inner = function Inner(_ref) {
+  var onChange = _ref.onChange,
+    value = _ref.value,
+    form = _ref.form,
+    actionApi = _ref.actionApi,
+    outputParamType = _ref.outputParamType;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    fileList = _useState2[0],
+    setFileList = _useState2[1];
+  React.useEffect(function () {
+    // let imgUrl = value;
+    // if (value && value.includes('?')) {
+    //   const arr = value.split('?');
+    //   console.log('----789----', arr);
+    //   imgUrl = arr[0];
+    // }
+    if (value) {
+      setFileList([{
+        uid: -new Date().getTime(),
+        name: 'image.png',
+        status: 'done',
+        url: getImageAddress() + value
+      }]);
+    }
+  }, [value]);
+  // 查看图片
+  var getImageAddress = function getImageAddress() {
+    var address = '';
+    if (process.env.NODE_ENV === 'development') {
+      // address = 'http://47.106.199.237:3351/'
+      address = 'https://47.106.199.237';
+    } else {
+      // address = window.location.host
+      address = '';
+    }
+    return address;
+  };
+  var handleChange = function handleChange(_ref2) {
+    var newFileList = _ref2.fileList,
+      file = _ref2.file;
+    if (outputParamType == 'new') {
+      form && form.setFieldsValue({
+        imageName: get(newFileList, '0.response.data.imageName')
       });
-      var outData = _map(data, function (item, index) {
-        if (index == 0) {
-          return _objectSpread(_objectSpread({}, item), newTime);
+      onChange === null || onChange === void 0 || onChange(getImageAddress() + get(newFileList, '0.response.data.imageAddress'));
+    } else {
+      onChange === null || onChange === void 0 || onChange(get(newFileList, '0.response.url'));
+    }
+    setFileList(newFileList);
+  };
+  var onPreview = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
+      var src, image, imgWindow;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            src = file.url;
+            if (src) {
+              _context.next = 5;
+              break;
+            }
+            _context.next = 4;
+            return new Promise(function (resolve) {
+              var reader = new FileReader();
+              reader.readAsDataURL(file.originFileObj);
+              reader.onload = function () {
+                return resolve(reader.result);
+              };
+            });
+          case 4:
+            src = _context.sent;
+          case 5:
+            image = new Image();
+            image.src = src;
+            imgWindow = window.open(src);
+            imgWindow.document.write(image.outerHTML);
+          case 9:
+          case "end":
+            return _context.stop();
         }
-        return item;
-      });
-      onChange && onChange(outData);
-    });
-    var _value = props.value;
-    _this.state = {
-      data: _value,
-      time: {
-        startTime: _get(_value, '0.startTime') ? dayjs(_get(_value, '0.startTime')) : undefined,
-        endTime: _get(_value, '0.endTime') ? dayjs(_get(_value, '0.endTime')) : undefined,
-        duration: _get(_value, '0.duration') ? _get(_value, '0.duration') : 0
-      }
+      }, _callee);
+    }));
+    return function onPreview(_x) {
+      return _ref3.apply(this, arguments);
     };
-    return _this;
-  }
-  _inherits(ProcedureRecords, _Component);
-  return _createClass(ProcedureRecords, [{
-    key: "render",
-    value: function render() {
-      var _this$state3 = this.state,
-        data = _this$state3.data,
-        time = _this$state3.time;
-      var config = this.props.config;
-      var specialConfig = safe_json_parse(_get(config, 'specialConfig'));
-      var tableColumns = _get(specialConfig, 'tableColumns');
-      return /*#__PURE__*/React.createElement("div", {
-        className: styles["procedure-records"]
-      }, /*#__PURE__*/React.createElement(_Row, null, /*#__PURE__*/React.createElement(_Col, {
-        span: 8
-      }, /*#__PURE__*/React.createElement(_Row, {
-        className: styles["procedure-records-items"]
-      }, /*#__PURE__*/React.createElement(_Col, {
-        className: styles["procedure-records-items__label"],
-        span: 12
-      }, "\u5F00\u59CB\u65F6\u95F4\uFF1A"), /*#__PURE__*/React.createElement(_Col, {
-        span: 12
-      }, /*#__PURE__*/React.createElement(TimePickerAutoaccept, {
-        format: "HH:mm",
-        disabledHours: function disabledHours() {
-          if (time.endTime) {
-            var h = time.endTime.hour();
-            return HOURS.slice(h + 1, HOURS.length);
-          }
-          return [];
-        },
-        disabledMinutes: function disabledMinutes(selectedHour) {
-          var endTime = time.endTime;
-          if (endTime) {
-            if (selectedHour < endTime.hour()) return [];
-            var m = endTime.minute();
-            return MINUTES.slice(m + 1, MINUTES.length);
-          }
-          return [];
-        },
-        onChange: this.handlestartTimeChange,
-        value: time.startTime
-      })))), /*#__PURE__*/React.createElement(_Col, {
-        span: 8
-      }, /*#__PURE__*/React.createElement(_Row, {
-        className: styles["procedure-records-items"]
-      }, /*#__PURE__*/React.createElement(_Col, {
-        className: styles["procedure-records-items__label"],
-        span: 12
-      }, "\u7ED3\u675F\u65F6\u95F4\uFF1A"), /*#__PURE__*/React.createElement(_Col, {
-        span: 12
-      }, /*#__PURE__*/React.createElement(TimePickerAutoaccept, {
-        disabledHours: function disabledHours() {
-          if (time.startTime) {
-            var h = time.startTime.hour();
-            return HOURS.slice(0, h);
-          }
-          return [];
-        },
-        disabledMinutes: function disabledMinutes(selectedHour) {
-          var startTime = time.startTime;
-          if (startTime) {
-            if (selectedHour > startTime.hour()) return [];
-            var m = startTime.minute();
-            return MINUTES.slice(0, m + 1);
-          }
-          return [];
-        },
-        format: "HH:mm",
-        onChange: this.handleEndTimeChange,
-        value: time.endTime
-      })))), /*#__PURE__*/React.createElement(_Col, {
-        span: 8
-      }, /*#__PURE__*/React.createElement(_Row, {
-        className: styles["procedure-records-items"]
-      }, /*#__PURE__*/React.createElement(_Col, {
-        className: styles["procedure-records-items__label"],
-        span: 12
-      }, "\u6301\u7EED\u65F6\u95F4(\u5206)\uFF1A"), /*#__PURE__*/React.createElement(_Col, {
-        span: 12
-      }, /*#__PURE__*/React.createElement(_Input, {
-        disabled: true,
-        value: time.duration
-      }))))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(GeneralComponents_EditInTable_Inner, {
-        tableColumns: tableColumns,
-        value: data,
-        onChange: this.handleTableChange
-      })));
+  }();
+  return /*#__PURE__*/React.createElement(ImgCrop, {
+    rotate: true,
+    aspect: 1.5,
+    minZoom: 0.2,
+    maxZoom: 4
+  }, /*#__PURE__*/React.createElement(Upload, {
+    action: actionApi,
+    listType: "picture-card",
+    fileList: fileList,
+    onChange: handleChange,
+    onPreview: onPreview,
+    headers: {
+      Authorization: mchcEnv.token
     }
-  }]);
-}(Component);
-export { HOURS, MINUTES, ProcedureRecords as default };
-//# sourceMappingURL=.root128.js.map
+  }, fileList.length < 1 && '+ 点击上传'));
+};
+export { Inner as default };