@lm_fe/components_m 0.1.201 → 0.2.2

package/dist/a_chunks/.root34.js

@@ -1,239 +1,216 @@
+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";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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; }
-import { b as styleInject, i as BaseFormComponent, _ as _extends } from './index.js';
-import _set from 'lodash/set';
-import _map from 'lodash/map';
-import _get from 'lodash/get';
-import _cloneDeep from 'lodash/cloneDeep';
-import { LazyAntd } from '@lm_fe/components';
-import React, { useState, useRef, useEffect } from 'react';
-import '@lm_fe/env';
-import 'lodash/isFunction';
-import '@ant-design/icons';
-import 'antd/es/space/style';
-import 'antd/es/space';
-import 'antd/es/input/style';
-import 'antd/es/input';
-import 'antd/es/input-number/style';
-import 'antd/es/input-number';
-import 'lodash/indexOf';
-import 'lodash/compact';
+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 { MyIcon } from '@lm_fe/components';
+import { Tooltip, Button, Modal } from 'antd';
+import { set } from 'lodash';
+import React, { Component } from 'react';
+import { a as styleInject, I as Inner } 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 '@lm_fe/env';
 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 '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-and-thalassemia .ant-select,\n.blood-and-thalassemia .ant-input-number,\n.blood-and-thalassemia .ant-select-selector,\n.blood-and-thalassemia .ant-input {\n  border: none !important;\n}\n.blood-and-thalassemia .custom-table-cell {\n  display: block;\n  width: 100%;\n  height: 100%;\n  min-height: 20px;\n}\n";
-var styles = css_248z;
+var css_248z = ".array-custom {\n  padding-top: 10px;\n}\n.array-custom .array-form-title {\n  color: rgba(0, 0, 0, 0.85);\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 8px;\n}\n.array-custom .array-form-title > div {\n  width: 100%;\n  padding-left: 2rem;\n}\n.array-custom .array-form-title > div > span {\n  position: relative;\n  padding: 0 2px;\n}\n.array-custom .array-form-main {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  position: relative;\n}\n.array-custom .array-form-main_title {\n  position: absolute;\n  top: -15px;\n  left: 3px;\n  color: #3d8bf7;\n}\n.array-custom .array-form-main_title-handler {\n  display: inline-block;\n}\n.array-custom .array-form-main_custom {\n  width: 100%;\n}\n";
 styleInject(css_248z);
-var pdBloodGroups = ['bg', 'rh'];
-var pdThalassemiaExams = ['hB', 'mCV', 'mCH', 'hbA2', 'deletions', 'otherNote'];
-var Tree = LazyAntd.Tree,
-  TreeSelect = LazyAntd.TreeSelect,
-  Select = LazyAntd.Select,
-  Table = LazyAntd.Table,
-  Dropdown = LazyAntd.Dropdown,
-  Pagination = LazyAntd.Pagination;
-var deletionsOptions = function deletionsOptions(props) {
-  var onChange = props.onChange;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    columns = _useState2[0],
-    setColumns = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    editingRow = _useState4[0],
-    setEditingRow = _useState4[1];
-  var _useState5 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    editingValue = _useState6[0],
-    setEditingValue = _useState6[1];
-  var _useState7 = useState(),
-    _useState8 = _slicedToArray(_useState7, 2),
-    editingCol = _useState8[0],
-    setEditingCol = _useState8[1];
-  var _useState9 = useState([]),
-    _useState10 = _slicedToArray(_useState9, 2),
-    datasource = _useState10[0],
-    setDatasource = _useState10[1];
-  var cols = useRef([]);
-  var getNewDatasource = useRef(null);
-  useEffect(function () {
-    if (getNewDatasource.current) {
-      updateDatasource(props === null || props === void 0 ? void 0 : props.value);
-      setColumns(updateColumns(cols.current));
-    } else {
-      import('./.root80.js').then(function (meta) {
-        getNewDatasource.current = meta.getNewDatasource;
-        cols.current = meta.cols;
-        updateDatasource(props === null || props === void 0 ? void 0 : props.value);
-        setColumns(updateColumns(cols.current));
+var ArrayCustom = /*#__PURE__*/function (_Component) {
+  function ArrayCustom(props) {
+    var _this;
+    _classCallCheck(this, ArrayCustom);
+    _this = _callSuper(this, ArrayCustom, [props]);
+    _defineProperty(_this, "handleChange", function (val, index) {
+      var _this$props = _this.props,
+        _this$props$value = _this$props.value,
+        value = _this$props$value === void 0 ? [] : _this$props$value,
+        onChange = _this$props.onChange;
+      var newValue = JSON.parse(JSON.stringify(value)) || [];
+      // newValue[index] = val;
+      set(newValue, "[".concat(index, "]"), val);
+      console.log({
+        newValue: newValue
       });
-    }
-  }, [props.value, editingRow, editingCol, editingValue]);
-  function updateDatasource(_value) {
-    var _getNewDatasource$cur;
-    var newDatasource = ((_getNewDatasource$cur = getNewDatasource.current) === null || _getNewDatasource$cur === void 0 ? void 0 : _getNewDatasource$cur.call(getNewDatasource, _value)) || [];
-    setDatasource(newDatasource);
-  }
-  var updateColumns = function updateColumns(_columns) {
-    return _map(_columns, function (column, index) {
-      var editable = column.editable,
-        inputType = column.inputType,
-        dataIndex = column.dataIndex,
-        inputProps = column.inputProps;
-      if (!editable) {
-        return column;
+      onChange(newValue);
+    });
+    _defineProperty(_this, "renderArrayCustomForm", function () {
+      var _this$props2 = _this.props,
+        dispatch = _this$props2.dispatch,
+        _this$props2$input_pr = _this$props2.input_props,
+        input_props = _this$props2$input_pr === void 0 ? {} : _this$props2$input_pr;
+      var _input_props$array_ti = input_props.array_title,
+        array_title = _input_props$array_ti === void 0 ? '记录' : _input_props$array_ti,
+        hiddenBtn = input_props.hiddenBtn;
+      var value = _this.props.value;
+      if (!value || value.length === 0) {
+        // 默认赋值一条数据
+        value = [{}];
       }
-      return _objectSpread(_objectSpread({}, column), {}, {
-        render: function render(value, rowData, rowIndex) {
-          if (['normal_select', 'select_tag_with_options'].indexOf(inputType) > -1) {
-            return /*#__PURE__*/React.createElement(BaseFormComponent, _extends({}, inputProps, {
-              key: rowIndex,
-              size: "small",
-              value: value,
-              inputType: inputType,
-              autoFocus: editingCol === dataIndex
-              // onBlur={handleBlur}
-              ,
-
-              onChange: handleChange({
-                dataIndex: dataIndex,
-                inputType: inputType,
-                rowIndex: rowIndex
-              })
-            }));
+      return value.map(function (val, index) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: "array-form",
+          key: "array-custom-".concat(index)
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "array-form-main"
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "array-form-main_title"
+        }, /*#__PURE__*/React.createElement("span", null, array_title, index + 1, "\uFF1A"), /*#__PURE__*/React.createElement("div", {
+          className: "array-form-main_title-handler"
+        }, !hiddenBtn && (/*#__PURE__*/React.createElement(React.Fragment, null, value.length === 1 ? null : (/*#__PURE__*/React.createElement(Tooltip, {
+          title: "\u5220\u9664"
+        }, /*#__PURE__*/React.createElement(Button, {
+          size: "small",
+          shape: "circle",
+          danger: true,
+          type: "link",
+          icon: /*#__PURE__*/React.createElement(MyIcon, {
+            value: 'MinusCircleOutlined'
+          }),
+          disabled: _this.props.disabled,
+          onClick: function onClick() {
+            return _this.handleDelete(index);
           }
-          return editingCol === dataIndex && editingRow === rowIndex && editable ? /*#__PURE__*/React.createElement(BaseFormComponent, _extends({}, inputProps, {
-            key: rowIndex,
-            size: "small",
-            defaultValue: value,
-            inputType: inputType,
-            autoFocus: editingCol === dataIndex,
-            onBlur: handleBlur,
-            onChange: handleChange({
-              dataIndex: dataIndex,
-              inputType: inputType,
-              rowIndex: rowIndex
-            })
-          })) : /*#__PURE__*/React.createElement("span", {
-            className: styles["custom-table-cell"],
-            onClick: function onClick() {
-              setEditingRow(rowIndex);
-              setEditingCol(dataIndex);
-              setEditingValue(value);
-            }
-          }, value);
+        }))), index !== value.length - 1 ? null : (/*#__PURE__*/React.createElement(Tooltip, {
+          title: "\u6DFB\u52A0"
+        }, /*#__PURE__*/React.createElement(Button, {
+          shape: "circle",
+          size: "small",
+          type: "link",
+          icon: /*#__PURE__*/React.createElement(MyIcon, {
+            value: 'PlusCircleOutlined'
+          }),
+          onClick: _this.handleAdd,
+          disabled: _this.props.disabled
+        }))))))), /*#__PURE__*/React.createElement("div", {
+          className: "array-form-main_custom"
+        }, /*#__PURE__*/React.createElement(Inner, {
+          onChange: function onChange(singleValue) {
+            return _this.handleChange(singleValue, index);
+          },
+          dispatch: dispatch,
+          input_props: input_props,
+          error: null,
+          value: val,
+          getValidFun: function getValidFun() {},
+          subscribe: function subscribe() {},
+          disabled: _this.props.disabled || input_props.disabled
+        }))));
+      });
+    });
+    _defineProperty(_this, "handleAdd", function () {
+      var _this$props3 = _this.props,
+        _this$props3$value = _this$props3.value,
+        value = _this$props3$value === void 0 ? [] : _this$props3$value,
+        _this$props3$input_pr = _this$props3.input_props,
+        input_props = _this$props3$input_pr === void 0 ? {} : _this$props3$input_pr,
+        onChange = _this$props3.onChange;
+      var _input_props$config = input_props.config,
+        config = _input_props$config === void 0 ? [] : _input_props$config;
+      var emptyItem = {};
+      config.forEach(function (item) {
+        var key = item.key;
+        var newKey = key.substring(1, key.length);
+        // arraySplitKey & objectSplitKey
+        var nextSplitKeyIndex = newKey.search(/[\.]|[\_]/);
+        if (nextSplitKeyIndex !== -1) {
+          emptyItem[newKey.substring(0, nextSplitKeyIndex)] = '';
+        } else {
+          emptyItem[newKey] = null;
         }
       });
+      if (value) {
+        value.push(emptyItem);
+      } else {
+        value = [emptyItem, emptyItem];
+      }
+      onChange(value);
     });
-  };
-  var handleBlur = function handleBlur() {
-    var outData = _cloneDeep(props.value);
-    if (pdThalassemiaExams.indexOf(editingCol) > -1) {
-      _set(outData, "pdThalassemiaExams.".concat(editingRow, ".").concat(editingCol), editingValue);
-    } else if (pdBloodGroups.indexOf(editingCol) > -1) {
-      _set(outData, "pdBloodGroups.".concat(editingRow, ".").concat(editingCol), editingValue);
+    _defineProperty(_this, "handleDelete", function (index) {
+      _this.setState({
+        visible: true,
+        deleteIndex: index
+      });
+    });
+    _defineProperty(_this, "confirmDelete", function () {
+      var deleteIndex = _this.state.deleteIndex;
+      var _this$props4 = _this.props,
+        value = _this$props4.value,
+        onChange = _this$props4.onChange;
+      value.splice(deleteIndex, 1);
+      onChange(value);
+      _this.setState({
+        visible: false
+      });
+    });
+    _defineProperty(_this, "mapPropsToState", function () {
+      var _this$props5 = _this.props,
+        value = _this$props5.value,
+        error = _this$props5.error;
+      _this.setState({
+        value: value,
+        error: error
+      });
+    });
+    _this.state = {
+      value: [],
+      error: [],
+      visible: false,
+      deleteIndex: -1
+    };
+    return _this;
+  }
+  _inherits(ArrayCustom, _Component);
+  return _createClass(ArrayCustom, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.mapPropsToState();
     }
-    onChange && onChange(outData);
-    setEditingRow(undefined);
-    setEditingCol(undefined);
-  };
-  var handleChange = function handleChange(_ref) {
-    var dataIndex = _ref.dataIndex,
-      inputType = _ref.inputType,
-      rowIndex = _ref.rowIndex;
-    return function (event) {
-      var value = _get(event, 'target.value');
-      switch (inputType) {
-        case 'select_tag_with_options':
-        case 'normal_select':
-        case 'input_number':
-          value = event;
-          break;
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (JSON.stringify(prevProps) !== JSON.stringify(this.props)) {
+        this.mapPropsToState();
       }
-      setEditingRow(rowIndex);
-      setEditingCol(dataIndex);
-      setEditingValue(value);
-      if (['normal_select', 'select_tag_with_options'].indexOf(inputType) > -1) {
-        var outData = _cloneDeep(props.value);
-        if (pdThalassemiaExams.indexOf(dataIndex) > -1) {
-          _set(outData, "pdThalassemiaExams.".concat(rowIndex, ".").concat(dataIndex), value);
-        } else if (pdBloodGroups.indexOf(dataIndex) > -1) {
-          _set(outData, "pdBloodGroups.".concat(rowIndex, ".").concat(dataIndex), value);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var visible = this.state.visible;
+      var _this$props6 = this.props,
+        name = _this$props6.name,
+        value = _this$props6.value;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "array-custom",
+        id: name
+      }, /*#__PURE__*/React.createElement("div", null, this.renderArrayCustomForm()), /*#__PURE__*/React.createElement(Modal, {
+        open: visible,
+        closable: false,
+        onCancel: function onCancel() {
+          return _this2.setState({
+            visible: false
+          });
+        },
+        onOk: function onOk() {
+          return _this2.confirmDelete();
+        },
+        width: "350px",
+        style: {
+          top: '40%'
         }
-        onChange && onChange(outData);
-      }
-    };
-  };
-  return /*#__PURE__*/React.createElement(Table, {
-    size: "small",
-    className: styles["blood-and-thalassemia"],
-    bordered: true,
-    columns: columns,
-    dataSource: datasource,
-    pagination: false
-  });
-};
-export { deletionsOptions as default };
-//# sourceMappingURL=.root34.js.map
+      }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(MyIcon, {
+        value: 'QuestionCircleOutlined',
+        style: {
+          color: '#feaa02'
+        }
+      })), "\xA0\xA0", /*#__PURE__*/React.createElement("span", null, "\u4F60\u662F\u5426\u786E\u8BA4\u5220\u9664\u6B64\u8BB0\u5F55")));
+    }
+  }]);
+}(Component);
+export { ArrayCustom as default };