@noah-libjs/components 0.0.7 → 0.0.9

package/dist/a_chunks/index.module.js

@@ -1,27 +1,4 @@
-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));
-  }
-}
+import { s as styleInject } from './index.js';
 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",

package/dist/a_chunks/root.17.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["onChange", "value", "marshal", "fetch_options", "uniqueKey", "popupMatchSelectWidth"];
+var _excluded = ["onChange", "value", "marshal", "fetch_options", "uniqueKey", "popupMatchSelectWidth", "fetch_options_on_open"];
 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';
@@ -8,10 +8,10 @@ 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';
+import '@noah-libjs/request';
 var componentMap = packs;
 function RenderComponent(p) {
   var _target$props;
@@ -54,13 +54,15 @@ var MySelect = function MySelect(props) {
     fetch_options = props.fetch_options,
     uniqueKey = props.uniqueKey,
     _props$popupMatchSele = props.popupMatchSelectWidth,
-    popupMatchSelectWidth = _props$popupMatchSele === void 0 ? 120 : _props$popupMatchSele,
+    popupMatchSelectWidth = _props$popupMatchSele === void 0 ? 140 : _props$popupMatchSele,
+    fetch_options_on_open = props.fetch_options_on_open,
     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;
+    setData = _use_options.setData,
+    process_options = _use_options.process_options;
   var _style = getInputStyle(props);
   var marshal = getMarshal(props);
   var needToRenderComponent = options.some(function (_) {
@@ -138,8 +140,12 @@ var MySelect = function MySelect(props) {
   });
   // 多选不支持 非 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),
+  var select_node = loading && !fetch_options_on_open ? /*#__PURE__*/React__default.createElement("span", null, "'\u6570\u636E\u52A0\u8F7D\u4E2D...'") : /*#__PURE__*/React__default.createElement(Select_L, _objectSpread(_objectSpread({
+    onOpenChange: function onOpenChange(v) {
+      if (v && fetch_options_on_open) {
+        process_options();
+      }
+    },
     loading: loading,
     className: _warning ? styles['warning'] : undefined,
     style: _style,

package/dist/a_chunks/root.18.js

@@ -7,11 +7,11 @@ 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';
+import '@noah-libjs/request';
 var components = packs;
 var MyCheckbox = function MyCheckbox(props) {
   var _props$type = props.type,
@@ -22,7 +22,7 @@ var MyCheckbox = function MyCheckbox(props) {
     disabled = _props$disabled === void 0 ? false : _props$disabled,
     _onBlur = props.onBlur,
     _props$inputWidth = props.inputWidth,
-    inputWidth = _props$inputWidth === void 0 ? 64 : _props$inputWidth,
+    inputWidth = _props$inputWidth === void 0 ? 50 : _props$inputWidth,
     _props$vertical = props.vertical,
     vertical = _props$vertical === void 0 ? false : _props$vertical,
     _props$style = props.style,
@@ -108,18 +108,18 @@ var MyCheckbox = function MyCheckbox(props) {
       return d.value === option.value;
     });
     if (!targetData || !inputType) return null;
-    var C = components[inputType];
+    var C = components === null || components === void 0 ? void 0 : 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)
+        width: inputWidth * (longOptions ? 1 : 1.5)
       }, style);
     }
     if (['Select', 'MS', 'MySelect'].includes(inputType)) {
       style = _objectSpread({
-        minWidth: inputWidth * (longOptions ? 1 : 2)
+        minWidth: inputWidth * (longOptions ? 1 : 1.5)
       }, style);
     }
     return C ? /*#__PURE__*/React__default.createElement(C, _objectSpread(_objectSpread({
@@ -202,7 +202,6 @@ var MyCheckbox = function MyCheckbox(props) {
       }
     }, ")") : null);
     return /*#__PURE__*/React__default.createElement("div", {
-      title: JSON.stringify(options),
       key: index,
       style: {
         display: 'flex',

package/dist/a_chunks/root.19.js

@@ -1,11 +1,11 @@
-import '@noah-libjs/utils';
 import { u as use_options } from './index.js';
+import '@noah-libjs/utils';
 import 'react';
-import '@ant-design/icons';
 import 'antd';
 import 'dayjs';
 import 'rc-select';
 import 'rc-tree';
+import '@noah-libjs/request';
 var MyCheckbox_DisplayFC = function MyCheckbox_DisplayFC(props) {
   var _use_options = use_options(props),
     options = _use_options.options,

package/dist/a_chunks/root.20.js

@@ -3,13 +3,13 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 '@noah-libjs/utils';
 import 'antd';
 import 'dayjs';
 import 'rc-select';
 import 'rc-tree';
+import '@noah-libjs/request';
 function ArrayInputInner(props) {
   var value = props.value,
     onChange = props.onChange,

package/dist/a_chunks/root.21.js

@@ -3,13 +3,13 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 '@noah-libjs/utils';
 import 'antd';
 import 'dayjs';
 import 'rc-select';
 import 'rc-tree';
+import '@noah-libjs/request';
 var DisplayFC = function DisplayFC(props) {
   var value = props.value,
     _props$separator = props.separator,

package/dist/a_chunks/root.22.js

@@ -1,208 +1,166 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["popupMatchSelectWidth", "getPopupContainer", "options", "style", "defaultValue", "value", "placeholder", "width", "onChange"];
+var _excluded = ["inputType", "linker", "component_map", "tip", "disabled", "value", "form", "onChange", "marshal", "addBtnStyle", "on_row_value_change", "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 { CloseOutlined } from '@ant-design/icons';
-import { AutoComplete, Button } from 'antd';
-import React__default, { useState, useEffect } from 'react';
-import { e as parse_MC_dict_options, f as parse_MC_option, g as getInputStyle } from './index.js';
-import { isFunction, getPresetOptions, getSearchParamsValue } from '@noah-libjs/utils';
-import { request } from '@noah-libjs/request';
+import { Divider, Button } from 'antd';
+import React__default, { useState, useEffect, useRef } from 'react';
+import { isNil, isArray, safe_json_parse_arr, safe_json_parse, safe_json_stringify, isObjectLike, get } from '@noah-libjs/utils';
+import { M as MyIcon, p as packs } from './index.js';
+import { isString } from 'antd/es/button';
 import 'dayjs';
 import 'rc-select';
 import 'rc-tree';
-
-// import { ICommonOption, getPresetOptions, getSameOptions } from '@lm_fe/env';
-var defaultOptions = [];
-function useConfig_MyAutoComplete(props) {
-  var optionKey = props.optionKey,
-    _props$options = props.options,
-    options = _props$options === void 0 ? defaultOptions : _props$options,
-    searchKey = props.searchKey,
-    value = props.value,
-    memorable = props.memorable,
-    memorieskey = props.memorieskey,
-    memoriesname = props.memoriesname,
-    _props$formName = props.formName,
-    formName = _props$formName === void 0 ? 'unsetFormName' : _props$formName,
-    name = props.name,
-    uniqueKey = props.uniqueKey,
-    onChange = props.onChange,
-    onBlur = props.onBlur;
+import '@noah-libjs/request';
+function use_array_marshal(marshal, _value, _onChange) {
+  var linker = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '/';
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
-    __options = _useState2[0],
-    set__options = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    init_value = _useState4[0],
-    setInit_value = _useState4[1];
-  var _memorieskey = memorieskey !== null && memorieskey !== void 0 ? memorieskey : "".concat(formName, ".").concat(name);
-  // const _memoriesname = memoriesname ?? SLocal_State.getUserData()?.login
-  var _memoriesname = memoriesname !== null && memoriesname !== void 0 ? memoriesname : 'unset';
-  var _memorable = memorable || !!memorieskey;
-  useEffect(function () {
-    init();
-    return function () {};
-  }, [optionKey, options, searchKey]);
+    safe_value = _useState2[0],
+    set_safe_value = _useState2[1];
   useEffect(function () {
-    // if (!init_value && value) {
-    //     setInit_value(value)
-    // }
-    setInit_value(value);
-    return function () {};
-  }, [value]);
-  function safeOnChange(str) {
-    setInit_value(str);
-    onChange === null || onChange === void 0 || onChange(str);
-  }
-  function init() {
-    isFunction(options) ? options() : options;
-    optionKey ? getPresetOptions(optionKey) : null;
-    var searchValue = searchKey ? getSearchParamsValue(searchKey) : null;
-    parse_MC_dict_options(_objectSpread(_objectSpread({}, props), {}, {
-      useString: true
-    }));
-    var _options = parse_MC_option(_objectSpread(_objectSpread({}, props), {}, {
-      useString: true
-    }));
-    if (searchValue) {
-      _options.push({
-        value: searchValue,
-        label: searchValue
-      });
+    if (isNil(_value)) return set_safe_value === null || set_safe_value === void 0 ? void 0 : set_safe_value([]);
+    if (isArray(_value)) return set_safe_value === null || set_safe_value === void 0 ? void 0 : set_safe_value(_value);
+    switch (marshal) {
+      case 0:
+        if (!isString(_value)) return set_safe_value === null || set_safe_value === void 0 ? void 0 : set_safe_value([]);
+        var arr = _value.split(linker);
+        set_safe_value === null || set_safe_value === void 0 || set_safe_value(arr.map(function (_) {
+          return safe_json_parse(_, _);
+        }));
+        break;
+      case 1:
+        set_safe_value === null || set_safe_value === void 0 || set_safe_value(safe_json_parse_arr(_value));
+        break;
+      default:
+        set_safe_value === null || set_safe_value === void 0 || set_safe_value(isArray(_value) ? _value : []);
+        break;
     }
-    if (_memorable) {
-      request.get("/api/text-memories", {
-        ignore_usr: true,
-        params: {
-          'key.equals': _memorieskey,
-          size: 9999
-        }
-      }).then(function (r) {
-        var _r$data;
-        var arr = (_r$data = r.data) !== null && _r$data !== void 0 ? _r$data : [];
-        _options.push.apply(_options, _toConsumableArray(arr.map(function (_) {
-          return {
-            label: _.value,
-            value: _.value,
-            id: _.id
-          };
-        })));
-        set__options(_options);
-      });
-    } else {
-      set__options(_options);
+  }, [_value, marshal]);
+  function onChangeSafeValue(_v) {
+    if (!isArray(_v) || !_v.length) return _onChange === null || _onChange === void 0 ? void 0 : _onChange([]);
+    switch (marshal) {
+      case 0:
+        var is_obj = isObjectLike(_v[0]);
+        var arr = is_obj ? _v.map(function (_) {
+          return safe_json_stringify(_);
+        }) : _v;
+        _onChange === null || _onChange === void 0 || _onChange(arr.join(linker));
+        break;
+      case 1:
+        _onChange === null || _onChange === void 0 || _onChange(safe_json_stringify(_v));
+        break;
+      default:
+        _onChange === null || _onChange === void 0 || _onChange(_v);
+        break;
     }
   }
-  function _OnBlur(e) {
-    onBlur === null || onBlur === void 0 || onBlur(e);
-    setTimeout(function () {
-      var thisValue = value;
-      if (!_memorable || !thisValue || __options.some(function (_) {
-        return _.value === thisValue;
-      })) return;
-      var data = {
-        key: _memorieskey,
-        name: _memoriesname,
-        value: thisValue
-      };
-      request.post("/api/text-memories", data, {
-        ignore_usr: true
-      }).then(init);
-    }, 10);
-  }
-  function remove(item) {
-    request["delete"]("/api/text-memories/".concat(item.id), {
-      params: {},
-      ignore_usr: true
-    }).then(function (r) {
-      init();
-      if (value === item.label) {
-        safeOnChange('');
-      }
-    });
-  }
   return {
-    safeOnChange: safeOnChange,
-    onBlur: _OnBlur,
-    init: init,
-    options: __options,
-    remove: remove,
-    init_value: init_value
+    safe_value: safe_value,
+    set_safe_value: set_safe_value,
+    onChangeSafeValue: onChangeSafeValue
   };
 }
-function MyAutoCompleteInner(props) {
-  var _props$popupMatchSele = props.popupMatchSelectWidth,
-    popupMatchSelectWidth = _props$popupMatchSele === void 0 ? 120 : _props$popupMatchSele,
-    _props$getPopupContai = props.getPopupContainer,
-    getPopupContainer = _props$getPopupContai === void 0 ? function () {
-      return document.body;
-    } : _props$getPopupContai,
-    _options = props.options,
-    _props$style = props.style,
-    style = _props$style === void 0 ? {} : _props$style,
-    defaultValue = props.defaultValue,
+var ArraySingleInner = function ArraySingleInner(props) {
+  var _props$inputType = props.inputType,
+    inputType = _props$inputType === void 0 ? 'input' : _props$inputType,
+    linker = props.linker,
+    _props$component_map = props.component_map,
+    component_map = _props$component_map === void 0 ? packs : _props$component_map,
+    tip = props.tip,
+    disabled = props.disabled,
     value = props.value,
-    placeholder = props.placeholder,
-    width = props.width,
+    form = props.form,
     onChange = props.onChange,
-    rest = _objectWithoutProperties(props, _excluded);
-  var _style = getInputStyle(_objectSpread({}, props));
-  var _useConfig_MyAutoComp = useConfig_MyAutoComplete(props),
-    safeOnChange = _useConfig_MyAutoComp.safeOnChange,
-    onBlur = _useConfig_MyAutoComp.onBlur,
-    options = _useConfig_MyAutoComp.options,
-    remove = _useConfig_MyAutoComp.remove,
-    init_value = _useConfig_MyAutoComp.init_value;
-  return /*#__PURE__*/React__default.createElement(AutoComplete
-  // dropdownStyle={{ minWidth: 180 }}
-  , _objectSpread(_objectSpread({
-    // dropdownStyle={{ minWidth: 180 }}
-    title: JSON.stringify(options),
-    popupMatchSelectWidth: popupMatchSelectWidth,
-    style: _style,
-    // bordered={false}
-    allowClear: true
-  }, rest), {}, {
-    value: init_value !== null && init_value !== void 0 ? init_value : defaultValue,
-    onBlur: onBlur,
-    onChange: safeOnChange,
-    // options={options}
-    getPopupContainer: getPopupContainer,
-    placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : "请选择或输入"
-  }), options.map(function (item) {
-    return /*#__PURE__*/React__default.createElement(AutoComplete.Option, {
-      key: item.value,
-      value: item.value
-    }, /*#__PURE__*/React__default.createElement("div", {
+    _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,
+    genRowData = props.genRowData,
+    others = _objectWithoutProperties(props, _excluded);
+  var defaultValue = useRef([]);
+  var _use_array_marshal = use_array_marshal(marshal, value !== null && value !== void 0 ? value : defaultValue.current, onChange, linker),
+    _use_array_marshal$sa = _use_array_marshal.safe_value,
+    safe_value = _use_array_marshal$sa === void 0 ? [] : _use_array_marshal$sa,
+    onChangeSafeValue = _use_array_marshal.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 userData;
+  }
+  function onDel(idx) {
+    safe_value.splice(idx, 1);
+    onChangeSafeValue === null || onChangeSafeValue === void 0 || onChangeSafeValue(_toConsumableArray(safe_value));
+  }
+  function onChangeValue(idx, _value) {
+    safe_value.splice(idx, 1, _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, _value, form);
+  }
+  var C = get(component_map, inputType) || function () {
+    return null;
+  };
+  return /*#__PURE__*/React__default.createElement("div", null, safe_value.map(function (item, idx) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      key: idx
+    }, tip ? /*#__PURE__*/React__default.createElement(Divider, {
+      style: {
+        margin: '4px 0',
+        fontSize: 12,
+        color: '#ccc'
+      }
+    }, " ", tip, idx + 1) : null, /*#__PURE__*/React__default.createElement("div", {
       style: {
         display: 'flex',
-        justifyContent: 'space-between'
+        alignItems: 'center',
+        marginTop: tip ? 0 : 2
       }
     }, /*#__PURE__*/React__default.createElement("div", {
-      title: item.label,
       style: {
-        flex: 1,
-        textOverflow: 'ellipsis',
-        overflow: 'hidden',
-        whiteSpace: 'nowrap',
-        color: item.warning ? 'red' : ''
+        flex: 1
       }
-    }, item.label), item.id ? /*#__PURE__*/React__default.createElement(Button, {
-      title: "\u5220\u9664",
-      size: 'small',
-      type: 'dashed',
-      icon: /*#__PURE__*/React__default.createElement(CloseOutlined, null),
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        var ok = confirm('确定删除吗？');
-        ok && remove(item);
+    }, /*#__PURE__*/React__default.createElement(C, _objectSpread(_objectSpread({
+      disabled: disabled
+    }, others), {}, {
+      value: item,
+      onChange: function onChange(v) {
+        onChangeValue(idx, v);
       }
-    }) : null));
-  }));
-}
-export { MyAutoCompleteInner as default };
+    }))), /*#__PURE__*/React__default.createElement("div", {
+      style: {
+        width: 32,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'flex-end'
+      }
+    }, /*#__PURE__*/React__default.createElement(MyIcon, {
+      value: 'MinusCircleOutlined',
+      style: {
+        color: 'red'
+      },
+      onClick: function onClick() {
+        return onDel(idx);
+      }
+    }))));
+  }), /*#__PURE__*/React__default.createElement(Button, _objectSpread(_objectSpread({
+    disabled: disabled,
+    style: {
+      marginTop: 6
+    },
+    type: "dashed",
+    block: true,
+    icon: /*#__PURE__*/React__default.createElement(MyIcon, {
+      value: 'PlusOutlined'
+    })
+  }, addBtnStyle), {}, {
+    onClick: function onClick() {
+      return onChangeSafeValue([].concat(_toConsumableArray(safe_value), [genDefaultData()]));
+    }
+  }), "\u65B0\u589E", tip));
+};
+export { ArraySingleInner as default };