@lm_fe/components_m 0.1.201 → 0.2.2

package/dist/a_chunks/.root10.js

@@ -1,339 +1,144 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["tip", "disabled", "actionConfig", "formDescriptions", "targetLabelCol", "span", "value", "form", "onChange", "marshal", "addBtnStyle", "on_row_value_change", "rowKey", "genRowData"];
 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/checkbox/style';
-import _Checkbox from 'antd/es/checkbox';
-import { o as MultipleInputWithLabel, p as MyDatePicker, A as ArrayInput, q as MyAutoComplete, r as MySelect, t as MyInputNumber, b as styleInject, u as parse_MC_option, v as getMarshal, w as parseValue, _ as _extends, x as parse_MC_value } from './index.js';
-import _size from 'lodash/size';
-import _map from 'lodash/map';
-import _isNil from 'lodash/isNil';
-import _cloneDeep from 'lodash/cloneDeep';
-import { numberLikeCompare } from '@lm_fe/utils';
-import classnames from 'classnames';
-import React, { useState, useRef, useEffect } from 'react';
-import MyCheckbox_DisplayFC from './.root11.js';
-import { pack_components } from '@lm_fe/components';
-import 'antd/es/button/style';
-import 'antd/es/button';
-import 'antd/es/input/style';
-import 'antd/es/input';
-import 'antd/es/input-number/style';
-import 'antd/es/input-number';
-import 'antd/es/switch/style';
-import 'antd/es/switch';
-import '@lm_fe/env';
-import 'lodash/set';
-import 'lodash/isObject';
-import 'lodash/get';
-import 'lodash/keys';
-import 'lodash/keyBy';
-import 'lodash/isEmpty';
+import { uuid } from '@lm_fe/utils';
+import { Divider, Button } from 'antd';
+import React, { useRef, useEffect } from 'react';
+import { MyIcon } from '@lm_fe/components';
+import { u as useMarshal, _ as __MyFormSection_Inner_PRE, m as RenderEditItemStandalone, f as formatFormConfig } from './index.js';
+import '@lm_fe/provoke';
+import 'classnames';
 import 'dayjs';
+import 'lodash';
+import '@lm_fe/env';
 import '@lm_fe/service';
-import 'lodash/isFunction';
-import '@ant-design/icons';
-import 'antd/es/spin/style';
-import 'antd/es/spin';
-import 'antd/es/space/style';
-import 'antd/es/space';
-import 'lodash/indexOf';
-import 'lodash/compact';
-import 'lodash/isString';
-import 'lodash/isNumber';
-import 'lodash/isBoolean';
-import 'antd/es/divider/style';
-import 'antd/es/divider';
-import 'antd/es/form/style';
-import 'antd/es/form';
-import 'lodash/join';
-import 'lodash/isEqual';
-import 'lodash/isArray';
-import 'lodash/identity';
-import 'antd/es/tooltip/style';
-import 'antd/es/tooltip';
-import 'antd/es/message/style';
-import 'antd/es/message';
-import 'lodash/has';
-import 'antd/es/modal/style';
-import 'antd/es/modal';
-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 components = _objectSpread(_objectSpread({
-  MultipleInputWithLabel: MultipleInputWithLabel,
-  // InputWithLabel: GeneralComponents_InputWithLabel,
-  DatePicker: MyDatePicker,
-  CheckboxWithInput: '_',
-  MyCheckbox: '_',
-  MC: '_',
-  Checkbox: '_',
-  ArrayInput: ArrayInput,
-  MArr: ArrayInput
-}, pack_components), {}, {
-  MA: MyAutoComplete,
-  MyAutoComplete: MyAutoComplete,
-  Select: MySelect,
-  MySelect: MySelect,
-  MS: MySelect,
-  InputNumber: MyInputNumber,
-  MyInputNumber: MyInputNumber
-});
-var css_248z = ".index-module_wrapper__Qgk7L input {\n  padding: 0 !important;\n  border-top: none !important;\n  border-left: none !important;\n  border-right: none !important;\n}\n.index-module_wrapper__Qgk7L .ant-select-selector {\n  padding: 0 !important;\n  border-top: none !important;\n  border-left: none !important;\n  border-right: none !important;\n}\n.index-module_wrapper__Qgk7L .ant-select-selection-search-input {\n  padding: 0 !important;\n  border-top: none !important;\n  border-left: none !important;\n  border-right: none !important;\n}\n.index-module_block-box__fln1p {\n  display: block !important;\n}\n.index-module_block-box__fln1p > div {\n  margin-bottom: 6px;\n}\n.index-module_flex-box__rarD9 {\n  display: flex;\n}\n.index-module_warning__1BGEh .ant-checkbox-checked .ant-checkbox-inner {\n  background: red !important;\n  border-color: red !important;\n}\n.index-module_warning__1BGEh .ant-input {\n  color: red !important;\n  border-color: red !important;\n}\n.index-module_warning__1BGEh .ant-select-selection-search-input {\n  border-color: red !important;\n}\n";
-var styles = {
-  "wrapper": "index-module_wrapper__Qgk7L",
-  "block-box": "index-module_block-box__fln1p",
-  "flex-box": "index-module_flex-box__rarD9",
-  "warning": "index-module_warning__1BGEh"
-};
-styleInject(css_248z);
-var _MyCheckbox = function MyCheckbox(MyCheckboxProps) {
-  var _MyCheckboxProps$type = MyCheckboxProps.type,
-    type = _MyCheckboxProps$type === void 0 ? 'single' : _MyCheckboxProps$type,
-    value = MyCheckboxProps.value,
-    onChange = MyCheckboxProps.onChange,
-    _MyCheckboxProps$disa = MyCheckboxProps.disabled,
-    disabled = _MyCheckboxProps$disa === void 0 ? false : _MyCheckboxProps$disa,
-    _onBlur = MyCheckboxProps.onBlur,
-    _MyCheckboxProps$inpu = MyCheckboxProps.inputWidth,
-    inputWidth = _MyCheckboxProps$inpu === void 0 ? 64 : _MyCheckboxProps$inpu,
-    _MyCheckboxProps$vert = MyCheckboxProps.vertical,
-    vertical = _MyCheckboxProps$vert === void 0 ? false : _MyCheckboxProps$vert;
-  var options = parse_MC_option(MyCheckboxProps);
-  var longOptions = options.length > 2;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    __data = _useState2[0],
-    setData = _useState2[1];
-  var marshal = getMarshal(MyCheckboxProps, value);
-  var forcusInfo = useRef({});
-  // mchcEnv.logger.log('MyCheckbox', { MyCheckboxProps, options, __data })
-  useEffect(function () {
-    var _value = parseValue(value, marshal, type);
-    setData(_value);
-    // if (isNil(value)) {
-    //   setData([]);
-    // } else {
-    //   const d = marshal ? safe_json_parse(value, []) : (type === 'single' ? [{ value }] : (value?.split?.(',')?.filter?.(_ => !isNil(_))?.map?.(value => ({ value })) ?? []))
-    //   setData(Array.isArray(d) ? d : []);
-    // }
-  }, [value]);
-  function safe_onChange(changedValue) {
-    // if (!changedValue.length) {
-    //   return onChange?.(undefined)
-    // }
-    // const v = marshal ? (Number(marshal) == 2 ? changedValue : JSON.stringify(changedValue,)) : (type === 'single' ? (changedValue[0]?.value ?? null) : changedValue.map(_ => _.value).join(','))
-    // console.log('abc', changedValue, marshal, v)
-    var v = parse_MC_value(MyCheckboxProps, changedValue);
-    onChange === null || onChange === void 0 || onChange(v);
+var ArrayPanel = function ArrayPanel(props) {
+  var tip = props.tip,
+    disabled = props.disabled,
+    _props$actionConfig = props.actionConfig,
+    actionConfig = _props$actionConfig === void 0 ? {} : _props$actionConfig,
+    _props$formDescriptio = props.formDescriptions,
+    formDescriptions = _props$formDescriptio === void 0 ? [] : _props$formDescriptio,
+    _props$targetLabelCol = props.targetLabelCol,
+    targetLabelCol = _props$targetLabelCol === void 0 ? 4 : _props$targetLabelCol,
+    _props$span = props.span,
+    span = _props$span === void 0 ? 6 : _props$span,
+    value = props.value,
+    form = props.form,
+    onChange = props.onChange,
+    _props$marshal = props.marshal,
+    marshal = _props$marshal === void 0 ? 1 : _props$marshal,
+    _props$addBtnStyle = props.addBtnStyle,
+    addBtnStyle = _props$addBtnStyle === void 0 ? {} : _props$addBtnStyle,
+    on_row_value_change = props.on_row_value_change,
+    _props$rowKey = props.rowKey,
+    rowKey = _props$rowKey === void 0 ? '_key' : _props$rowKey,
+    genRowData = props.genRowData,
+    others = _objectWithoutProperties(props, _excluded);
+  var defaultValue = useRef([]);
+  var _useMarshal = useMarshal(marshal, value !== null && value !== void 0 ? value : defaultValue.current, onChange, 'ArrayPanel'),
+    _useMarshal$safe_valu = _useMarshal.safe_value,
+    safe_value = _useMarshal$safe_valu === void 0 ? [] : _useMarshal$safe_valu,
+    set_safe_value = _useMarshal.set_safe_value,
+    onChangeSafeValue = _useMarshal.onChangeSafeValue;
+  useEffect(function () {}, []);
+  function genDefaultData() {
+    var _genRowData;
+    var userData = (_genRowData = genRowData === null || genRowData === void 0 ? void 0 : genRowData(safe_value)) !== null && _genRowData !== void 0 ? _genRowData : {};
+    return _objectSpread(_objectSpread({}, userData), {}, _defineProperty({}, rowKey, uuid()));
   }
-  var handleBoxGroupChange = function handleBoxGroupChange() {
-    var checkedValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    var hasExclusiveItem = checkedValues.filter(function (v) {
-      return !isChecked(v);
-    }).find(function (v) {
-      var option = options.find(function (o) {
-        return o.value === v;
-      });
-      return option === null || option === void 0 ? void 0 : option.exclusive;
-    });
-    var values = !_isNil(hasExclusiveItem) ? [hasExclusiveItem] : checkedValues.filter(function (v) {
-      var _options$find;
-      return !((_options$find = options.find(function (_) {
-        return _.value === v;
-      })) !== null && _options$find !== void 0 && _options$find.exclusive);
-    });
-    var changedData = values.filter(function (v) {
-      return type === 'multiple' ? true : !isChecked(v);
-    }).map(function (v) {
-      var _old$text;
-      var option = options.find(function (o) {
-        return o.value === v;
-      });
-      var old = __data.find(function (d) {
-        return d.value === v;
-      });
-      return {
-        value: option === null || option === void 0 ? void 0 : option.value,
-        label: option === null || option === void 0 ? void 0 : option.label,
-        text: (_old$text = old === null || old === void 0 ? void 0 : old.text) !== null && _old$text !== void 0 ? _old$text : undefined
-      };
-    });
-    setData(changedData);
-    safe_onChange(changedData);
-  };
-  var handleInputChange = function handleInputChange(option) {
-    return function (inputValue) {
-      var tempData = _cloneDeep(__data);
-      var target = tempData.find(function (d) {
-        return d.value === option.value;
-      });
-      if (!target) return;
-      target.text = inputValue;
-      setData(tempData);
-      safe_onChange(tempData);
-    };
-  };
-  var renderInput = function renderInput(option) {
-    var _option$props, _props$style;
-    var inputType = option.inputType;
-    var targetData = __data.find(function (d) {
-      return d.value === option.value;
-    });
-    if (!targetData || !inputType) return null;
-    var C = components[inputType];
-    C = C === '_' ? _MyCheckbox : C;
-    var inputValue = targetData.text;
-    var props = (_option$props = option.props) !== null && _option$props !== void 0 ? _option$props : {};
-    var style = (_props$style = props.style) !== null && _props$style !== void 0 ? _props$style : {};
-    if (['MyInput', 'Input', 'input', 'MA', 'MyAutoComplete'].includes(inputType)) {
-      style = _objectSpread({
-        width: inputWidth * (longOptions ? 1 : 2)
-      }, style);
-    }
-    if (['Select', 'MS', 'MySelect'].includes(inputType)) {
-      style = _objectSpread({
-        minWidth: inputWidth * (longOptions ? 1 : 2)
-      }, style);
-    }
-    return C ? /*#__PURE__*/React.createElement(C, _extends({
-      size: "small",
-      disabled: disabled,
-      marshal: marshal,
-      inputWidth: inputWidth
-      // onBlur={onBlur}
-      ,
-
-      className: classnames({
-        // 'global-issue-input': option.warning,
-      }),
-      style: style
-    }, props, {
-      onChange: handleInputChange(option),
-      value: inputValue
-    })) : null;
-  };
-  function isChecked(value) {
-    // return __data.some(d => d.value === value)
-    return __data.some(function (d) {
-      return numberLikeCompare(d.value, value);
-    });
+  function onDel(idx) {
+    safe_value.splice(idx, 1);
+    onChangeSafeValue === null || onChangeSafeValue === void 0 || onChangeSafeValue(_toConsumableArray(safe_value));
   }
-  if (!_size(options)) return null;
-  return /*#__PURE__*/React.createElement(_Checkbox.Group, {
-    className: classnames([styles['wrapper'], vertical ? styles['block-box'] : styles['flex-box']]),
-    disabled: disabled,
-    value: __data.map(function (_) {
-      return _.value;
-    }),
-    onChange: handleBoxGroupChange,
-    style: {
-      width: '100%',
-      flexWrap: 'wrap'
-    }
-  }, _map(options, function (option, index) {
-    var _option$props2;
-    var prefix = option.prefix,
-      sufix = option.sufix,
-      suffix = option.suffix,
-      parentheses = option.parentheses;
-    var _parentheses = parentheses !== null && parentheses !== void 0 ? parentheses : ['MC', 'MArr'].includes(option.inputType) && !!(option !== null && option !== void 0 && (_option$props2 = option.props) !== null && _option$props2 !== void 0 && _option$props2.options);
-    var _suffix = sufix !== null && sufix !== void 0 ? sufix : suffix;
-    var checked = isChecked(option.value);
-    var node = checked ? renderInput(option) : null;
-    var surround_node = /*#__PURE__*/React.createElement(React.Fragment, null, _parentheses && checked ? /*#__PURE__*/React.createElement("span", {
-      style: {
-        margin: "0 2px"
-      }
-    }, "(") : null, prefix && checked ? /*#__PURE__*/React.createElement("span", {
-      style: {
-        margin: "0 2px",
-        whiteSpace: 'nowrap'
-      }
-    }, prefix) : null, node ? /*#__PURE__*/React.createElement("span", {
-      onFocus: function onFocus(e) {
-        forcusInfo.current = {
-          index: index,
-          type: 'child'
-        };
-      },
-      onBlur: function onBlur(e) {
-        forcusInfo.current = {
-          index: undefined,
-          type: undefined
-        };
-        _onBlur === null || _onBlur === void 0 || _onBlur(e);
-      },
+  function getKey(item) {
+    var _item$id;
+    return (_item$id = item === null || item === void 0 ? void 0 : item.id) !== null && _item$id !== void 0 ? _item$id : item === null || item === void 0 ? void 0 : item[rowKey];
+  }
+  function onChangeValue(idx, _key, _value) {
+    var old = safe_value[idx];
+    safe_value.splice(idx, 1, _objectSpread(_objectSpread({}, old), {}, _defineProperty({}, _key, _value)));
+    var new_data = _toConsumableArray(safe_value);
+    onChangeSafeValue === null || onChangeSafeValue === void 0 || onChangeSafeValue(new_data);
+    on_row_value_change === null || on_row_value_change === void 0 || on_row_value_change(new_data, idx, _defineProperty({}, _key, _value), form);
+  }
+  return /*#__PURE__*/React.createElement("div", null, safe_value.map(function (rowData, idx) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: getKey(rowData)
+    }, tip ? /*#__PURE__*/React.createElement(Divider, {
       style: {
-        // margin: "0 2px",
+        margin: '4px 0',
+        fontSize: 12,
+        color: '#ccc'
       }
-    }, node) : null, _suffix && checked ? /*#__PURE__*/React.createElement("span", {
+    }, " ", tip, idx + 1) : null, /*#__PURE__*/React.createElement("div", {
       style: {
-        margin: "0 2px"
+        display: 'flex',
+        alignItems: 'center'
       }
-    }, _suffix) : null, _parentheses && checked ? /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/React.createElement("div", {
       style: {
-        margin: "0 2px",
-        whiteSpace: 'nowrap'
+        flex: 1
       }
-    }, ")") : null);
-    return /*#__PURE__*/React.createElement("div", {
-      title: JSON.stringify(options),
-      key: index,
+    }, /*#__PURE__*/React.createElement(__MyFormSection_Inner_PRE, _objectSpread(_objectSpread({
+      disableAll: disabled,
+      key: getKey(rowData),
+      renderEditItemInner: RenderEditItemStandalone,
+      targetLabelCol: targetLabelCol,
+      span: span
+    }, others), {}, {
+      formDescriptions: _toConsumableArray(formDescriptions.map(function (_fd) {
+        if (!_fd) return _fd;
+        var fd = formatFormConfig(_fd, targetLabelCol);
+        var _key = fd.key;
+        var _inputProps = fd === null || fd === void 0 ? void 0 : fd.inputProps;
+        return _objectSpread(_objectSpread({}, fd), {}, {
+          inputProps: _objectSpread(_objectSpread({}, _inputProps), {}, {
+            placeholder: '',
+            value: rowData[_key],
+            onChange: function onChange(_value) {
+              onChangeValue(idx, _key, _value);
+            }
+          })
+        });
+      }))
+    }))), /*#__PURE__*/React.createElement("div", {
       style: {
+        width: 32,
         display: 'flex',
         alignItems: 'center',
-        marginRight: 2
-      },
-      className: option.warning && checked ? styles['warning'] : undefined
-    }, /*#__PURE__*/React.createElement("span", {
-      onFocus: function onFocus(e) {
-        setTimeout(function () {
-          forcusInfo.current = {
-            index: index,
-            type: 'parent'
-          };
-        }, 10);
+        justifyContent: 'flex-end'
+      }
+    }, /*#__PURE__*/React.createElement(MyIcon, {
+      value: 'MinusCircleOutlined',
+      style: {
+        color: 'red'
       },
-      onBlur: function onBlur(e) {
-        setTimeout(function () {
-          if (forcusInfo.current.index === index && forcusInfo.current.type === 'child') return;
-          forcusInfo.current = {
-            index: undefined,
-            type: undefined
-          };
-          _onBlur === null || _onBlur === void 0 || _onBlur(e);
-        }, 10);
+      rev: '',
+      onClick: function onClick() {
+        return onDel(idx);
       }
-    }, /*#__PURE__*/React.createElement(_Checkbox, {
-      value: option.value
-    }, option.label)), surround_node);
-  }));
+    }))));
+  }), /*#__PURE__*/React.createElement(Button, _objectSpread(_objectSpread({
+    disabled: disabled,
+    style: {
+      marginTop: 6
+    },
+    type: "dashed",
+    block: true,
+    icon: /*#__PURE__*/React.createElement(MyIcon, {
+      value: 'PlusOutlined',
+      rev: ''
+    })
+  }, addBtnStyle), {}, {
+    onClick: function onClick() {
+      return onChangeSafeValue([].concat(_toConsumableArray(safe_value), [genDefaultData()]));
+    }
+  }), "\u65B0\u589E", tip));
 };
-_MyCheckbox.DisplayFC = MyCheckbox_DisplayFC;
-export { _MyCheckbox as default };
-//# sourceMappingURL=.root10.js.map
+export { ArrayPanel as default };