@lm_fe/components_m 0.1.201 → 0.2.2

package/dist/a_chunks/.root40.js

@@ -1,273 +1,30 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["onResize", "width"];
 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 _isEmpty from 'lodash/isEmpty';
-import _get from 'lodash/get';
-import _cloneDeep from 'lodash/cloneDeep';
-import { LazyAntd } from '@lm_fe/components';
-import React, { useState, 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';
-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 '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 '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-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";
-styleInject(css_248z);
-var Tree = LazyAntd.Tree,
-  TreeSelect = LazyAntd.TreeSelect,
-  Select = LazyAntd.Select,
-  Table = LazyAntd.Table,
-  Dropdown = LazyAntd.Dropdown,
-  Pagination = LazyAntd.Pagination;
-var cols = [{
-  dataIndex: 'name',
-  title: '',
-  align: 'center',
-  editable: false,
-  width: 120
-}, {
-  dataIndex: 'wbc',
-  title: 'WBC(x10⁹/L)',
-  align: 'center',
-  editable: true,
-  width: 100
-}, {
-  dataIndex: 'rbc',
-  title: 'RBC(x10¹²/L)',
-  align: 'center',
-  editable: true,
-  width: 100
-}, {
-  dataIndex: 'hgb',
-  title: 'HGB(g/L)',
-  align: 'center',
-  editable: true,
-  width: 100
-}, {
-  dataIndex: 'hct',
-  title: 'HCT',
-  align: 'center',
-  editable: true,
-  width: 100
-}, {
-  dataIndex: 'plt',
-  title: 'PLT(x10⁹/L)',
-  align: 'center',
-  editable: true,
-  width: 100
-}, {
-  dataIndex: 'ret',
-  title: '网织红(%)',
-  align: 'center',
-  editable: true,
-  width: 100
-}, {
-  dataIndex: 'nrbc',
-  title: '有核红(x10⁹/L)',
-  align: 'center',
-  editable: true,
-  width: 100
-}, {
-  dataIndex: 'bilirubin',
-  title: '胆红素(mmo/L)',
-  align: 'center',
-  editable: true,
-  width: 100
-}, {
-  dataIndex: 'coombs',
-  title: "Coomb's",
-  align: 'center',
-  editable: true,
-  width: 100
-}];
-var index = function index(props) {
-  var onChange = props.onChange;
-  var _useState = useState(cols),
-    _useState2 = _slicedToArray(_useState, 2),
-    columns = _useState2[0],
-    setColumns = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    datasource = _useState4[0],
-    setDatasource = _useState4[1];
-  useEffect(function () {
-    console.log(props.value);
-    var newDatasource = [{
-      key: 'pdPreHemogram',
-      name: '术前血象（胎）',
-      wbc: _get(props.value, 'pdPreHemogram.wbc'),
-      rbc: _get(props.value, 'pdPreHemogram.rbc'),
-      hgb: _get(props.value, 'pdPreHemogram.hgb'),
-      hct: _get(props.value, 'pdPreHemogram.hct'),
-      plt: _get(props.value, 'pdPreHemogram.plt'),
-      ret: _get(props.value, 'pdPreHemogram.ret'),
-      nrbc: _get(props.value, 'pdPreHemogram.nrbc'),
-      bilirubin: _get(props.value, 'pdPreHemogram.bilirubin'),
-      coombs: _get(props.value, 'pdPreHemogram.coombs')
-    }, {
-      key: 'pdPreHemogramBank',
-      name: '术前血象（库血）',
-      wbc: _get(props.value, 'pdPreHemogramBank.wbc'),
-      rbc: _get(props.value, 'pdPreHemogramBank.rbc'),
-      hgb: _get(props.value, 'pdPreHemogramBank.hgb'),
-      hct: _get(props.value, 'pdPreHemogramBank.hct'),
-      plt: _get(props.value, 'pdPreHemogramBank.plt'),
-      ret: _get(props.value, 'pdPreHemogramBank.ret'),
-      nrbc: _get(props.value, 'pdPreHemogramBank.nrbc'),
-      coombs: _get(props.value, 'pdPreHemogramBank.coombs'),
-      bilirubin: _get(props.value, 'pdPreHemogramBank.bilirubin')
-    }, {
-      key: 'pdPostHemogram',
-      name: '术后血象（胎）',
-      wbc: _get(props.value, 'pdPostHemogram.wbc'),
-      rbc: _get(props.value, 'pdPostHemogram.rbc'),
-      hgb: _get(props.value, 'pdPostHemogram.hgb'),
-      hct: _get(props.value, 'pdPostHemogram.hct'),
-      plt: _get(props.value, 'pdPostHemogram.plt'),
-      ret: _get(props.value, 'pdPostHemogram.ret'),
-      nrbc: _get(props.value, 'pdPostHemogram.nrbc'),
-      coombs: _get(props.value, 'pdPostHemogram.coombs'),
-      bilirubin: _get(props.value, 'pdPostHemogram.bilirubin')
-    }];
-    setDatasource(newDatasource);
-    setColumns(_updateColumns(columns));
-  }, [props.value]);
-  var _updateColumns = function updateColumns(data) {
-    return _map(data, function (column, index) {
-      var editable = column.editable,
-        inputType = column.inputType,
-        dataIndex = column.dataIndex,
-        inputProps = column.inputProps,
-        children = column.children;
-      if (!_isEmpty(children)) {
-        return _objectSpread(_objectSpread({}, column), {}, {
-          dataIndex: dataIndex,
-          children: _updateColumns(children)
-        });
+import React from 'react';
+import { Resizable } from 'react-resizable';
+var ResizableTitle = function ResizableTitle(props) {
+  var onResize = props.onResize,
+    width = props.width,
+    restProps = _objectWithoutProperties(props, _excluded);
+  if (!width) {
+    return /*#__PURE__*/React.createElement("th", _objectSpread({}, restProps));
+  }
+  return /*#__PURE__*/React.createElement(Resizable, {
+    width: width,
+    height: 0,
+    handle: /*#__PURE__*/React.createElement("span", {
+      className: "react-resizable-handle",
+      onClick: function onClick(e) {
+        e.stopPropagation();
       }
-      if (!editable) {
-        return column;
-      }
-      return _objectSpread(_objectSpread({}, column), {}, {
-        render: function render(value, rowData, rowIndex) {
-          return editable ? /*#__PURE__*/React.createElement(BaseFormComponent, _extends({}, inputProps, {
-            key: rowIndex,
-            size: "small",
-            inputType: inputType,
-            value: value,
-            onChange: handleChange({
-              dataIndex: dataIndex,
-              inputType: inputType,
-              rowIndex: rowIndex
-            })
-          })) : value;
-        }
-      });
-    });
-  };
-  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 'input_number':
-          value = event;
-          break;
-      }
-      var outData = _cloneDeep(props.value);
-      if (rowIndex === 0) {
-        _set(outData, "pdPreHemogram.".concat(dataIndex), value);
-      } else if (rowIndex === 1) {
-        _set(outData, "pdPreHemogramBank.".concat(dataIndex), value);
-      } else if (rowIndex === 2) {
-        _set(outData, "pdPostHemogram.".concat(dataIndex), value);
-      }
-      console.log(outData);
-      onChange && onChange(outData);
-    };
-  };
-  return /*#__PURE__*/React.createElement(Table, {
-    size: "small",
-    className: "blood-and-thalassemia",
-    bordered: true,
-    columns: columns,
-    dataSource: datasource,
-    pagination: false
-  });
+    }),
+    onResize: onResize,
+    draggableOpts: {
+      enableUserSelectHack: false
+    }
+  }, /*#__PURE__*/React.createElement("th", _objectSpread({}, restProps)));
 };
-export { index as default };
-//# sourceMappingURL=.root40.js.map
+export { ResizableTitle as default };

package/dist/a_chunks/.root41.js

@@ -1,22 +1,316 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import 'antd/es/button/style';
-import _Button from 'antd/es/button';
-import React, { useState } from 'react';
-function MyButton(props) {
-  var _useState = useState('全部正常'),
+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 React, { useState, useRef, useEffect, Fragment } from 'react';
+import { Checkbox, Row, Col, AutoComplete, Input } from 'antd';
+import { isEmpty, get, map, indexOf, cloneDeep, filter, set, values } from 'lodash';
+import { a as styleInject, r as GeneralComponents_InputWithLabel, t as MultipleInputWithLabel, v as MyDatePicker } from './index.js';
+import classnames from 'classnames';
+import { safe_json_parse } from '@lm_fe/utils';
+import '@lm_fe/provoke';
+import '@lm_fe/components';
+import 'dayjs';
+import '@lm_fe/env';
+import '@lm_fe/service';
+import 'reconnecting-websocket';
+import 'store';
+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({}),
     _useState2 = _slicedToArray(_useState, 2),
-    words = _useState2[0],
-    setWords = _useState2[1];
-  var handleClick = function handleClick(item) {
-    props.onClick(item);
-    words === '全部正常' ? setWords('取消全选') : setWords('全部正常');
+    __data = _useState2[0],
+    setData = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    inputOffset = _useState4[0],
+    setInputOffset = _useState4[1];
+  var rowRef = useRef(null);
+  useEffect(function () {
+    !isEmpty(value) && setData(safe_json_parse(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
+          }
+        });
+      }
+      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);
+    };
+  };
+  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, _objectSpread(_objectSpread({}, 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, _objectSpread(_objectSpread({}, 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'
+            }
+          }, /*#__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(_Button, {
-    disabled: props.disabled,
-    onClick: function onClick() {
-      return handleClick(words);
+  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
+        }
+      }));
     }
-  }, words);
-}
-export { MyButton as default };
-//# sourceMappingURL=.root41.js.map
+    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 };