@lm_fe/components_m 0.1.201 → 0.2.2

package/dist/a_chunks/.root71.js

@@ -1,386 +1,165 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["inputSpan", "offset", "inputType", "needWrapper", "enterType"];
-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 'antd/es/row/style';
-import _Row from 'antd/es/row';
-import 'antd/es/input/style';
-import _Input from 'antd/es/input';
-import 'antd/es/checkbox/style';
-import _Checkbox from 'antd/es/checkbox';
-import 'antd/es/auto-complete/style';
-import _AutoComplete from 'antd/es/auto-complete';
-import 'antd/es/col/style';
-import _Col from 'antd/es/col';
-import { b as styleInject, z as GeneralComponents_InputWithLabel, _ as _extends, o as MultipleInputWithLabel, p as MyDatePicker } from './index.js';
-import _values from 'lodash/values';
-import _cloneDeep from 'lodash/cloneDeep';
-import _isEmpty from 'lodash/isEmpty';
-import _filter from 'lodash/filter';
-import _indexOf from 'lodash/indexOf';
-import _set from 'lodash/set';
-import _map from 'lodash/map';
-import _get from 'lodash/get';
-import React, { useState, useRef, useEffect, Fragment } from 'react';
-import classnames from 'classnames';
-import { safe_json_parse } from '@lm_fe/utils';
-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/compact';
-import '@lm_fe/components';
-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 '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/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 'react-to-print';
-import 'lodash/concat';
-import 'lodash/reduce';
-import 'lodash/debounce';
-import 'lodash/pickBy';
-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 = ".checkbox-col {\n  min-width: 58px;\n}\n";
-var styles = css_248z;
-styleInject(css_248z);
-var Inner = function Inner(props) {
-  var _props$options = props.options,
-    options = _props$options === void 0 ? [] : _props$options,
-    type = props.type,
-    value = props.value,
-    onChange = props.onChange,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled;
-  var _useState = useState({}),
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useState, useEffect } from 'react';
+import { Row, Col } from 'antd';
+import { isEmpty, get, cloneDeep, set } from 'lodash';
+import { request } from '@lm_fe/utils';
+import { LazyAntd } from '@lm_fe/components';
+var Tree = LazyAntd.Tree,
+  TreeSelect = LazyAntd.TreeSelect,
+  Select = LazyAntd.Select,
+  Table = LazyAntd.Table,
+  Dropdown = LazyAntd.Dropdown,
+  Pagination = LazyAntd.Pagination;
+function DataSelectWithOptionsOrInput(props) {
+  var onChange = props.onChange,
+    value = props.value;
+  var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
-    __data = _useState2[0],
-    setData = _useState2[1];
-  var _useState3 = useState(0),
+    options = _useState2[0],
+    setOptions = _useState2[1];
+  var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
-    inputOffset = _useState4[0],
-    setInputOffset = _useState4[1];
-  var rowRef = useRef(null);
+    knowledgeList = _useState4[0],
+    setKnowledgeList = _useState4[1];
+  var _useState5 = useState({}),
+    _useState6 = _slicedToArray(_useState5, 2),
+    values = _useState6[0],
+    setValues = _useState6[1];
+  var handleChange = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(data) {
+      var res, listData, tempData;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return request.get("/api/women/healthcare/knowledge/getWomenHealthcareKnowledgePage/page?sort=id,desc&page=0&size=999&deleteFlag.equals=0&releaseType.equals=1&type.equals=".concat(Number(data)), {
+              headers: {
+                isLoading: false
+              }
+            });
+          case 2:
+            res = _context.sent;
+            listData = get(res.data, 'data.pageData');
+            tempData = cloneDeep(values);
+            setKnowledgeList(listData);
+            set(tempData, 'type', data);
+            setValues(tempData);
+            onChange && onChange(tempData);
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleChange(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var handleChange2 = function handleChange2(data, option) {
+    var tempData = cloneDeep(values);
+    set(tempData, 'content', get(option, 'label'));
+    set(tempData, 'id', get(option, 'id'));
+    setValues(tempData);
+    onChange && onChange(tempData);
+  };
   useEffect(function () {
-    !_isEmpty(value) && setData(safe_json_parse(value));
+    !isEmpty(value) && setValues(value);
   }, [value]);
   useEffect(function () {
-    var el = rowRef.current;
-    if (el && el['children']['length']) {
-      var colWidth = el['children'][0]['scrollWidth'];
-      var labelWidth = el['children'][0]['children'][0]['scrollWidth'];
-      setInputOffset(colWidth - labelWidth - 2);
-    }
-  }, [value]);
-  var handleBoxGroupChange = function handleBoxGroupChange(checkedValues) {
-    var tempData = _cloneDeep(__data);
-    var oldCheckedValues = _get(tempData, 'checkedValues');
-    var newCheckedValues = checkedValues;
-    if (type === 'single') {
-      newCheckedValues = _filter(checkedValues, function (item) {
-        return _indexOf(oldCheckedValues, item) === -1;
-      });
-      _set(tempData, 'withInputValues', {});
-    }
-    _set(tempData, 'checkedValues', newCheckedValues);
-    setData(tempData);
-    onChange && onChange(tempData);
-  };
-  var handleInputChange = function handleInputChange(inputType, option) {
-    return function (inputValue) {
-      var tempData = _cloneDeep(__data);
-      if (inputType === 'input') {
-        _set(tempData, "withInputValues.".concat(_get(option, 'value')), {
-          key: _get(option, 'value'),
-          value: {
-            0: inputValue
-          }
-        });
-      }
-      if (inputType === 'autoComplete') {
-        _set(tempData, "withInputValues.".concat(_get(option, 'value')), {
-          key: _get(option, 'value'),
-          value: {
-            0: inputValue
+    var subscribe = false;
+    var getData = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+        var knowledgeTypList, options;
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.next = 2;
+              return request.get("/api/dictionaries/287", {
+                headers: {
+                  isLoading: false
+                }
+              });
+            case 2:
+              knowledgeTypList = _context2.sent;
+              options = get(knowledgeTypList.data, 'enumerations');
+              if (!subscribe) {
+                setOptions(options);
+              }
+            case 5:
+            case "end":
+              return _context2.stop();
           }
-        });
-      }
-      if (inputType === 'multiple_input') {
-        _set(tempData, "withInputValues.".concat(_get(option, 'value')), {
-          key: _get(option, 'value'),
-          value: inputValue
-        });
-      }
-      if (inputType === 'checkbox') {
-        _set(tempData, "withInputValues.".concat(_get(option, 'value')), {
-          key: _get(option, 'value'),
-          value: inputValue
-        });
-      }
-      if (inputType === 'single_date_picker') {
-        _set(tempData, "withInputValues.".concat(_get(option, 'value')), {
-          key: _get(option, 'value'),
-          value: {
-            0: inputValue
-          }
-        });
-      }
-      setData(tempData);
-      onChange && onChange(tempData);
+        }, _callee2);
+      }));
+      return function getData() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+    getData();
+    return function () {
+      subscribe = true;
     };
-  };
-  var handleDoubleInputChange = function handleDoubleInputChange(e, option, optionValue) {
-    var tempData = _cloneDeep(__data);
-    var val = e.target.value;
-    _set(tempData, "withInputDoubleValues.".concat(_get(option, 'value')), _objectSpread(_objectSpread({}, _get(__data, "withInputDoubleValues.".concat(_get(option, 'value')))), {}, _defineProperty({}, "inputValue".concat(optionValue), val)));
-    setData(tempData);
-    onChange && onChange(tempData);
-  };
-  var renderInput = function renderInput(option) {
-    var _option$inputSpan = option.inputSpan,
-      inputSpan = _option$inputSpan === void 0 ? 6 : _option$inputSpan,
-      _option$offset = option.offset,
-      offset = _option$offset === void 0 ? 0 : _option$offset,
-      _option$inputType = option.inputType,
-      inputType = _option$inputType === void 0 ? 'input' : _option$inputType,
-      _option$needWrapper = option.needWrapper,
-      needWrapper = _option$needWrapper === void 0 ? false : _option$needWrapper,
-      _option$enterType = option.enterType,
-      enterType = _option$enterType === void 0 ? 'string' : _option$enterType,
-      others = _objectWithoutProperties(option, _excluded);
-    var checkedValues = __data.checkedValues,
-      withInputValues = __data.withInputValues,
-      withInputDoubleValues = __data.withInputDoubleValues;
-    if (_indexOf(checkedValues, option.value) > -1) {
-      // 简单的接一个 input
-      if (inputType === 'input') {
-        var inputValue = _get(withInputValues, "".concat(option.value, ".value.0"));
-        return /*#__PURE__*/React.createElement(_Col, {
-          span: inputSpan
-        }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(GeneralComponents_InputWithLabel, _extends({}, others, {
-          disabled: disabled,
-          className: classnames({
-            'global-issue-input': option.isIssue && _indexOf(_get(__data, 'checkedValues'), option.value) > -1
-          }),
-          type: enterType,
-          style: _get(option, 'exceptionStyle.inputStyle'),
-          onChange: handleInputChange(inputType, option),
-          value: inputValue
-        }))));
-      }
-      if (inputType === 'autoComplete') {
-        var _inputValue = _get(withInputValues, "".concat(option.value, ".value.0"));
-        return /*#__PURE__*/React.createElement(_Col, {
-          span: inputSpan
-        }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_AutoComplete, _extends({}, others, {
-          disabled: disabled,
-          className: classnames({
-            'global-issue-input': option.isIssue && _indexOf(_get(__data, 'checkedValues'), option.value) > -1
-          }),
-          type: enterType,
-          style: _get(option, 'exceptionStyle.inputStyle'),
-          onChange: handleInputChange(inputType, option),
-          value: _inputValue,
-          options: _get(option, 'inputOption')
-        }))));
-      }
-      // 接多个 checkbox
-      if (inputType === 'checkbox') {
-        var checkboxOptions = _get(option, 'options');
-        var boxValues = _values(_get(withInputValues, "".concat(_get(option, 'value'), ".value")));
-        return /*#__PURE__*/React.createElement(_Col, {
-          span: inputSpan,
-          style: {
-            display: 'flex'
-          }
-        }, /*#__PURE__*/React.createElement("span", {
-          style: {
-            display: 'inline-block',
-            marginRight: 4
-          }
-        }, "( "), /*#__PURE__*/React.createElement(_Checkbox.Group, {
-          style: {
-            width: 'auto'
-          },
-          disabled: disabled,
-          value: boxValues,
-          onChange: handleInputChange(inputType, option)
-        }, _map(checkboxOptions, function (checkboxOption, index) {
-          return /*#__PURE__*/React.createElement(React.Fragment, {
-            key: index
-          }, /*#__PURE__*/React.createElement(_Checkbox, {
-            key: index,
-            value: _get(checkboxOption, 'value'),
-            className: classnames({
-              'global-issue-checkbox': checkboxOption.isIssue && _indexOf(boxValues, checkboxOption.value) > -1
-            })
-          }, _get(checkboxOption, 'label')), _get(checkboxOption, 'withInput') && _indexOf(boxValues, checkboxOption.value) > -1 && /*#__PURE__*/React.createElement(_Input, {
-            style: {
-              width: 100,
-              marginRight: 8
-            },
-            onChange: function onChange(e) {
-              return handleDoubleInputChange(e, option, _get(checkboxOption, 'value'));
-            },
-            value: _get(withInputDoubleValues, "".concat(_get(withInputValues, "".concat(_get(option, 'value'), ".key")), ".inputValue").concat(index + 1))
-          }));
-        })), /*#__PURE__*/React.createElement("span", {
-          style: {
-            display: 'inline-block',
-            marginLeft: 4
-          }
-        }, " )"));
-      }
-      // 接多个 input
-      if (inputType === 'multiple_input') {
-        var inputOptions = _get(option, 'options');
-        var _inputValue2 = _get(withInputValues, "".concat(option.value, ".value"));
-        return /*#__PURE__*/React.createElement(_Col, {
-          span: inputSpan
-        }, /*#__PURE__*/React.createElement(MultipleInputWithLabel, {
-          disabled: disabled,
-          className: classnames({
-            'global-issue-multiple-input': option.isIssue && _indexOf(_get(__data, 'checkedValues'), option.value) > -1
-          }),
-          needWrapper: needWrapper,
-          options: inputOptions,
-          value: _inputValue2,
-          onChange: handleInputChange(inputType, option)
-        }));
-      }
-      // 新增 接一个时间选择器
-      if (inputType === 'single_date_picker') {
-        var dateValue = _get(withInputValues, "".concat(option.value, ".value.0"));
-        if (_get(props, 'options.1.labelBefore')) {
-          return /*#__PURE__*/React.createElement(_Col, {
-            span: inputSpan
-          }, /*#__PURE__*/React.createElement("div", {
-            style: {
-              display: 'flex',
-              alignItems: 'center'
-            }
-          }, /*#__PURE__*/React.createElement("span", {
-            style: _objectSpread({
-              display: 'inline-block',
-              marginLeft: 4,
-              marginRight: 4,
-              wordBreak: 'keep-all'
-            }, _get(props, 'labelBeforeStyle'))
-          }, _get(props, 'options.1.labelBefore')), /*#__PURE__*/React.createElement("div", {
-            style: {
-              width: '280px'
+  }, []);
+  useEffect(function () {
+    var subscribe = false;
+    if (get(value, 'type')) {
+      var _knowledgeList = [];
+      var getData = /*#__PURE__*/function () {
+        var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+          var res;
+          return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+            while (1) switch (_context3.prev = _context3.next) {
+              case 0:
+                _context3.next = 2;
+                return request.get("/api/women/healthcare/knowledge/getWomenHealthcareKnowledgePage/page?sort=id,desc&page=0&size=999&deleteFlag.equals=0&releaseType.equals=1&type.equals=".concat(Number(get(value, 'type'))), {
+                  headers: {
+                    isLoading: false
+                  }
+                });
+              case 2:
+                res = _context3.sent;
+                _knowledgeList = get(res, 'data.pageData');
+                if (!subscribe) {
+                  setKnowledgeList(_knowledgeList);
+                }
+              case 5:
+              case "end":
+                return _context3.stop();
             }
-          }, /*#__PURE__*/React.createElement(MyDatePicker, {
-            value: dateValue,
-            valueType: 'YYYY-MM-DD',
-            onChange: handleInputChange(inputType, option)
-          }))));
-        } else {
-          return /*#__PURE__*/React.createElement(_Col, {
-            span: inputSpan
-          }, /*#__PURE__*/React.createElement(MyDatePicker, {
-            value: dateValue,
-            valueType: 'YYYY-MM-DD',
-            onChange: handleInputChange(inputType, option)
-          }));
-        }
-      }
-    }
-    return /*#__PURE__*/React.createElement(React.Fragment, null);
-  };
-  return /*#__PURE__*/React.createElement(_Checkbox.Group, {
-    disabled: disabled,
-    value: _get(__data, 'checkedValues'),
-    onChange: handleBoxGroupChange
-  }, /*#__PURE__*/React.createElement(_Row, {
-    ref: rowRef
-  }, _map(options, function (option, index) {
-    var _option$span = option.span,
-      span = _option$span === void 0 ? 3 : _option$span,
-      _option$offset2 = option.offset,
-      offset = _option$offset2 === void 0 ? 0 : _option$offset2;
-    if (option.withInput) {
-      return /*#__PURE__*/React.createElement(Fragment, {
-        key: index
-      }, /*#__PURE__*/React.createElement(_Col, {
-        offset: offset,
-        className: styles["checkbox-col"],
-        style: {
-          display: 'flex',
-          alignItems: 'center'
-        }
-      }, /*#__PURE__*/React.createElement(_Checkbox, {
-        style: _indexOf(_get(__data, 'checkedValues'), option.value) > -1 ? _get(option, 'exceptionStyle.checkboxStyle') : {},
-        className: classnames({
-          'global-issue-checkbox': option.isIssue && _indexOf(_get(__data, 'checkedValues'), option.value) > -1
-        }),
-        value: option.value
-      }, option.label)), renderInput(option), /*#__PURE__*/React.createElement("span", {
-        style: {
-          marginRight: 12
-        }
-      }));
+          }, _callee3);
+        }));
+        return function getData() {
+          return _ref3.apply(this, arguments);
+        };
+      }();
+      getData();
     }
-    return /*#__PURE__*/React.createElement(_Col, {
-      offset: offset,
-      key: index,
-      className: "checkbox-col",
-      style: {
-        display: 'flex',
-        alignItems: 'center'
-      }
-    }, /*#__PURE__*/React.createElement(_Checkbox, {
-      className: classnames({
-        'global-issue-checkbox': option.isIssue && _indexOf(_get(__data, 'checkedValues'), option.value) > -1
-      }),
-      value: option.value
-    }, option.label));
-  })));
-};
-export { Inner as default };
-//# sourceMappingURL=.root71.js.map
+    return function () {
+      subscribe = true;
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(Select, {
+    value: get(value, 'type') && Number(get(value, 'type')),
+    options: options,
+    placeholder: "\u8BF7\u9009\u62E9\u77E5\u8BC6\u5E93\u7C7B\u578B",
+    onChange: handleChange
+  })), /*#__PURE__*/React.createElement(Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(Select, {
+    options: knowledgeList.map(function (_) {
+      return {
+        label: _.title,
+        value: _.content,
+        id: _.id
+      };
+    }),
+    placeholder: "\u8BF7\u9009\u62E9\u77E5\u8BC6\u5E93",
+    onChange: handleChange2,
+    value: get(value, 'content')
+  }))));
+}
+export { DataSelectWithOptionsOrInput as default };