@noah-libjs/components 0.0.3 → 0.0.4

package/dist/a_chunks/index.module.js

@@ -0,0 +1,33 @@
+function styleInject(css, ref) {
+  if (ref === void 0) ref = {};
+  var insertAt = ref.insertAt;
+  if (!css || typeof document === 'undefined') {
+    return;
+  }
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+var css_248z = ".index-module_wrapper__8xmrk 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__8xmrk .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__8xmrk .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__zbZ8F {\n  display: block !important;\n}\n.index-module_block-box__zbZ8F > div {\n  margin-bottom: 6px;\n}\n.index-module_flex-box__aGmld {\n  display: flex;\n}\n.index-module_warning__Z3oMd .ant-checkbox-checked .ant-checkbox-inner {\n  background: red !important;\n  border-color: red !important;\n}\n.index-module_warning__Z3oMd .ant-input {\n  color: red !important;\n  border-color: red !important;\n  border-radius: 0 !important;\n}\n.index-module_warning__Z3oMd .ant-select-selector {\n  color: red !important;\n  border-color: red !important;\n  border-radius: 0 !important;\n}\n.index-module_warning__Z3oMd .ant-select-selection-search-input {\n  border-color: red !important;\n  border-radius: 0 !important;\n}\n";
+var styles = {
+  "wrapper": "index-module_wrapper__8xmrk",
+  "block-box": "index-module_block-box__zbZ8F",
+  "flex-box": "index-module_flex-box__aGmld",
+  "warning": "index-module_warning__Z3oMd"
+};
+styleInject(css_248z);
+export { styles as s };

package/dist/a_chunks/{Monaco.Inner.js → root..js}

@@ -12,7 +12,6 @@ function MonacoInner(props) {
     height = _props$height === void 0 ? '400px' : _props$height,
     _props$theme = props.theme,
     theme = _props$theme === void 0 ? "vs-dark" : _props$theme;
-  console.log('MyMonaco', props);
   var _useState = useState(value),
     _useState2 = _slicedToArray(_useState, 2),
     inner_value = _useState2[0],

package/dist/a_chunks/root.17.js

@@ -0,0 +1,166 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["onChange", "value", "marshal", "fetch_options", "uniqueKey", "popupMatchSelectWidth"];
+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 { isNil, numberLikeCompare } from '@noah-libjs/utils';
+import { Row, Col } from 'antd';
+import React__default, { useMemo } from 'react';
+import { p as packs, u as use_options, g as getInputStyle, a as getMarshal, b as get_mode, c as check_multiple, S as Select_L, d as parse_MC_value } from './index.js';
+import { s as styles } from './index.module.js';
+import '@ant-design/icons';
+import 'dayjs';
+import 'rc-select';
+import 'rc-tree';
+var componentMap = packs;
+function RenderComponent(p) {
+  var _target$props;
+  var target = p.target,
+    handleInputChange = p.handleInputChange;
+  if (!target) return null;
+  var inputType = target.inputType;
+  var props = (_target$props = target.props) !== null && _target$props !== void 0 ? _target$props : {};
+  var C = useMemo(function () {
+    return componentMap[inputType];
+  }, [inputType]);
+  return /*#__PURE__*/React__default.createElement("span", {
+    key: "aa",
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, target.prefix ? /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      margin: '0 2px',
+      whiteSpace: 'nowrap'
+    }
+  }, target.prefix) : null, C ? /*#__PURE__*/React__default.createElement(C, _objectSpread(_objectSpread({}, props), {}, {
+    value: target.text,
+    onChange: function onChange(e) {
+      handleInputChange(e, target);
+    }
+  })) : '未知组件', target.suffix ? /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      margin: '0 2px',
+      whiteSpace: 'nowrap'
+    }
+  }, target.suffix) : null);
+}
+var MySelect = function MySelect(props) {
+  var _data$;
+  var onChange = props.onChange,
+    value = props.value,
+    _marshal = props.marshal,
+    fetch_options = props.fetch_options,
+    uniqueKey = props.uniqueKey,
+    _props$popupMatchSele = props.popupMatchSelectWidth,
+    popupMatchSelectWidth = _props$popupMatchSele === void 0 ? 120 : _props$popupMatchSele,
+    others = _objectWithoutProperties(props, _excluded);
+  var _use_options = use_options(props),
+    options = _use_options.options,
+    loading = _use_options.loading,
+    data = _use_options.data,
+    setData = _use_options.setData;
+  var _style = getInputStyle(props);
+  var marshal = getMarshal(props);
+  var needToRenderComponent = options.some(function (_) {
+    return _.inputType;
+  });
+  var type = get_mode(props);
+  var is_multiple = check_multiple(props);
+  function isChecked(value) {
+    // return __data.some(d => d.value === value)
+    return data.some(function (d) {
+      return numberLikeCompare(d.value, 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(props, changedValue);
+    // mchcLogger.log('safe_onChange', {v,changedValue})
+    onChange === null || onChange === void 0 || onChange(v);
+  }
+  function handleChange(rawValue) {
+    // mchcLogger.log('safe_onChange 00', {rawValue})
+    var checkedValues = Array.isArray(rawValue) ? rawValue : [rawValue];
+    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 is_multiple ? true : !isChecked(v);
+    }).map(function (v) {
+      var _options$find2, _old$text;
+      var option = (_options$find2 = options.find(function (o) {
+        return o.value === v;
+      })) !== null && _options$find2 !== void 0 ? _options$find2 : {
+        label: v,
+        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);
+  }
+  function handleInputChange(e, target) {
+    target.text = e;
+    onChange === null || onChange === void 0 || onChange(JSON.stringify(data));
+  }
+  var _value = is_multiple ? data.map(function (_) {
+    return _.value;
+  }) : (_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$.value;
+  var _warning = data.some(function (_) {
+    return _.warning;
+  });
+  var target = (Array.isArray(data) ? data : []).find(function (_) {
+    return _.inputType;
+  });
+  // 多选不支持 非 marshal 不支持
+  var isR = !is_multiple && marshal && target;
+  var select_node = loading ? /*#__PURE__*/React__default.createElement("span", null, "'\u6570\u636E\u52A0\u8F7D\u4E2D...'") : /*#__PURE__*/React__default.createElement(Select_L, _objectSpread(_objectSpread({
+    title: JSON.stringify(options),
+    loading: loading,
+    className: _warning ? styles['warning'] : undefined,
+    style: _style,
+    allowClear: true,
+    value: _value,
+    onChange: handleChange,
+    mode: type,
+    // dropdownStyle={{ minWidth: 120 }}
+    popupMatchSelectWidth: popupMatchSelectWidth
+  }, others), {}, {
+    options: options
+  }));
+  return isR ? /*#__PURE__*/React__default.createElement(Row, {
+    gutter: needToRenderComponent ? 6 : 0
+  }, /*#__PURE__*/React__default.createElement(Col, {
+    span: needToRenderComponent ? 12 : 24
+  }, select_node), /*#__PURE__*/React__default.createElement(Col, {
+    span: needToRenderComponent ? 12 : 0
+  }, isR && /*#__PURE__*/React__default.createElement(RenderComponent, {
+    target: target,
+    handleInputChange: handleInputChange
+  }))) : select_node;
+};
+export { MySelect as default };

package/dist/a_chunks/root.18.js

@@ -0,0 +1,238 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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 { isNil, numberLikeCompare, cloneDeep } from '@noah-libjs/utils';
+import classnames from 'classnames';
+import React__default, { useRef, useEffect } from 'react';
+import { p as packs, a as getMarshal, u as use_options, C as Checkbox_L, d as parse_MC_value } from './index.js';
+import MyCheckbox_DisplayFC from './root.19.js';
+import { s as styles } from './index.module.js';
+import '@ant-design/icons';
+import 'antd';
+import 'dayjs';
+import 'rc-select';
+import 'rc-tree';
+var components = packs;
+var MyCheckbox = function MyCheckbox(props) {
+  var _props$type = props.type,
+    type = _props$type === void 0 ? 'single' : _props$type,
+    value = props.value,
+    onChange = props.onChange,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _onBlur = props.onBlur,
+    _props$inputWidth = props.inputWidth,
+    inputWidth = _props$inputWidth === void 0 ? 64 : _props$inputWidth,
+    _props$vertical = props.vertical,
+    vertical = _props$vertical === void 0 ? false : _props$vertical,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style;
+  var marshal = getMarshal(props);
+  var _use_options = use_options(props),
+    options = _use_options.options,
+    loading = _use_options.loading,
+    __data = _use_options.data,
+    setData = _use_options.setData;
+  var longOptions = options.length > 2;
+  var forcusInfo = useRef({});
+  // mchcEnv.logger.log('MyCheckbox', { MyCheckboxProps, options, __data })
+  useEffect(function () {
+    // const _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(','))
+    var v = parse_MC_value(props, changedValue);
+    onChange === null || onChange === void 0 || onChange(v);
+  }
+  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$style2;
+    var inputType = option.inputType;
+    var targetData = __data.find(function (d) {
+      return d.value === option.value;
+    });
+    if (!targetData || !inputType) return null;
+    var C = components[inputType];
+    var inputValue = targetData.text;
+    var props = (_option$props = option.props) !== null && _option$props !== void 0 ? _option$props : {};
+    var style = (_props$style2 = props.style) !== null && _props$style2 !== void 0 ? _props$style2 : {};
+    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__default.createElement(C, _objectSpread(_objectSpread({
+      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);
+    });
+  }
+  if (options.length === 0) return null;
+  return /*#__PURE__*/React__default.createElement(Checkbox_L.Group, {
+    className: classnames([styles['wrapper'], vertical ? styles['block-box'] : styles['flex-box']]),
+    disabled: disabled,
+    value: __data.map(function (_) {
+      return _.value;
+    }),
+    onChange: handleBoxGroupChange,
+    style: _objectSpread(_objectSpread({}, style), {}, {
+      // width: '100%',
+      flexWrap: 'wrap'
+    })
+  }, options.map(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__default.createElement(React__default.Fragment, null, _parentheses && checked ? /*#__PURE__*/React__default.createElement("span", {
+      style: {
+        margin: "0 2px"
+      }
+    }, "(") : null, prefix && checked ? /*#__PURE__*/React__default.createElement("span", {
+      style: {
+        margin: "0 2px",
+        whiteSpace: 'nowrap'
+      }
+    }, prefix) : null, node ? /*#__PURE__*/React__default.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);
+      },
+      style: {
+        // margin: "0 2px",
+      }
+    }, node) : null, _suffix && checked ? /*#__PURE__*/React__default.createElement("span", {
+      style: {
+        margin: "0 2px"
+      }
+    }, _suffix) : null, _parentheses && checked ? /*#__PURE__*/React__default.createElement("span", {
+      style: {
+        margin: "0 2px",
+        whiteSpace: 'nowrap'
+      }
+    }, ")") : null);
+    return /*#__PURE__*/React__default.createElement("div", {
+      title: JSON.stringify(options),
+      key: index,
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        marginRight: 2
+      },
+      className: option.warning && checked ? styles['warning'] : undefined
+    }, /*#__PURE__*/React__default.createElement("span", {
+      onFocus: function onFocus(e) {
+        setTimeout(function () {
+          forcusInfo.current = {
+            index: index,
+            type: 'parent'
+          };
+        }, 10);
+      },
+      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);
+      }
+    }, /*#__PURE__*/React__default.createElement(Checkbox_L, {
+      value: option.value
+    }, option.label)), surround_node);
+  }));
+};
+MyCheckbox.DisplayFC = MyCheckbox_DisplayFC;
+export { MyCheckbox as default };

package/dist/a_chunks/root.19.js

@@ -0,0 +1,18 @@
+import '@noah-libjs/utils';
+import { u as use_options } from './index.js';
+import 'react';
+import '@ant-design/icons';
+import 'antd';
+import 'dayjs';
+import 'rc-select';
+import 'rc-tree';
+var MyCheckbox_DisplayFC = function MyCheckbox_DisplayFC(props) {
+  var _use_options = use_options(props),
+    options = _use_options.options,
+    loading = _use_options.loading,
+    data = _use_options.data,
+    setData = _use_options.setData,
+    display_node = _use_options.display_node;
+  return display_node;
+};
+export { MyCheckbox_DisplayFC as default };

package/dist/a_chunks/root.20.js

@@ -0,0 +1,129 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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__default, { useRef, useEffect } from 'react';
+import { c as componentMap } from './components.js';
+import '@noah-libjs/utils';
+import { u as use_options } from './index.js';
+import '@ant-design/icons';
+import 'antd';
+import 'dayjs';
+import 'rc-select';
+import 'rc-tree';
+function ArrayInputInner(props) {
+  var value = props.value,
+    onChange = props.onChange,
+    _props$separator = props.separator,
+    separator = _props$separator === void 0 ? ',' : _props$separator,
+    _props$inputWidth = props.inputWidth,
+    inputWidth = _props$inputWidth === void 0 ? 64 : _props$inputWidth,
+    _props$marshal = props.marshal,
+    marshal = _props$marshal === void 0 ? 1 : _props$marshal,
+    autoFocus = props.autoFocus,
+    _onBlur = props.onBlur,
+    disabled = props.disabled;
+  var nMarshal = Number(marshal);
+  // const _options = getOption(props)
+  // const [_value, set_value] = useState<any[]>([])
+  var _value_ref = useRef([]);
+  var forcusInfo = useRef(autoFocus ? {
+    index: 0,
+    type: 'self'
+  } : {});
+  var _use_options = use_options(props),
+    _options = _use_options.options,
+    loading = _use_options.loading,
+    _value = _use_options.data,
+    setData = _use_options.setData;
+  _value_ref.current = _value;
+  useEffect(function () {
+    // const arr = nMarshal === 0 ? value?.split(',') : (nMarshal === 1 ? safe_json_parse_arr(value) : value)
+    // const v = Array.isArray(arr) ? arr : []
+    // set_value(v)
+    // _value_ref.current = _value
+    return function () {};
+  }, [value]);
+  function handleChange(v, idx) {
+    _value_ref.current[idx] = v;
+    onChange === null || onChange === void 0 || onChange(nMarshal === 0 ? _value_ref.current.join(',') : nMarshal === 1 ? JSON.stringify(_value_ref.current) : _value_ref.current);
+  }
+  return /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      display: 'inline-block'
+    }
+  }, " ", /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, _options.map(function (opt, index) {
+    var _opt$props, _props$style;
+    var C = componentMap[opt.inputType];
+    var props = (_opt$props = opt.props) !== null && _opt$props !== void 0 ? _opt$props : {};
+    var style = (_props$style = props.style) !== null && _props$style !== void 0 ? _props$style : {};
+    if (['MyInput', 'Input', 'MA', 'MyAutoComplete', 'input'].includes(opt.inputType)) {
+      style = _objectSpread({
+        width: inputWidth
+      }, style);
+    }
+    if (['Select', 'MS', 'MySelect'].includes(opt.inputType)) {
+      style = _objectSpread({
+        minWidth: inputWidth
+      }, style);
+    }
+    return /*#__PURE__*/React__default.createElement("span", {
+      key: opt.value,
+      style: {
+        display: 'flex',
+        alignItems: 'center'
+      }
+    }, opt.prefix ? /*#__PURE__*/React__default.createElement("span", {
+      style: {
+        margin: '0 2px',
+        whiteSpace: 'nowrap'
+      }
+    }, opt.prefix) : null, opt.label ? /*#__PURE__*/React__default.createElement("span", {
+      style: {
+        margin: '0 2px',
+        whiteSpace: 'nowrap'
+      }
+    }, opt.label, ":") : null, C ? /*#__PURE__*/React__default.createElement(C, _objectSpread(_objectSpread({
+      size: 'small',
+      disabled: disabled,
+      autoFocus: index === 0 ? autoFocus : undefined
+    }, props), {}, {
+      onFocus: function onFocus(e) {
+        forcusInfo.current = {
+          index: index
+        };
+      },
+      onBlur: function onBlur(e) {
+        setTimeout(function () {
+          if (forcusInfo.current.index !== index) {
+            return;
+          }
+          forcusInfo.current = {
+            index: undefined,
+            type: undefined
+          };
+          _onBlur === null || _onBlur === void 0 || _onBlur(e);
+        }, 100);
+      },
+      style: style,
+      value: _value[index],
+      onChange: function onChange(e) {
+        return handleChange(e, index);
+      }
+    })) : '未知组件', opt.suffix ? /*#__PURE__*/React__default.createElement("span", {
+      style: {
+        margin: '0 2px',
+        whiteSpace: 'nowrap'
+      }
+    }, opt.suffix) : null, index === _options.length - 1 ? null : /*#__PURE__*/React__default.createElement("span", {
+      style: {
+        margin: '0 2px'
+      }
+    }, separator));
+  })));
+}
+export { ArrayInputInner as default };

package/dist/a_chunks/root.21.js

@@ -0,0 +1,78 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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__default, { useEffect } from 'react';
+import { c as componentMap } from './components.js';
+import '@noah-libjs/utils';
+import { u as use_options } from './index.js';
+import '@ant-design/icons';
+import 'antd';
+import 'dayjs';
+import 'rc-select';
+import 'rc-tree';
+var DisplayFC = function DisplayFC(props) {
+  var value = props.value,
+    _props$separator = props.separator,
+    separator = _props$separator === void 0 ? ',' : _props$separator,
+    _props$marshal = props.marshal,
+    marshal = _props$marshal === void 0 ? 1 : _props$marshal;
+  //     const _options = parse_MC_option(props)
+  // const [_value, set_value] = useState<any[]>([])
+  var _use_options = use_options(props),
+    _options = _use_options.options,
+    loading = _use_options.loading,
+    _value = _use_options.data,
+    setData = _use_options.setData;
+  useEffect(function () {
+    // const arr = nMarshal == 0 ? value?.split(',') : (nMarshal === 1 ? safe_json_parse_arr(value) : value)
+    // const v = Array.isArray(arr) ? arr : []
+    // set_value(v)
+    return function () {};
+  }, [value]);
+  var isEmpty = _value.every(function (_) {
+    return !_;
+  });
+  return /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      display: 'inline-block'
+    }
+  }, /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, isEmpty ? '--' : _options.map(function (o, idx) {
+    var _componentMap$o$input, _o$props, _ref;
+    var C = componentMap[o.inputType];
+    var _DisplayFC = (_componentMap$o$input = componentMap[o.inputType]) === null || _componentMap$o$input === void 0 ? void 0 : _componentMap$o$input.DisplayFC;
+    var props = (_o$props = o.props) !== null && _o$props !== void 0 ? _o$props : {};
+    var DisplayFC = (_ref = _DisplayFC !== null && _DisplayFC !== void 0 ? _DisplayFC : C === null || C === void 0 ? void 0 : C.DisplayFC) !== null && _ref !== void 0 ? _ref : function (_ref2) {
+      var value = _ref2.value;
+      return /*#__PURE__*/React__default.createElement("span", null, value !== null && value !== void 0 ? value : '--');
+    };
+    return /*#__PURE__*/React__default.createElement("span", {
+      key: o.value,
+      style: {
+        display: 'flex',
+        alignItems: 'center'
+      }
+    }, o.prefix ? /*#__PURE__*/React__default.createElement("span", {
+      style: {
+        margin: '0 2px',
+        whiteSpace: 'nowrap'
+      }
+    }, o.prefix) : null, /*#__PURE__*/React__default.createElement(DisplayFC, _objectSpread({
+      value: _value[idx]
+    }, props)), o.suffix ? /*#__PURE__*/React__default.createElement("span", {
+      style: {
+        margin: '0 2px',
+        whiteSpace: 'nowrap'
+      }
+    }, o.suffix) : null, idx === _options.length - 1 ? null : /*#__PURE__*/React__default.createElement("span", {
+      style: {
+        margin: '0 2px'
+      }
+    }, separator));
+  })));
+};
+export { DisplayFC as default };