@lm_fe/components_m 0.1.201 → 0.2.2

package/dist/a_chunks/.root36.js

@@ -1,177 +1,155 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 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 = ["input_props", "editing", "value", "label", "validate", "unit", "error", "maxValue", "minValue"];
+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/tooltip/style';
-import _Tooltip from 'antd/es/tooltip';
-import 'antd/es/input/style';
-import _Input from 'antd/es/input';
-import 'antd/es/input-number/style';
-import _InputNumber from 'antd/es/input-number';
-import _get from 'lodash/get';
-import React, { Component } from 'react';
-import { QuestionCircleOutlined } from '@ant-design/icons';
-import { b as styleInject } from './index.js';
-import '@lm_fe/env';
-import 'lodash/isFunction';
-import 'antd/es/space/style';
-import 'antd/es/space';
-import 'lodash/set';
-import 'lodash/map';
-import 'lodash/indexOf';
-import 'lodash/compact';
-import '@lm_fe/components';
+import { MyIcon } from '@lm_fe/components';
+import { Input, InputNumber, Tooltip } from 'antd';
+import { forEach, get } from 'lodash';
+import React from 'react';
+import { a as styleInject } from './index.js';
+import '@lm_fe/provoke';
 import '@lm_fe/utils';
 import 'classnames';
 import 'dayjs';
-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/env';
 import '@lm_fe/service';
-import 'lodash/isObject';
-import 'lodash/keys';
-import 'lodash/keyBy';
-import 'lodash/isNil';
-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 'antd/es/row/style';
-import 'antd/es/row';
-import 'antd/es/col/style';
-import 'antd/es/col';
-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 'antd/es/radio/style';
-import 'antd/es/radio';
-import 'lodash/last';
-import 'lodash/toUpper';
-var css_248z = ".blood-pressure-input-group {\n  display: flex !important;\n  align-items: center;\n}\n.blood-pressure-input-group .ant-input-number-handler-wrap {\n  display: none;\n}\n.blood-pressure-input-group input {\n  text-align: center !important;\n}\n.blood-pressure-input-group .ant-input {\n  width: 10%;\n  padding-left: 2px;\n  padding-right: 2px;\n  border-left: none;\n}\n.blood-pressure-input-group .ant-input-number {\n  width: 45% !important;\n}\n.blood-pressure-input-group .ant-input-number:nth-of-type(2) {\n  border-left: none;\n}\n.blood-pressure-input-group .blood-pressure_tip {\n  margin-left: 4px;\n}\n";
+var css_248z = ".input-with-rang {\n  display: flex;\n  align-items: center;\n}\n.input-with-rang .rang_tip {\n  margin-left: 4px;\n}\n";
 styleInject(css_248z);
-var BloodPressure = /*#__PURE__*/function (_Component) {
-  function BloodPressure() {
-    _classCallCheck(this, BloodPressure);
-    return _callSuper(this, BloodPressure, arguments);
-  }
-  _inherits(BloodPressure, _Component);
-  return _createClass(BloodPressure, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
+var MyInput = /*#__PURE__*/function (_React$Component) {
+  function MyInput(props) {
+    var _this;
+    _classCallCheck(this, MyInput);
+    _this = _callSuper(this, MyInput, [props]);
+    _defineProperty(_this, "handleClick", function () {
+      var onClick = _this.props.onClick;
+      if (onClick) onClick();
+    });
+    _defineProperty(_this, "handleChange", function (e) {
+      return _this.props.onChange(e.target.value);
+    });
+    _defineProperty(_this, "handleNumberChange", function (value) {
+      return _this.props.onChange(value);
+    });
+    /**
+     * TODO:
+     * 下面的方法原本是用于判断输入法的开始与结束
+     * 可以用于减少onChange的次数达到性能的优化
+     * 但是Ant-design的Input没有提供相关的接口
+     *
+     * 可以考虑的一个解决方案就是把这两个方法放置与Input的父元素
+     * 因为时间关系没有做
+     */
+    _defineProperty(_this, "handleKeyDown", function (e) {
+      e.target.keyEvent = true;
+    });
+    _defineProperty(_this, "handleKeyUp", function (e) {
+      var flag = e.target.isNeedPrevent;
+      if (flag) return;
+      _this.props.onChange(_this.state.value);
+      e.target.keyEvent = false;
+    });
+    _defineProperty(_this, "handleCompositionStart", function (e) {
+      e.target.isNeedPrevent = true;
+    });
+    _defineProperty(_this, "handleCompositionEnd", function (e) {
+      e.target.isNeedPrevent = false;
+    });
+    _defineProperty(_this, "renderInput", function () {
+      var _this$props = _this.props,
+        _this$props$input_pro = _this$props.input_props,
+        input_props = _this$props$input_pro === void 0 ? {} : _this$props$input_pro,
+        editing = _this$props.editing,
         value = _this$props.value,
-        onChange = _this$props.onChange,
-        name = _this$props.name,
-        disabled = _this$props.disabled;
-      var sysKey = '';
-      var diaKey = '';
-      if (name === 'physicalExam.systolic+diastolic') {
-        sysKey = 'systolic';
-        diaKey = 'diastolic';
-      }
-      if (name === 'physicalExam.systolic2+diastolic2') {
-        sysKey = 'systolic2';
-        diaKey = 'diastolic2';
-      }
-      if (name === 'physicalExam.systolic3+diastolic3') {
-        sysKey = 'systolic3';
-        diaKey = 'diastolic3';
-      }
-      if (name === 'physicalBaseExam.systolic+diastolic') {
-        sysKey = 'systolic';
-        diaKey = 'diastolic';
-      }
-      if (name === 'physicalBaseExam.systolic2+diastolic2') {
-        sysKey = 'systolic2';
-        diaKey = 'diastolic2';
-      }
-      if (name === 'physicalBaseExam.systolic3+diastolic3') {
-        sysKey = 'systolic3';
-        diaKey = 'diastolic3';
-      }
-      var systolic = _get(value, sysKey) || '';
-      var diastolic = _get(value, diaKey) || '';
-      var changeVal = function changeVal(val, param) {
-        if (param === 'sys') {
-          onChange(_defineProperty(_defineProperty({}, sysKey, val), diaKey, diastolic));
-        } else {
-          onChange(_defineProperty(_defineProperty({}, sysKey, systolic), diaKey, val));
+        label = _this$props.label,
+        validate = _this$props.validate,
+        unit = _this$props.unit,
+        error = _this$props.error,
+        maxValue = _this$props.maxValue,
+        minValue = _this$props.minValue,
+        rest = _objectWithoutProperties(_this$props, _excluded);
+      var disabled = input_props.disabled,
+        max = input_props.max;
+      var rangItem = {};
+      forEach(validate, function (item) {
+        if (get(item, 'type') === 'rang') {
+          rangItem = item;
         }
-      };
-      return /*#__PURE__*/React.createElement(_Input.Group, {
-        compact: true,
-        className: "blood-pressure-input-group"
-      }, /*#__PURE__*/React.createElement(_InputNumber, {
-        min: 0,
-        disabled: disabled,
-        style: {
-          color: systolic < 90 || systolic > 130 ? '#ff517d' : ''
-        },
-        placeholder: "\u6536\u7F29\u538B",
-        value: systolic,
-        onChange: function onChange(val) {
-          return changeVal(val, 'sys');
+      });
+      var minVal = get(rangItem, 'min');
+      var maxVal = get(rangItem, 'max');
+      if (input_props) {
+        if (input_props.type === 'textarea') {
+          return /*#__PURE__*/React.createElement(Input.TextArea, _objectSpread(_objectSpread(_objectSpread({}, rest), input_props), {}, {
+            value: value,
+            title: value,
+            onChange: _this.handleChange
+          }));
+        } else if (input_props.type === 'password') {
+          return /*#__PURE__*/React.createElement(Input.Password, _objectSpread(_objectSpread(_objectSpread({}, rest), input_props), {}, {
+            value: value,
+            onChange: _this.handleChange
+          }));
+        } else if (input_props.type === 'text') {
+          return /*#__PURE__*/React.createElement(Input, _objectSpread(_objectSpread(_objectSpread({}, rest), input_props), {}, {
+            value: value,
+            title: value,
+            onChange: _this.handleChange
+          }));
+        } else if (input_props.type === 'number') {
+          return /*#__PURE__*/React.createElement("div", {
+            className: "input-with-rang"
+          }, /*#__PURE__*/React.createElement(InputNumber, _objectSpread(_objectSpread({
+            min: 0,
+            max: max,
+            style: value > maxValue || value < minValue ? {
+              color: 'red'
+            } : {
+              color: '#333'
+            }
+          }, rest), {}, {
+            disabled: disabled,
+            autoFocus: editing,
+            title: value,
+            value: value,
+            onChange: _this.handleNumberChange
+          })), /\*/.test(error) && value ? (/*#__PURE__*/React.createElement(Tooltip, {
+            className: "rang_tip",
+            title: "".concat(label, "\u7684\u6B63\u5E38\u8303\u56F4\u503C\u662F").concat(minVal, "~").concat(maxVal).concat(unit)
+          }, /*#__PURE__*/React.createElement(MyIcon, {
+            value: 'QuestionCircleOutlined'
+          }))) : null);
         }
-      }), /*#__PURE__*/React.createElement(_Input, {
-        disabled: true,
-        defaultValue: "/"
-      }), /*#__PURE__*/React.createElement(_InputNumber, {
+      }
+      return /*#__PURE__*/React.createElement(Input, _objectSpread(_objectSpread({}, rest), {}, {
         disabled: disabled,
-        min: 0,
-        style: {
-          color: diastolic < 60 || diastolic > 90 ? '#ff517d' : ''
-        },
-        placeholder: "\u8212\u5F20\u538B",
-        value: diastolic,
-        onChange: function onChange(val) {
-          return changeVal(val, 'dia');
-        }
-      }), /*#__PURE__*/React.createElement(_Tooltip, {
-        className: "blood-pressure_tip",
-        title: "\u6536\u7F29\u538B\u7684\u6B63\u5E38\u8303\u56F4\u503C\u662F90~130mmHg\uFF0C\u8212\u5F20\u538B\u7684\u6B63\u5E38\u8303\u56F4\u503C\u662F60~90mmHg"
-      }, /*#__PURE__*/React.createElement(QuestionCircleOutlined, null)));
+        autoFocus: editing,
+        value: value === ' ' ? null : value,
+        title: value,
+        onClick: _this.handleClick,
+        onChange: _this.handleChange
+      }));
+    });
+    _this.state = {
+      value: ''
+    };
+    return _this;
+  }
+  _inherits(MyInput, _React$Component);
+  return _createClass(MyInput, [{
+    key: "render",
+    value: function render() {
+      return this.renderInput();
     }
   }]);
-}(Component);
-export { BloodPressure as default };
-//# sourceMappingURL=.root36.js.map
+}(React.Component);
+export { MyInput as default };

package/dist/a_chunks/.root37.js

@@ -1,147 +1,20 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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";
-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/input-number/style';
-import _InputNumber from 'antd/es/input-number';
-import _keys from 'lodash/keys';
-import _get from 'lodash/get';
-import React, { Component } from 'react';
-import { b as styleInject } from './index.js';
-import '@lm_fe/env';
-import 'lodash/isFunction';
-import '@ant-design/icons';
-import 'antd/es/space/style';
-import 'antd/es/space';
-import 'lodash/set';
-import 'lodash/map';
-import 'lodash/indexOf';
-import 'lodash/compact';
-import '@lm_fe/components';
-import '@lm_fe/utils';
-import 'classnames';
-import 'dayjs';
-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/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 'antd/es/row/style';
-import 'antd/es/row';
-import 'antd/es/col/style';
-import 'antd/es/col';
-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 = ".blood-pressure-input-group {\n  display: flex !important;\n  align-items: center;\n}\n.blood-pressure-input-group .ant-input-number-handler-wrap {\n  display: none;\n}\n.blood-pressure-input-group input {\n  text-align: center !important;\n}\n.blood-pressure-input-group .ant-input {\n  width: 10%;\n  padding-left: 2px;\n  padding-right: 2px;\n  border-left: none;\n}\n.blood-pressure-input-group .ant-input-number {\n  width: 45% !important;\n}\n.blood-pressure-input-group .ant-input-number:nth-of-type(2) {\n  border-left: none;\n}\n.blood-pressure-input-group .blood-pressure_separator {\n  width: 10px !important;\n}\n.blood-pressure-input-group .blood-pressure_tip {\n  margin-left: 4px;\n}\n";
-styleInject(css_248z);
-var BloodPressure = /*#__PURE__*/function (_Component) {
-  function BloodPressure() {
-    _classCallCheck(this, BloodPressure);
-    return _callSuper(this, BloodPressure, arguments);
+import { Checkbox } from 'antd';
+import { map, get } from 'lodash';
+import React from 'react';
+function SingleCheckbox(_ref) {
+  var options = _ref.options,
+    checked = _ref.checked,
+    onChange = _ref.onChange;
+  function onHandleChange(value) {
+    return function () {
+      onChange(value);
+    };
   }
-  _inherits(BloodPressure, _Component);
-  return _createClass(BloodPressure, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        value = _this$props.value,
-        onChange = _this$props.onChange,
-        firstRange = _this$props.firstRange,
-        secondRange = _this$props.secondRange;
-      var paramsArr = _keys(value);
-      var firstParam = _get(paramsArr, '0');
-      var secondParam = _get(paramsArr, '1');
-      var firstValue = _get(value, firstParam) || '';
-      var secondValue = _get(value, secondParam) || '';
-      var handleFirstChange = function handleFirstChange(val) {
-        onChange(_defineProperty(_defineProperty({}, firstParam, val), secondParam, secondValue));
-      };
-      var handleSecondChange = function handleSecondChange(val) {
-        onChange(_defineProperty(_defineProperty({}, firstParam, firstValue), secondParam, val));
-      };
-      return /*#__PURE__*/React.createElement(_Input.Group, {
-        compact: true,
-        className: "blood-pressure-input-group"
-      }, /*#__PURE__*/React.createElement(_InputNumber, {
-        min: 0,
-        style: {
-          color: firstRange && (firstValue < _get(firstRange, '0') || firstValue > _get(firstRange, '1')) ? '#f00' : ''
-        },
-        value: firstValue,
-        onChange: function onChange(val) {
-          return handleFirstChange(val);
-        }
-      }), /*#__PURE__*/React.createElement(_Input, {
-        className: "blood-pressure_separator",
-        disabled: true,
-        defaultValue: "/"
-      }), /*#__PURE__*/React.createElement(_InputNumber, {
-        min: 0,
-        style: {
-          color: secondRange && (secondValue < _get(secondRange, '0') || secondValue > _get(secondRange, '1')) ? '#f00' : ''
-        },
-        value: secondValue,
-        onChange: function onChange(val) {
-          return handleSecondChange(val);
-        }
-      }));
-    }
-  }]);
-}(Component);
-export { BloodPressure as default };
-//# sourceMappingURL=.root37.js.map
+  return /*#__PURE__*/React.createElement(React.Fragment, null, map(options, function (item, index) {
+    return /*#__PURE__*/React.createElement(Checkbox, {
+      onChange: onHandleChange(get(item, "value")),
+      checked: checked == get(item, "value")
+    }, get(item, "label"));
+  }));
+}
+export { SingleCheckbox as default };