@noah-libjs/components 0.0.8 → 0.0.9

package/dist/MySelect/types.d.ts

@@ -22,6 +22,8 @@ export interface IMySelectProps extends Omit<SelectProps<any>, 'options'> {
     marshal?: TMarshal;
     startIndex?: number;
     useString?: boolean;
+    useDefault?: boolean;
     fetch_options?: T_FETCH_OPTIONS;
+    fetch_options_on_open?: boolean;
 }
 export {};

package/dist/a_chunks/index.js

@@ -12,10 +12,9 @@ var _excluded = ["placeholder"],
   _excluded2 = ["placeholder"],
   _excluded3 = ["value", "onChange", "placeholder", "warning", "disabled"],
   _excluded4 = ["width", "style", "placeholder", "name", "warning", "form", "value", "onChange", "type"],
-  _excluded5 = ["icon_type", "value", "onChange", "form"],
-  _excluded6 = ["btn_text", "defaultIcon", "onClick", "form", "children", "icon", "loading", "primary", "hidden", "on_btn_click"],
-  _excluded7 = ["storeKey", "cb"],
-  _excluded8 = ["storeKey", "cb"];
+  _excluded5 = ["btn_text", "defaultIcon", "onClick", "form", "children", "icon", "loading", "primary", "hidden", "on_btn_click", "title"],
+  _excluded6 = ["storeKey", "cb"],
+  _excluded7 = ["storeKey", "cb"];
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
@@ -23,9 +22,8 @@ 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 * as React from 'react';
 import React__default, { lazy, forwardRef, useRef, useState, useEffect, Suspense, Component } from 'react';
-import { CloseOutlined, CheckOutlined, LoadingOutlined } from '@ant-design/icons';
-import { getMomentRange, isString, get, isEmpty, numberLikeCompare, isNumber, isBoolean, isNull, getPresetOptions, getDictionariesEnumerations, isFunction, isArray, getDualModeOptions, safe_json_parse_arr, safe_json_parse, isNil, formatDateTimeNoSecond, formatDate, getMomentObj, EMPTY_PLACEHOLDER, safe_json_stringify, safe_async_call, sleep } from '@noah-libjs/utils';
-import { Space, Button as Button$1, InputNumber, Checkbox, Input, Card, List, Skeleton, Modal } from 'antd';
+import { getMomentRange, isString, get, isEmpty, isNumber, isBoolean, isNull, numberLikeCompare, getPresetOptions, getDictionariesEnumerations, isFunction, isArray, identity, getDualModeOptions, safe_json_parse_arr, safe_json_parse, isNil, isPrimitive, formatDateTimeNoSecond, formatDate, getMomentObj, EMPTY_PLACEHOLDER, safe_json_stringify, safe_async_call, sleep } from '@noah-libjs/utils';
+import { Space, Button as Button$1, InputNumber, Checkbox, Input, Divider, Skeleton, Modal } from 'antd';
 import dayjs from 'dayjs';
 import { Option } from 'rc-select';
 import RCTree, { TreeNode } from 'rc-tree';
@@ -36,9 +34,15 @@ var ArrayInput = /*#__PURE__*/lazy(function () {
 ArrayInput.DisplayFC = /*#__PURE__*/lazy(function () {
   return import('./root.21.js');
 });
-var MyAutoComplete = /*#__PURE__*/lazy(function () {
+var ArraySingle = /*#__PURE__*/lazy(function () {
+  return import('./root.22.js');
+});
+ArraySingle.DisplayFC = /*#__PURE__*/lazy(function () {
   return import('./root.23.js');
 });
+var MyAutoComplete = /*#__PURE__*/lazy(function () {
+  return import('./root.27.js');
+});
 MyAutoComplete.DisplayFC = function (props) {
   return /*#__PURE__*/React__default.createElement("span", null, props.value);
 };
@@ -50,35 +54,35 @@ var MyCheckbox_Display = /*#__PURE__*/lazy(function () {
 });
 MyCheckbox.DisplayFC = MyCheckbox_Display;
 var DatePickerInner = /*#__PURE__*/lazy(function () {
-  return import('./root.25.js').then(function (r) {
+  return import('./root.29.js').then(function (r) {
     return {
       "default": r.DatePicker
     };
   });
 });
 var RangePickerInner = /*#__PURE__*/lazy(function () {
-  return import('./root.25.js').then(function (r) {
+  return import('./root.29.js').then(function (r) {
     return {
       "default": r.DatePicker.RangePicker
     };
   });
 });
 var MonthPickerInner = /*#__PURE__*/lazy(function () {
-  return import('./root.25.js').then(function (r) {
+  return import('./root.29.js').then(function (r) {
     return {
       "default": r.DatePicker.MonthPicker
     };
   });
 });
 var TimePickerInner = /*#__PURE__*/lazy(function () {
-  return import('./root.25.js').then(function (r) {
+  return import('./root.29.js').then(function (r) {
     return {
       "default": r.DatePicker.TimePicker
     };
   });
 });
 var CalendarInner = /*#__PURE__*/lazy(function () {
-  return import('./root.26.js');
+  return import('./root.30.js');
 });
 var DatePicker_L = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(DatePickerInner, _objectSpread(_objectSpread({}, props), {}, {
@@ -228,6 +232,13 @@ var QRCode_L = /*#__PURE__*/lazy(function () {
 var Switch_L = /*#__PURE__*/lazy(function () {
   return import('antd/es/switch');
 });
+var MyIcon = /*#__PURE__*/lazy(function () {
+  return import('./root.25.js');
+});
+var MyIconSelect = /*#__PURE__*/lazy(function () {
+  return import('./root.26.js');
+});
+MyIconSelect.DisplayFC = MyIcon;
 var MyColor = function MyColor(props) {
   var value = props.value,
     _onChange = props.onChange,
@@ -242,7 +253,9 @@ var MyColor = function MyColor(props) {
     }
   }), allowClear ? /*#__PURE__*/React__default.createElement(Button$1, {
     size: size,
-    icon: /*#__PURE__*/React__default.createElement(CloseOutlined, null),
+    icon: /*#__PURE__*/React__default.createElement(MyIcon, {
+      value: 'CloseOutlined'
+    }),
     onClick: function onClick() {
       return _onChange === null || _onChange === void 0 ? void 0 : _onChange(null);
     }
@@ -465,18 +478,18 @@ function get_check_invert_values(configs) {
       });
       var name = (_ref = (_item$name = item === null || item === void 0 ? void 0 : item.name) !== null && _item$name !== void 0 ? _item$name : item === null || item === void 0 ? void 0 : item.key) !== null && _ref !== void 0 ? _ref : item === null || item === void 0 ? void 0 : item.dataIndex;
       var inputType = item === null || item === void 0 ? void 0 : item.inputType;
-      var options = parse_MC_option(props);
+      var opts = parse_MC_option(props);
       if (inputType === 'MSW') {
         var _props$checked_value, _props$unchecked_valu;
         return _objectSpread(_objectSpread({}, a), {}, _defineProperty({}, "".concat(name), [(_props$checked_value = props.checked_value) !== null && _props$checked_value !== void 0 ? _props$checked_value : true, (_props$unchecked_valu = props.unchecked_value) !== null && _props$unchecked_valu !== void 0 ? _props$unchecked_valu : false]));
       }
-      if (inputType === 'MA' && isEmpty(options)) {
+      if (inputType === 'MA' && isEmpty(opts)) {
         return a;
       }
-      var firstOption = options[0];
+      var firstOption = opts[0];
       return _objectSpread(_objectSpread({}, a), {}, _defineProperty({}, "".concat(name), [parse_MC_value(props, [firstOption]), null, {
         props: props,
-        options: options
+        options: opts
       }]));
     }
   }, {});
@@ -504,6 +517,11 @@ function parse_MC_value(props, changedValue) {
   var type = get_mode(props);
   if (!changedValue.length) return null;
   if (marshal) {
+    if (marshal === 3) {
+      return changedValue.map(function (_) {
+        return _.value;
+      });
+    }
     var frugal_value = process_frugal_local(props, changedValue);
     return marshal === 2 ? frugal_value : JSON.stringify(frugal_value);
   }
@@ -530,7 +548,8 @@ function use_options(props) {
     _props$linker2 = props.linker,
     linker = _props$linker2 === void 0 ? ',' : _props$linker2,
     frugal = props.frugal,
-    display_linker = props.display_linker;
+    display_linker = props.display_linker,
+    fetch_options_on_open = props.fetch_options_on_open;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     options = _useState2[0],
@@ -550,19 +569,22 @@ function use_options(props) {
     var safeData = getData(value, options, marshal, type, linker, frugal);
     setData(safeData);
   }, [value, options]);
+  // useEffect(() => {
+  //   process_options()
+  // }, []);
   useEffect(function () {
+    process_options();
+  }, [optionKey, _options, uniqueKey]);
+  function process_options() {
     if (fetch_options) {
       setLoading(true);
       safe_fetch_options(fetch_options, form).then(set_options)["finally"](function () {
         return setLoading(false);
       });
-    }
-  }, []);
-  useEffect(function () {
-    if (!fetch_options) {
+    } else {
       set_options(parse_MC_option(props));
     }
-  }, [optionKey, _options, uniqueKey]);
+  }
   var is_multiple = check_multiple(props);
   // mchcLogger.log('MySelect', { data, options, props })
   var label = is_multiple ? data.map(function (_) {
@@ -577,7 +599,8 @@ function use_options(props) {
     options: options,
     data: data,
     setData: setData,
-    display_node: display_node
+    display_node: display_node,
+    process_options: process_options
   };
 }
 function process_frugal_local(props, changedValue) {
@@ -593,28 +616,37 @@ function process_frugal_remote(value, frugal) {
   if (isNil(frugal_value === null || frugal_value === void 0 ? void 0 : frugal_value.value)) return [];
   return [frugal_value];
 }
+function process_primary_array_value(value, options) {
+  if (isArray(value) && value.every(isPrimitive)) {
+    return value.map(function (v) {
+      var _options$find;
+      return (_options$find = options.find(function (opt) {
+        return numberLikeCompare(v, opt.value);
+      })) !== null && _options$find !== void 0 ? _options$find : {
+        value: v,
+        label: v
+      };
+    });
+  }
+  return [];
+}
 function getData(value, options, marshal, type) {
   var l = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : ',';
   var frugal = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+  if (marshal === 3) {
+    return process_primary_array_value(value, options);
+  }
   var unMarshalData = process_frugal_remote(value, frugal);
   var splitValue = function splitValue() {
     return isString(value) ? value.split(l).filter(function (_) {
       return _;
     }) : [];
   };
-  var v = [1, 2].includes(marshal) ? unMarshalData : (type === 'multiple' || type === 'tags') && isString(value) ? splitValue().map(function (value) {
-    var _options$find;
-    return (_options$find = options.find(function (_) {
-      return numberLikeCompare(value, _.value);
-    })) !== null && _options$find !== void 0 ? _options$find : {
-      value: value,
-      label: value
-    };
-  }) : value;
+  var v = [1, 2].includes(marshal) ? unMarshalData : (type === 'multiple' || type === 'tags') && isString(value) ? process_primary_array_value(splitValue(), options) : value;
   var safeData = Array.isArray(v) ? v : isNumber(v) || isString(v) || isBoolean(v) || isNull(v)
   // ? options.filter(_ => _.value === v)
-  ? options.filter(function (_) {
-    return numberLikeCompare(_.value, v);
+  ? options.filter(function (opt) {
+    return numberLikeCompare(opt.value, v);
   }) : [];
   // mchcLogger.log('MySelect', { numberLikeCompare, v, options })
   return safeData;
@@ -627,9 +659,8 @@ function parse_MC_option(props) {
   var optionKey = props.optionKey;
   var preOptions = optionKey ? getPresetOptions(optionKey, marshal === 0) : null;
   var dicOptions = parse_MC_dict_options(props);
-  var options = (_ref2 = (_ref3 = dicOptions !== null && dicOptions !== void 0 ? dicOptions : preOptions) !== null && _ref3 !== void 0 ? _ref3 : parse_MC_string_options(props)) !== null && _ref2 !== void 0 ? _ref2 : defaultOptions;
-  // const multiple_compatible_options = options.map(_ => ({ value:}))
-  return options;
+  var opts = (_ref2 = (_ref3 = dicOptions !== null && dicOptions !== void 0 ? dicOptions : preOptions) !== null && _ref3 !== void 0 ? _ref3 : parse_MC_string_options(props)) !== null && _ref2 !== void 0 ? _ref2 : defaultOptions;
+  return opts;
 }
 function parse_MC_dict_options(props) {
   if (!(props !== null && props !== void 0 && props.uniqueKey)) return;
@@ -655,30 +686,33 @@ function parse_MC_string_options(props) {
   var _config$inputType;
   if (!props) return [];
   var useString = props.useString,
+    _props$useDefault = props.useDefault,
+    useDefault = _props$useDefault === void 0 ? true : _props$useDefault,
     type = props.type,
     config = props.config,
     startIndex = props.startIndex,
     sp = props.sp;
-  var _options = isFunction(props.options) ? props.options() : props.options;
-  if (!isString(_options)) return isArray(_options) ? _options.map(function (_) {
+  var _opt = isFunction(props.options) ? props.options() : props.options;
+  if (!isString(_opt)) return isArray(_opt) ? _opt.map(function (_) {
     return isString(_) ? {
       value: _,
       label: _
     } : _;
-  }) : [];
+  }).filter(identity) : [];
   var input_type = (_config$inputType = config === null || config === void 0 ? void 0 : config.inputType) !== null && _config$inputType !== void 0 ? _config$inputType : 'MC';
   var multiple = type === 'multiple';
   var marshal = getMarshal(props);
-  var options = getDualModeOptions(_options, {
+  var opts = getDualModeOptions(_opt, {
     sp: sp,
     useString: multiple && !marshal || useString,
-    start: startIndex
+    start: startIndex,
+    useDefault: useDefault
   });
-  return input_type === 'MA' ? options[1] : options[0];
+  return input_type === 'MA' ? opts[1] : opts[0];
 }
-function displayValue(_options, value) {
+function displayValue(_opt, value) {
   var l = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ',';
-  var _value = _options.filter(function (o) {
+  var _value = _opt.filter(function (o) {
     return value.find(function (v) {
       return v.value == o.value;
     });
@@ -739,18 +773,13 @@ var DisplayFC$3 = function DisplayFC$3(_props) {
   return /*#__PURE__*/React__default.createElement("span", null, isUnknown ? '不详' : m.isValid() ? m.format(format) : EMPTY_PLACEHOLDER);
 };
 var MyDatePicker = /*#__PURE__*/lazy(function () {
-  return import('./root.24.js');
+  return import('./root.28.js');
 });
 MyDatePicker.DisplayFC = DisplayFC$3;
 var defaultGetPopupContainer = function defaultGetPopupContainer() {
   return document.body;
 };
-function areEqual(prevProps, nextProps) {
-  if (prevProps.value !== nextProps.value) {
-    return false;
-  }
-  return true;
-}
+// & Omit<RangePickerProps, 'value' | 'disabled'>
 function process_value_remote(value, marshal, linker) {
   var _value = value;
   var safeValue = [];
@@ -812,7 +841,7 @@ var DisplayFC$2 = function DisplayFC$2(_props) {
   return disPlay_value.join(linker);
 };
 var MyRangePicker = /*#__PURE__*/lazy(function () {
-  return import('./root.22.js');
+  return import('./root.24.js');
 });
 var MyRangeDate = function MyRangeDate(props) {
   var placeholder = props.placeholder,
@@ -924,7 +953,7 @@ var MyInput = /*#__PURE__*/forwardRef(function (props, myRef) {
     _onChange3 = props.onChange,
     type = props.type,
     others = _objectWithoutProperties(props, _excluded4);
-  if (type === 'number') return /*#__PURE__*/React__default.createElement(MyInputNumber, _objectSpread({}, props));
+  if (type === "number") return /*#__PURE__*/React__default.createElement(MyInputNumber, _objectSpread({}, props));
   var _useState7 = useState(value),
     _useState8 = _slicedToArray(_useState7, 2),
     _value = _useState8[0],
@@ -936,6 +965,7 @@ var MyInput = /*#__PURE__*/forwardRef(function (props, myRef) {
   return /*#__PURE__*/React__default.createElement(Input, _objectSpread(_objectSpread({
     ref: myRef,
     value: _value,
+    title: value,
     onChange: function onChange(e) {
       var v = e.target.value;
       set_value(v);
@@ -946,7 +976,7 @@ var MyInput = /*#__PURE__*/forwardRef(function (props, myRef) {
     },
     style: _style
   }, others), {}, {
-    placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : '请输入'
+    placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : "请输入"
   }));
 });
 MyInput.DisplayFC = function (props) {
@@ -998,123 +1028,12 @@ MySwitch.DisplayFC = function (_ref6) {
     unCheckedChildren = _ref6.unCheckedChildren,
     unchecked_text = _ref6.unchecked_text;
   if (isNil(value)) return '';
-  return value ? (_ref7 = checkedChildren !== null && checkedChildren !== void 0 ? checkedChildren : checked_text) !== null && _ref7 !== void 0 ? _ref7 : /*#__PURE__*/React__default.createElement(CheckOutlined, null) : (_ref8 = unCheckedChildren !== null && unCheckedChildren !== void 0 ? unCheckedChildren : unchecked_text) !== null && _ref8 !== void 0 ? _ref8 : /*#__PURE__*/React__default.createElement(CloseOutlined, null);
+  return value ? (_ref7 = checkedChildren !== null && checkedChildren !== void 0 ? checkedChildren : checked_text) !== null && _ref7 !== void 0 ? _ref7 : /*#__PURE__*/React__default.createElement(MyIcon, {
+    value: 'CheckOutlined'
+  }) : (_ref8 = unCheckedChildren !== null && unCheckedChildren !== void 0 ? unCheckedChildren : unchecked_text) !== null && _ref8 !== void 0 ? _ref8 : /*#__PURE__*/React__default.createElement(MyIcon, {
+    value: 'CloseOutlined'
+  });
 };
-function use_icon(props) {
-  var _props$icon_type = props.icon_type,
-    icon_type = _props$icon_type === void 0 ? '' : _props$icon_type,
-    value = props.value,
-    onChange = props.onChange,
-    form = props.form,
-    others = _objectWithoutProperties(props, _excluded5);
-  var _useState9 = useState({}),
-    _useState10 = _slicedToArray(_useState9, 2),
-    all_icons = _useState10[0],
-    set_all_icons = _useState10[1];
-  var _useState11 = useState([]),
-    _useState12 = _slicedToArray(_useState11, 2),
-    all_keys = _useState12[0],
-    set_all_keys = _useState12[1];
-  var QuestionOutlined = all_icons['QuestionOutlined'] || function () {
-    return /*#__PURE__*/React__default.createElement("span", null, "?");
-  };
-  function render_Icon(t) {
-    var _all_icons$default, _all_icons$default2;
-    var p = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    if (!((_all_icons$default = all_icons["default"]) !== null && _all_icons$default !== void 0 && _all_icons$default.render)) return null;
-    var R = (_all_icons$default2 = all_icons["default"]) === null || _all_icons$default2 === void 0 ? void 0 : _all_icons$default2.render;
-    if (!t) return null;
-    if (!all_keys.includes(t)) return /*#__PURE__*/React__default.createElement(R, _objectSpread(_objectSpread({
-      title: t,
-      component: QuestionOutlined
-    }, p), others));
-    var C = all_icons[t];
-    return /*#__PURE__*/React__default.createElement(R, _objectSpread(_objectSpread({
-      title: t,
-      component: C
-    }, p), others));
-  }
-  useEffect(function () {
-    import('@ant-design/icons').then(function (mod) {
-      /*#__PURE__*/React__default.createElement(mod["default"], null);
-      set_all_icons(mod);
-      var keys = Object.keys(mod).filter(function (_) {
-        return ['Outlined'].some(function (limit) {
-          return _.includes(limit);
-        });
-      });
-      set_all_keys(keys);
-    });
-  }, []);
-  return {
-    all_keys: all_keys,
-    render_Icon: render_Icon
-  };
-}
-var MyIconSelect = /*#__PURE__*/forwardRef(function (props, myRef) {
-  var value = props.value,
-    onChange = props.onChange;
-  var _use_icon = use_icon(props),
-    all_keys = _use_icon.all_keys,
-    render_Icon = _use_icon.render_Icon;
-  return /*#__PURE__*/React__default.createElement(Dropdown_L, {
-    arrow: true,
-    trigger: ['click'],
-    popupRender: function popupRender(node) {
-      return /*#__PURE__*/React__default.createElement(Card, {
-        size: 'small',
-        styles: {
-          body: {
-            width: 580,
-            height: 360,
-            overflowY: 'auto'
-          }
-        }
-      }, /*#__PURE__*/React__default.createElement(List, {
-        style: {},
-        grid: {
-          column: 12
-        },
-        dataSource: all_keys,
-        renderItem: function renderItem(key) {
-          return /*#__PURE__*/React__default.createElement(List.Item, {
-            style: {
-              cursor: 'pointer',
-              background: key === value ? '#aaa' : '',
-              padding: 12,
-              display: 'flex',
-              alignItems: 'center',
-              justifyContent: 'center'
-            },
-            key: key,
-            onClick: function onClick() {
-              return onChange === null || onChange === void 0 ? void 0 : onChange(key);
-            }
-          }, render_Icon(key, {
-            style: {
-              fontSize: 20
-            }
-          }), node);
-        }
-      }));
-    }
-  }, /*#__PURE__*/React__default.createElement(MyInput, {
-    addonBefore: render_Icon(value),
-    placeholder: '请选择',
-    value: value,
-    allowClear: true,
-    onChange: onChange,
-    onClear: function onClear() {
-      return onChange === null || onChange === void 0 ? void 0 : onChange('');
-    }
-  }));
-});
-function MyIcon(props) {
-  var _use_icon2 = use_icon(props),
-    render_Icon = _use_icon2.render_Icon;
-  return render_Icon(props.value);
-}
-MyIconSelect.DisplayFC = MyIcon;
 function MyButton(props) {
   var btn_text = props.btn_text,
     defaultIcon = props.defaultIcon,
@@ -1126,14 +1045,17 @@ function MyButton(props) {
     primary = props.primary,
     hidden = props.hidden,
     on_btn_click = props.on_btn_click,
-    others = _objectWithoutProperties(props, _excluded6);
+    title = props.title,
+    others = _objectWithoutProperties(props, _excluded5);
   if (hidden) return null;
   var type = props.type;
-  var _useState13 = useState(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    visible = _useState14[0],
-    setVisible = _useState14[1];
-  var _icon = visible ? defaultIcon !== null && defaultIcon !== void 0 ? defaultIcon : /*#__PURE__*/React__default.createElement(LoadingOutlined, null) : icon;
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    visible = _useState10[0],
+    setVisible = _useState10[1];
+  var _icon = visible ? defaultIcon !== null && defaultIcon !== void 0 ? defaultIcon : /*#__PURE__*/React__default.createElement(MyIcon, {
+    value: 'LoadingOutlined'
+  }) : icon;
   if (primary) {
     type = 'primary';
   }
@@ -1181,13 +1103,14 @@ function MyButton(props) {
   }
   // const node = (visible) ? tip : (text ?? children)
   return /*#__PURE__*/React__default.createElement(Button$1, _objectSpread(_objectSpread({}, others), {}, {
-    title: btn_text,
+    title: title || btn_text,
     icon: _icon,
     type: type,
     onClick: on_click
   }), btn_text !== null && btn_text !== void 0 ? btn_text : children);
 }
 var packs = {
+  Divider: Divider,
   MyIconSelect: MyIconSelect,
   MI: MyInput,
   input: MyInput,
@@ -1220,7 +1143,7 @@ var packs = {
   Switch: MySwitch,
   MSW: MySwitch,
   ArrayInput: ArrayInput,
-  MArr: ArrayInput,
+  ArraySingle: ArraySingle,
   MySelect: MySelect,
   MS: MySelect,
   Select: MySelect,
@@ -1273,7 +1196,7 @@ var GlobalModal_ = /*#__PURE__*/function () {
     value: function confirmOnce(_ref10) {
       var storeKey = _ref10.storeKey,
         cb = _ref10.cb,
-        others = _objectWithoutProperties(_ref10, _excluded7);
+        others = _objectWithoutProperties(_ref10, _excluded6);
       var isAllow = localStorage.get(storeKey);
       if (isNil(isAllow)) {
         Modal.confirm(_objectSpread(_objectSpread({}, others), {}, {
@@ -1374,7 +1297,7 @@ var GlobalModal = /*#__PURE__*/function () {
     value: function confirmOnce(_ref11) {
       var storeKey = _ref11.storeKey,
         cb = _ref11.cb,
-        others = _objectWithoutProperties(_ref11, _excluded8);
+        others = _objectWithoutProperties(_ref11, _excluded7);
       var isAllow = localStorage.get(storeKey);
       if (isNil(isAllow)) {
         Modal.confirm(_objectSpread(_objectSpread({}, others), {}, {
@@ -1396,10 +1319,10 @@ function MountGlobalModal(props) {
   var meta = props.meta,
     globalModal = props.globalModal;
   // useNotification()
-  var _useState15 = useState([]),
-    _useState16 = _slicedToArray(_useState15, 2),
-    modalQueue = _useState16[0],
-    setModalQueue = _useState16[1];
+  var _useState11 = useState([]),
+    _useState12 = _slicedToArray(_useState11, 2),
+    modalQueue = _useState12[0],
+    setModalQueue = _useState12[1];
   useEffect(function () {
     globalModal.init(modalQueue, setModalQueue);
   }, [modalQueue]);
@@ -1477,4 +1400,4 @@ var ContainerDimensions = /*#__PURE__*/function (_Component) {
     }
   }]);
 }(Component);
-export { AutoComplete_L as $, ArrayInput as A, MyIconSelect as B, Checkbox_L as C, DatePicker_L as D, MyAutoComplete as E, MyButton as F, MountGlobalModal as G, GlobalModal_ as H, GlobalModal as I, MyMonaco as J, MyLazyComponent as K, isUrl as L, MonthPicker_L as M, getArray as N, getFormat as O, getParamByName as P, handle_form_error as Q, RangePicker_L as R, Select_L as S, TimePicker_L as T, UNKNOWN_TIME_SYMBOL as U, form_validate as V, fuck_focus as W, get_check_invert_values as X, parse_MC_dict_options as Y, displayValue as Z, Calendar_L as _, getMarshal as a, ColorPicker_L as a0, Form_L as a1, Dropdown_L as a2, Table_L as a3, Tree_L as a4, Modal_L as a5, Pagination_L as a6, SelectOption_L as a7, TreeSelect_L as a8, QRCode_L as a9, Switch_L as aa, ContainerDimensions as ab, get_mode as b, check_multiple as c, parse_MC_value as d, areEqual as e, format_range_props as f, getInputStyle as g, handleChangeValue as h, parse_MC_option as i, get_status_cls as j, formatDatePickerProps as k, getIsUnknown as l, get_unknown_conf as m, handleChangeValue$1 as n, MyInput as o, packs as p, MySelect as q, MyCheckbox_Display as r, styleInject as s, MyCheckbox as t, use_options as u, MyRangePicker as v, MyRangeDate as w, MyRangeDateTime as x, MyColor as y, MyIcon as z };
+export { displayValue as $, ArrayInput as A, MyColor as B, Checkbox_L as C, Dropdown_L as D, MyIconSelect as E, MyAutoComplete as F, MyButton as G, MySwitch as H, MountGlobalModal as I, GlobalModal_ as J, GlobalModal as K, MyMonaco as L, MyIcon as M, MyLazyComponent as N, isUrl as O, getArray as P, getFormat as Q, RangePicker_L as R, Select_L as S, TimePicker_L as T, UNKNOWN_TIME_SYMBOL as U, getParamByName as V, handle_form_error as W, form_validate as X, fuck_focus as Y, get_check_invert_values as Z, parse_MC_dict_options as _, getMarshal as a, Calendar_L as a0, AutoComplete_L as a1, ColorPicker_L as a2, Form_L as a3, Table_L as a4, Tree_L as a5, Modal_L as a6, Pagination_L as a7, SelectOption_L as a8, TreeSelect_L as a9, QRCode_L as aa, Switch_L as ab, ContainerDimensions as ac, get_mode as b, check_multiple as c, parse_MC_value as d, MyInput as e, format_range_props as f, getInputStyle as g, handleChangeValue as h, parse_MC_option as i, get_status_cls as j, MonthPicker_L as k, formatDatePickerProps as l, getIsUnknown as m, DatePicker_L as n, get_unknown_conf as o, packs as p, handleChangeValue$1 as q, MySelect as r, styleInject as s, MyCheckbox_Display as t, use_options as u, MyCheckbox as v, ArraySingle as w, MyRangePicker as x, MyRangeDate as y, MyRangeDateTime as z };

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,7 +8,6 @@ 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';
@@ -56,12 +55,14 @@ var MySelect = function MySelect(props) {
     uniqueKey = props.uniqueKey,
     _props$popupMatchSele = props.popupMatchSelectWidth,
     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 (_) {
@@ -139,7 +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({
+  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,7 +7,6 @@ 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';

package/dist/a_chunks/root.19.js

@@ -1,7 +1,6 @@
 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';

package/dist/a_chunks/root.20.js

@@ -5,7 +5,6 @@ import React__default, { useRef, useEffect } from 'react';
 import { c as componentMap } from './components.js';
 import { u as use_options } from './index.js';
 import '@noah-libjs/utils';
-import '@ant-design/icons';
 import 'antd';
 import 'dayjs';
 import 'rc-select';

package/dist/a_chunks/root.21.js

@@ -5,7 +5,6 @@ import React__default, { useEffect } from 'react';
 import { c as componentMap } from './components.js';
 import { u as use_options } from './index.js';
 import '@noah-libjs/utils';
-import '@ant-design/icons';
 import 'antd';
 import 'dayjs';
 import 'rc-select';