@lm_fe/components_m 0.1.201 → 0.2.2

package/dist/a_chunks/.root77.js

@@ -1,336 +1,148 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-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; }
-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/button/style';
-import _Button from 'antd/es/button';
-import 'antd/es/row/style';
-import _Row from 'antd/es/row';
-import 'antd/es/input-number/style';
-import _InputNumber from 'antd/es/input-number';
-import 'antd/es/col/style';
-import _Col from 'antd/es/col';
-import 'antd/es/form/style';
-import _Form from 'antd/es/form';
-import { i as BaseFormComponent, _ as _extends } from './index.js';
-import _set from 'lodash/set';
-import _map from 'lodash/map';
-import _join from 'lodash/join';
-import _isEqual from 'lodash/isEqual';
-import _isEmpty from 'lodash/isEmpty';
-import _isArray from 'lodash/isArray';
-import _indexOf from 'lodash/indexOf';
-import _get from 'lodash/get';
-import _filter from 'lodash/filter';
-import _cloneDeep from 'lodash/cloneDeep';
-import { DatePicker_L, LazyAntd } from '@lm_fe/components';
-import { formatDate } from '@lm_fe/utils';
-import dayjs from 'dayjs';
-import React, { Component } from 'react';
-import { c as columnsConfig } from './index3.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/style';
-import 'antd/es/input';
-import 'lodash/compact';
+import React, { useState, useEffect } from 'react';
+import { get, isEmpty, isNil } from 'lodash';
+import { ah as CheckboxWithInput } from './index.js';
+import { safe_json_parse } from '@lm_fe/utils';
+import '@lm_fe/provoke';
+import '@lm_fe/components';
+import 'antd';
 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/switch/style';
-import 'antd/es/switch';
-import 'lodash/identity';
+import 'dayjs';
+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 '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 'antd/es/radio/style';
-import 'antd/es/radio';
-import 'lodash/last';
-import 'lodash/toUpper';
-import './common-table-item.js';
-var Tree = LazyAntd.Tree,
-  TreeSelect = LazyAntd.TreeSelect,
-  Select = LazyAntd.Select,
-  Table = LazyAntd.Table,
-  Dropdown = LazyAntd.Dropdown,
-  Pagination = LazyAntd.Pagination;
-var layout = {
-  labelCol: {
-    span: 12
-  },
-  wrapperCol: {
-    span: 12
-  }
-};
-var PdProcedure = /*#__PURE__*/function (_Component) {
-  function PdProcedure(props) {
-    var _this;
-    _classCallCheck(this, PdProcedure);
-    _this = _callSuper(this, PdProcedure, [props]);
-    _defineProperty(_this, "columns", void 0);
-    _defineProperty(_this, "formatColumns", function (columns) {
-      var onChange = _this.props.onChange;
-      var _this$state = _this.state,
-        editingCol = _this$state.editingCol,
-        editingRow = _this$state.editingRow,
-        editingValue = _this$state.editingValue,
-        dataSource = _this$state.dataSource;
-      return _map(columns, function (column) {
-        var editable = column.editable,
-          inputType = column.inputType,
-          dataIndex = column.dataIndex,
-          inputProps = column.inputProps,
-          children = column.children;
-        if (!_isEmpty(children)) {
-          return _objectSpread(_objectSpread({}, column), {}, {
-            children: _this.formatColumns(children)
-          });
-        }
-        if (!editable) {
-          return column;
-        }
-        return _objectSpread(_objectSpread({}, column), {}, {
-          render: function render(value, rowData, rowIndex) {
-            var renderValue = value;
-            if (['single_date_picker'].indexOf(inputType) > -1) {
-              renderValue = dayjs(value, 'YYYY-MM-DD');
-            }
-            return editingCol === dataIndex && editingRow === rowIndex && editable ? /*#__PURE__*/React.createElement(BaseFormComponent, _extends({}, inputProps, {
-              inputProps: inputProps,
-              key: rowIndex,
-              size: "small",
-              inputType: inputType,
-              value: editingValue ? editingValue : renderValue,
-              autoFocus: true,
-              defaultOpen: true,
-              onBlur: function onBlur() {
-                _this.setState({
-                  editingRow: undefined,
-                  editingCol: undefined,
-                  editingValue: undefined
-                });
-                var path = dataIndex;
-                if (_isArray(dataIndex)) {
-                  path = _join(dataIndex, '.');
-                }
-                var data = _cloneDeep(dataSource);
-                _set(data, "".concat(rowIndex, ".").concat(path), editingValue);
-                onChange && onChange(data);
-              },
-              onChange: _this.handleItemChange({
-                dataIndex: dataIndex,
-                inputType: inputType,
-                rowIndex: rowIndex
-              })
-            })) : /*#__PURE__*/React.createElement("span", {
-              className: "custom-table-cell",
-              onClick: function onClick() {
-                _this.setState({
-                  editingRow: rowIndex,
-                  editingCol: dataIndex,
-                  editingValue: value
-                });
-              }
-            }, value);
-          }
-        });
-      });
-    });
-    _defineProperty(_this, "handleItemChange", function (_ref) {
-      var dataIndex = _ref.dataIndex,
-        inputType = _ref.inputType,
-        rowIndex = _ref.rowIndex;
-      return function (event) {
-        var value = event;
-        switch (inputType) {
-          case 'input':
-            value = _get(event, 'target.value');
-            break;
-          case 'date':
-          case 'single_date_picker':
-            value = formatDate(value, 'YYYY-MM-DD');
-            break;
-        }
-        _this.setState({
-          editingValue: value
-        });
-      };
-    });
-    _defineProperty(_this, "handleAdd", function () {
-      var dataSource = _this.state.dataSource;
-      _this.setState({
-        dataSource: [].concat(_toConsumableArray(dataSource), [{
-          key: Math.random()
-        }])
-      });
+
+// 接收格式
+/**
+ * {
+ *  key: '',
+ *  keyNote: ''
+ * }
+ */
+var NormalCheckboxWithInput = function NormalCheckboxWithInput(props) {
+  var _get;
+  var config = get(props, 'config');
+  get(props, 'config.key');
+  var specialConfig = (_get = get(config, 'specialConfig')) !== null && _get !== void 0 ? _get : safe_json_parse(get(config, 'special_config'));
+  var options = get(specialConfig, 'options');
+  var type = get(specialConfig, 'type');
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    data = _useState2[0],
+    setData = _useState2[1];
+  useEffect(function () {
+    var value = props.value;
+    !isEmpty(value) && setData({
+      checkedValues: !isNil(get(value, 'key')) && [get(value, 'key')],
+      withInputValues: get(value, 'keyNote') && getKetNote(get(value, 'keyNote'))
     });
-    _defineProperty(_this, "handleRowSelectChange", function (selectedRowKeys) {
-      _this.setState({
-        selectedRowKeys: selectedRowKeys
-      });
-    });
-    _defineProperty(_this, "handlePatchDelete", function () {
-      var _this$state2 = _this.state,
-        selectedRowKeys = _this$state2.selectedRowKeys,
-        dataSource = _this$state2.dataSource;
-      var newDataSource = _filter(dataSource, function (data) {
-        return _indexOf(selectedRowKeys, data.key) === -1;
-      });
-      _this.setState({
-        dataSource: newDataSource
-      });
-    });
-    var tableColumnName = _get(props, 'input_props.tableColumnName');
-    _this.state = {
-      dataSource: [],
-      selectedRowKeys: [],
-      editingCol: undefined,
-      editingRow: undefined,
-      editingValue: undefined
-    };
-    _this.columns = columnsConfig[tableColumnName];
-    return _this;
-  }
-  _inherits(PdProcedure, _Component);
-  return _createClass(PdProcedure, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      var value = this.props.value;
-      console.log(value);
-      if (!_isEqual(prevProps.value, value)) {
-        this.setState({
-          dataSource: _map(value, function (item) {
-            return _objectSpread(_objectSpread({}, item), {}, {
-              key: _get(item, 'key') || _get(item, 'id')
-            });
-          })
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _onChange = this.props.onChange;
-      var _this$state3 = this.state,
-        dataSource = _this$state3.dataSource,
-        selectedRowKeys = _this$state3.selectedRowKeys;
-      var columns = this.formatColumns(this.columns);
-      return /*#__PURE__*/React.createElement("div", {
-        className: "pd-procedure"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "pd-procedure-normal"
-      }, /*#__PURE__*/React.createElement(_Row, null, /*#__PURE__*/React.createElement(_Col, {
-        span: 6
-      }, /*#__PURE__*/React.createElement(_Form.Item, _extends({
-        label: "\u5F00\u59CB\u65F6\u95F4"
-      }, layout), /*#__PURE__*/React.createElement(DatePicker_L, {
-        size: "small",
-        format: "HH:mm",
-        value: _get(dataSource, '0.startTime') ? dayjs(_get(dataSource, '0.startTime'), 'HH:mm') : null,
-        onChange: function onChange(value) {
-          var startTime = dayjs(value).format('HH:mm').toString();
-          console.log(startTime);
-          var result = _cloneDeep(dataSource);
-          _set(result, '0.startTime', startTime);
-          _onChange && _onChange(result);
-        }
-      }))), /*#__PURE__*/React.createElement(_Col, {
-        span: 6
-      }, /*#__PURE__*/React.createElement(_Form.Item, _extends({
-        label: "\u7ED3\u675F\u65F6\u95F4"
-      }, layout), /*#__PURE__*/React.createElement(DatePicker_L, {
-        size: "small",
-        format: "HH:mm",
-        value: _get(dataSource, '0.endTime') ? dayjs(_get(dataSource, '0.endTime'), 'HH:mm') : null,
-        onChange: function onChange(value) {
-          var minutes = dayjs(value, 'HH:mm').diff(dayjs(_get(dataSource, '0.startTime'), 'HH:mm'), 'minutes');
-          var endTime = dayjs(value).format('HH:mm').toString();
-          var result = _cloneDeep(dataSource);
-          _set(result, '0.endTime', endTime);
-          _set(result, '0.duration', minutes);
-          _onChange && _onChange(result);
-        }
-      }))), /*#__PURE__*/React.createElement(_Col, {
-        span: 6
-      }, /*#__PURE__*/React.createElement(_Form.Item, _extends({
-        label: "\u6301\u7EED\u65F6\u95F4"
-      }, layout), /*#__PURE__*/React.createElement(_InputNumber, {
-        size: "small",
-        value: _get(dataSource, '0.duration'),
-        onChange: function onChange(value) {
-          var result = _cloneDeep(dataSource);
-          _set(result, '0.duration', value);
-          _onChange && _onChange(result);
-        }
-      }))))), /*#__PURE__*/React.createElement("div", {
-        className: "pd-procedure-table"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "pd-procedure-table__header"
-      }, /*#__PURE__*/React.createElement(_Button, {
-        onClick: this.handleAdd
-      }, "\u65B0\u589E"), /*#__PURE__*/React.createElement(_Button, {
-        disabled: _isEmpty(selectedRowKeys),
-        onClick: this.handlePatchDelete
-      }, "\u5220\u9664")), /*#__PURE__*/React.createElement(Table, {
-        rowSelection: {
-          selectedRowKeys: selectedRowKeys,
-          onChange: this.handleRowSelectChange
-        },
-        size: "small",
-        bordered: true,
-        columns: columns,
-        dataSource: dataSource,
-        pagination: false,
-        scroll: {
-          x: '100vw'
-        }
-      })));
+  }, [props.value]);
+  var getKetNote = function getKetNote(value) {
+    try {
+      var obj = JSON.parse(value);
+      return obj;
+    } catch (e) {
+      return value;
     }
-  }]);
-}(Component);
-export { PdProcedure as default };
-//# sourceMappingURL=.root77.js.map
+  };
+  // const options = [
+  //   { value: 0, label: '完整', span: 3, withInput: false },
+  //   {
+  //     value: 1,
+  //     label: '切开',
+  //     withInput: true,
+  //     inputType: 'checkbox',
+  //     inputSpan: 6,
+  //     span: 3,
+  //     options: [
+  //       { value: 2, label: '侧切' },
+  //       { value: 3, label: '直切' },
+  //     ],
+  //   },
+  //   {
+  //     value: 4,
+  //     label: '破裂',
+  //     withInput: true,
+  //     inputType: 'checkbox',
+  //     inputSpan: 6,
+  //     span: 3,
+  //     options: [
+  //       { value: 5, label: 'Ⅰ°' },
+  //       { value: 6, label: 'Ⅱ°' },
+  //       { value: 7, label: 'Ⅲ°' },
+  //     ],
+  //   },
+  //   { value: 8, label: '其它', inputSpan: 4, span: 3, withInput: true },
+  // ];
+  // const type = 'single';
+  // 单选
+  // const value = {
+  //   checkedValues: [1],
+  // };
+  // 单选/多选带输入框
+  // const value = {
+  //   checkedValues: [1, 2],
+  //   withInputValues: {
+  //     1: {
+  //       key: 1,
+  //       value: {
+  //         0: 123,
+  //       },
+  //     },
+  //     2: {
+  //       key: 2,
+  //       value: {
+  //         0: 'zzzz',
+  //       },
+  //     },
+  //   },
+  // };
+  // 单选/多选带多个输入框
+  // const value = {
+  //   checkedValues: [1],
+  //   withInputValues: {
+  //     1: {
+  //       key: 1,
+  //       value: {
+  //         0: '123',
+  //         1: 999,
+  //         2: 'zzz',
+  //       },
+  //     },
+  //     2: {
+  //       key: 2,
+  //       value: {
+  //         0: 'zzzz',
+  //       },
+  //     },
+  //   },
+  // };
+  // 多选带 CheckBox 和输入框混合
+  // const value = {
+  //   checkedValues: [1],
+  //   withInputValues: {
+  //     1: {
+  //       key: 1,
+  //       value: [2]
+  //     },
+  //   },
+  // };
+  var handleChange = function handleChange(callbackData) {
+    var onChange = props.onChange;
+    onChange && onChange({
+      key: get(callbackData, 'checkedValues.0'),
+      keyNote: JSON.stringify(get(callbackData, 'withInputValues'))
+    });
+  };
+  return /*#__PURE__*/React.createElement(CheckboxWithInput, _objectSpread(_objectSpread({}, props), {}, {
+    type: type,
+    options: options,
+    onChange: handleChange,
+    value: data
+  }));
+};
+export { NormalCheckboxWithInput as default };