@noah-libjs/components 0.0.7 → 0.0.9

package/dist/a_chunks/index.js

@@ -4,34 +4,45 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["value", "onChange", "placeholder", "warning", "disabled"],
-  _excluded2 = ["width", "style", "placeholder", "name", "warning", "form", "value", "onChange", "type"],
-  _excluded3 = ["storeKey", "cb"],
-  _excluded4 = ["storeKey", "cb"];
+var _excluded = ["placeholder"],
+  _excluded2 = ["placeholder"],
+  _excluded3 = ["value", "onChange", "placeholder", "warning", "disabled"],
+  _excluded4 = ["width", "style", "placeholder", "name", "warning", "form", "value", "onChange", "type"],
+  _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";
 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 * as React from 'react';
-import React__default, { lazy, useState, useEffect, forwardRef, Suspense, Component } from 'react';
-import { CloseOutlined, CheckOutlined } from '@ant-design/icons';
-import { getMomentRange, isString, get, isEmpty, safe_fetch_options, safe_json_parse_arr, numberLikeCompare, isNumber, isBoolean, getPresetOptions, getDictionariesEnumerations, isFunction, isArray, getDualModeOptions, formatDateTimeNoSecond, formatDate, getMomentObj, EMPTY_PLACEHOLDER, isNil } from '@noah-libjs/utils';
-import { Space, Button as Button$1, InputNumber, Checkbox, Input, Skeleton, Modal } from 'antd';
+import React__default, { lazy, forwardRef, useRef, useState, useEffect, Suspense, Component } from 'react';
+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 { TreeNode } from 'rc-tree';
+import RCTree, { TreeNode } from 'rc-tree';
+import { safe_fetch_options } from '@noah-libjs/request';
 var ArrayInput = /*#__PURE__*/lazy(function () {
   return import('./root.20.js');
 });
 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);
 };
@@ -43,35 +54,35 @@ var MyCheckbox_Display = /*#__PURE__*/lazy(function () {
 });
 MyCheckbox.DisplayFC = MyCheckbox_Display;
 var DatePickerInner = /*#__PURE__*/lazy(function () {
-  return import('./root.24.js').then(function (r) {
+  return import('./root.29.js').then(function (r) {
     return {
       "default": r.DatePicker
     };
   });
 });
 var RangePickerInner = /*#__PURE__*/lazy(function () {
-  return import('./root.24.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.24.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.24.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.25.js');
+  return import('./root.30.js');
 });
 var DatePicker_L = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(DatePickerInner, _objectSpread(_objectSpread({}, props), {}, {
@@ -90,7 +101,7 @@ var MonthPicker_L = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: ref
   }));
 });
-MonthPicker_L.displayName = 'TimePicker';
+MonthPicker_L.displayName = 'MonthPicker';
 var RangePicker_L = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   return /*#__PURE__*/React__default.createElement(RangePickerInner, _objectSpread(_objectSpread({
     ranges: getMomentRange()
@@ -171,19 +182,20 @@ var Inner$5 = /*#__PURE__*/React__default.lazy(function () {
 var DirectoryTreeInner = /*#__PURE__*/React__default.lazy(function () {
   return import('./root.9.js');
 });
-function Tree_(props) {
-  return /*#__PURE__*/React__default.createElement(Inner$5, _objectSpread({}, props));
-}
+var Tree_ = /*#__PURE__*/forwardRef(function Tree_(props, ref) {
+  return /*#__PURE__*/React__default.createElement(Inner$5, _objectSpread(_objectSpread({}, props), {}, {
+    ref: ref
+  }));
+});
 function DirectoryTree(props) {
   return /*#__PURE__*/React__default.createElement(DirectoryTreeInner, _objectSpread({}, props));
 }
+//@ts-ignore
 var Tree_L = Object.assign(Tree_, {
   TreeNode: TreeNode,
-  DirectoryTree: DirectoryTree
+  DirectoryTree: DirectoryTree,
+  RCTree: RCTree
 });
-function aa() {
-  return /*#__PURE__*/React__default.createElement(Tree_L, null);
-}
 var Inner$4 = /*#__PURE__*/React__default.lazy(function () {
   return import('./root.10.js');
 });
@@ -220,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,
@@ -234,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);
     }
@@ -250,23 +271,58 @@ MyColor.DisplayFC = function (props) {
     }
   });
 };
+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 = ".theme_warning__83Ww2 {\n  color: orange !important;\n}\n.theme_warning__83Ww2 input {\n  color: orange !important;\n}\n.theme_error__i4RPC {\n  color: red !important;\n}\n.theme_error__i4RPC input {\n  color: red !important;\n}\n";
+var theme = {
+  "warning": "theme_warning__83Ww2",
+  "error": "theme_error__i4RPC"
+};
+styleInject(css_248z);
+function get_status_cls(status) {
+  if (status === 'error') return theme['error'];
+  if (status === 'warning') return theme['warning'];
+}
 function getInputStyle() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var _props$style = props.style,
     style = _props$style === void 0 ? {} : _props$style,
     width = props.width,
     inputWidth = props.inputWidth,
-    warning = props.warning,
-    warn = props.warn;
+    status = props.status;
   if (width) {
     style.width = style.width || width;
   }
   if (inputWidth) {
     style.minWidth = style.minWidth || inputWidth;
   }
-  if (warning || warn) {
-    style.border = '1px solid red';
-    style.color = 'red';
+  if (status === 'error') {
+    style.color = 'red !important';
+  }
+  if (status === 'warning') {
+    style.color = 'yellow !important';
   }
   // if (isInt(popupMatchSelectWidth))
   //     style.width = style.width || (popupMatchSelectWidth / 2)
@@ -344,31 +400,96 @@ function handle_form_error(error, form) {
   }
   return null;
 }
+function form_validate(form) {
+  return new Promise(function (res, rej) {
+    if (!form) {
+      rej({
+        text: 'form 不存在'
+      });
+      return;
+    }
+    form.validateFields().then(function () {
+      var formData = form.getFieldsValue();
+      res(formData);
+    })["catch"](function (error) {
+      var first_err = handle_form_error(error, form);
+      rej(first_err);
+    });
+  });
+}
+function fuck_focus(props) {
+  var onBlur = props.onBlur;
+  var forcusInfo = useRef({});
+  function child_focus() {
+    var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    forcusInfo.current = {
+      index: index,
+      type: 'child'
+    };
+  }
+  function child_blur() {
+    var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    forcusInfo.current = {
+      index: undefined,
+      type: undefined
+    };
+  }
+  function parent_blur(e) {
+    var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    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);
+  }
+  function parent_focus() {
+    var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  } // setTimeout(() => {
+  //     forcusInfo.current = { index, type: 'parent' }
+  // }, 10);
+  return {
+    child_blur: child_blur,
+    child_focus: child_focus,
+    parent_blur: parent_blur,
+    parent_focus: parent_focus
+  };
+}
 function get_check_invert_values(configs) {
   if (!Array.isArray(configs)) return {};
   var children = configs.filter(function (_) {
-    return ['MC', 'MA', 'MS'].includes(_ === null || _ === void 0 ? void 0 : _.inputType) || Array.isArray(_ === null || _ === void 0 ? void 0 : _.children);
+    return ['MC', 'MA', 'MS', 'MSW'].includes(_ === null || _ === void 0 ? void 0 : _.inputType) || Array.isArray(_ === null || _ === void 0 ? void 0 : _.children);
   });
   var check_invert_values = children.filter(function (_) {
     return !(_ !== null && _ !== void 0 && _.disabled_check);
   }).reduce(function (a, item, idx) {
-    var _ref, _item$name, _item$inputProps;
     // const name = SMchc_FormDescriptions.get_form_item_name_raw(item)
-    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 props = _objectSpread(_objectSpread({}, (_item$inputProps = item === null || item === void 0 ? void 0 : item.inputProps) !== null && _item$inputProps !== void 0 ? _item$inputProps : {}), {}, {
-      config: item
-    });
-    var options = parse_MC_option(props);
-    var firstOption = options[0];
     var cArr = item === null || item === void 0 ? void 0 : item.children;
-    var cObj = {};
     if (Array.isArray(cArr)) {
+      var cObj = {};
       cObj = get_check_invert_values(cArr);
       return _objectSpread(_objectSpread({}, a), cObj);
     } else {
+      var _item$inputProps, _ref, _item$name;
+      var props = _objectSpread(_objectSpread({}, (_item$inputProps = item === null || item === void 0 ? void 0 : item.inputProps) !== null && _item$inputProps !== void 0 ? _item$inputProps : {}), {}, {
+        config: item
+      });
+      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 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(opts)) {
+        return a;
+      }
+      var firstOption = opts[0];
       return _objectSpread(_objectSpread({}, a), {}, _defineProperty({}, "".concat(name), [parse_MC_value(props, [firstOption]), null, {
         props: props,
-        options: options
+        options: opts
       }]));
     }
   }, {});
@@ -389,14 +510,24 @@ function getMarshal(props) {
 }
 function parse_MC_value(props, changedValue) {
   var _props$config, _changedValue$, _changedValue$2;
+  var _props$linker = props.linker,
+    linker = _props$linker === void 0 ? ',' : _props$linker;
   if (((_props$config = props.config) === null || _props$config === void 0 ? void 0 : _props$config.inputType) === 'MA') return changedValue === null || changedValue === void 0 || (_changedValue$ = changedValue[0]) === null || _changedValue$ === void 0 ? void 0 : _changedValue$.value;
   var marshal = getMarshal(props);
   var type = get_mode(props);
   if (!changedValue.length) return null;
-  if (marshal) return marshal === 2 ? changedValue : JSON.stringify(changedValue);
+  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);
+  }
   if (type === 'multiple' || type === 'tags') return changedValue.map(function (_) {
     return _.value;
-  }).join(',');
+  }).join(linker);
   return (_changedValue$2 = changedValue[0]) === null || _changedValue$2 === void 0 ? void 0 : _changedValue$2.value;
 }
 function check_multiple(props) {
@@ -412,7 +543,13 @@ function use_options(props) {
   var fetch_options = props.fetch_options,
     optionKey = props.optionKey,
     _options = props.options,
-    uniqueKey = props.uniqueKey;
+    uniqueKey = props.uniqueKey,
+    form = props.form,
+    _props$linker2 = props.linker,
+    linker = _props$linker2 === void 0 ? ',' : _props$linker2,
+    frugal = props.frugal,
+    display_linker = props.display_linker,
+    fetch_options_on_open = props.fetch_options_on_open;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     options = _useState2[0],
@@ -429,24 +566,30 @@ function use_options(props) {
   var marshal = getMarshal(props);
   var type = get_mode(props);
   useEffect(function () {
-    var safeData = getData(value, options, marshal, type);
+    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).then(set_options)["finally"](function () {
+      safe_fetch_options(fetch_options, form).then(set_options)["finally"](function () {
         return setLoading(false);
       });
     } else {
       set_options(parse_MC_option(props));
     }
-  }, [fetch_options, optionKey, _options, uniqueKey]);
+  }
   var is_multiple = check_multiple(props);
   // mchcLogger.log('MySelect', { data, options, props })
   var label = is_multiple ? data.map(function (_) {
     return _.label;
-  }).join(',') : (_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$.label;
+  }).join(display_linker !== null && display_linker !== void 0 ? display_linker : linker) : (_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$.label;
   var safe_node = label !== null && label !== void 0 ? label : '';
   var display_node = /*#__PURE__*/React__default.createElement("span", {
     title: safe_node
@@ -456,29 +599,54 @@ 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) {
+  var frugal = props.frugal;
+  if (!frugal) return changedValue;
+  console.log('frugal_value local', changedValue[0]);
+  return changedValue[0];
+}
+function process_frugal_remote(value, frugal) {
+  if (!frugal) return safe_json_parse_arr(value, value);
+  var frugal_value = safe_json_parse(value);
+  console.log('frugal_value remote', frugal_value);
+  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 unMarshalData = safe_json_parse_arr(value, value);
+  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(',').filter(function (_) {
+    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 safeData = Array.isArray(v) ? v : isNumber(v) || isString(v) || isBoolean(v)
+  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;
@@ -491,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;
@@ -519,36 +686,40 @@ 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, isMul) {
-  var _value = _options.filter(function (o) {
+function displayValue(_opt, value) {
+  var l = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ',';
+  var _value = _opt.filter(function (o) {
     return value.find(function (v) {
       return v.value == o.value;
     });
   });
   return _value.map(function (_) {
     return _.label;
-  }).join(',');
+  }).join(l);
 }
 function get_unknown_conf(props) {
   var showUnknown = props.showUnknown,
@@ -556,31 +727,31 @@ function get_unknown_conf(props) {
   return showUnknown || unknown;
 }
 var defaultOptions = [];
-var defaultGetPopupContainer = function defaultGetPopupContainer() {
+var defaultGetPopupContainer$1 = function defaultGetPopupContainer$1() {
   return document.body;
 };
 var UNKNOWN_TIME_SYMBOL = '1970-01-01 00:00:00';
 function formatDatePickerProps(props) {
   var _data$getPopupContain;
   var data = _objectSpread({}, props);
-  if (!data.format) {
+  if (data.format === undefined) {
     if (props.time_only) {
       data.format = 'HH:mm';
     } else {
       data.format = data.showTime ? formatDateTimeNoSecond.format : formatDate.format;
     }
   }
-  data.getPopupContainer = (_data$getPopupContain = data.getPopupContainer) !== null && _data$getPopupContain !== void 0 ? _data$getPopupContain : defaultGetPopupContainer;
+  data.getPopupContainer = (_data$getPopupContain = data.getPopupContainer) !== null && _data$getPopupContain !== void 0 ? _data$getPopupContain : defaultGetPopupContainer$1;
   return data;
 }
 function getIsUnknown(props) {
   var value = props.value;
-  var symbolValue = handleChangeValue(props, UNKNOWN_TIME_SYMBOL);
-  var _value = handleChangeValue(props, value);
+  var symbolValue = handleChangeValue$1(props, UNKNOWN_TIME_SYMBOL);
+  var _value = handleChangeValue$1(props, value);
   var isUnknown = _value === symbolValue && get_unknown_conf(props);
   return isUnknown;
 }
-var handleChangeValue = function handleChangeValue(_ref4, date) {
+var handleChangeValue$1 = function handleChangeValue$1(_ref4, date) {
   var valueType = _ref4.valueType,
     format = _ref4.format;
   var result = date;
@@ -592,18 +763,118 @@ var handleChangeValue = function handleChangeValue(_ref4, date) {
   }
   return result;
 };
-var DisplayFC$2 = function DisplayFC$2(_props) {
+var DisplayFC$3 = function DisplayFC$3(_props) {
   var props = formatDatePickerProps(_props);
   var value = props.value,
     format = props.format;
+  if (!value) return null;
   var isUnknown = getIsUnknown(props);
   var m = getMomentObj(value);
   return /*#__PURE__*/React__default.createElement("span", null, isUnknown ? '不详' : m.isValid() ? m.format(format) : EMPTY_PLACEHOLDER);
 };
 var MyDatePicker = /*#__PURE__*/lazy(function () {
-  return import('./root.23.js');
+  return import('./root.28.js');
+});
+MyDatePicker.DisplayFC = DisplayFC$3;
+var defaultGetPopupContainer = function defaultGetPopupContainer() {
+  return document.body;
+};
+// & Omit<RangePickerProps, 'value' | 'disabled'>
+function process_value_remote(value, marshal, linker) {
+  var _value = value;
+  var safeValue = [];
+  if (isArray(_value)) return _value;
+  switch (marshal) {
+    case 0:
+      if (isString(_value)) safeValue = _value.split(linker);
+      break;
+    case 1:
+      if (isString(_value)) safeValue = safe_json_parse_arr(_value);
+      break;
+    default:
+      if (isArray(_value)) safeValue = _value;
+      break;
+  }
+  return Array.isArray(safeValue) ? safeValue : [];
+}
+function format_range_props(props) {
+  var _data$format, _data$marshal, _data$linker, _data$getPopupContain2;
+  var data = _objectSpread({}, props);
+  data.format = (_data$format = data.format) !== null && _data$format !== void 0 ? _data$format : 'YYYY-MM-DD';
+  data.marshal = (_data$marshal = data.marshal) !== null && _data$marshal !== void 0 ? _data$marshal : 1;
+  data.linker = (_data$linker = data.linker) !== null && _data$linker !== void 0 ? _data$linker : ',';
+  var _value = props.value;
+  var safeValue = process_value_remote(_value, data.marshal, data.linker);
+  data.value = safeValue.map(function (_) {
+    return dayjs(_, data.format);
+  });
+  data.display_value = safeValue;
+  data.getPopupContainer = (_data$getPopupContain2 = data.getPopupContainer) !== null && _data$getPopupContain2 !== void 0 ? _data$getPopupContain2 : defaultGetPopupContainer;
+  return data;
+}
+var handleChangeValue = function handleChangeValue(_ref5, date) {
+  var format = _ref5.format,
+    marshal = _ref5.marshal,
+    linker = _ref5.linker;
+  if (!date) return null;
+  var format_date = date.map(function (_) {
+    var _$format;
+    return (_$format = _ === null || _ === void 0 ? void 0 : _.format(format)) !== null && _$format !== void 0 ? _$format : null;
+  });
+  console.log('format change', {
+    marshal: marshal,
+    format_date: format_date
+  });
+  switch (marshal) {
+    case 0:
+      return format_date.join(linker);
+    case 1:
+      return safe_json_stringify(format_date);
+    default:
+      return format_date;
+  }
+};
+var DisplayFC$2 = function DisplayFC$2(_props) {
+  var props = format_range_props(_props);
+  var linker = props.linker;
+  var disPlay_value = props.display_value;
+  return disPlay_value.join(linker);
+};
+var MyRangePicker = /*#__PURE__*/lazy(function () {
+  return import('./root.24.js');
 });
-MyDatePicker.DisplayFC = DisplayFC$2;
+var MyRangeDate = function MyRangeDate(props) {
+  var placeholder = props.placeholder,
+    rest = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React__default.createElement(MyRangePicker
+  // ranges={getMomentRange(dayjs) as any}
+  , _objectSpread({
+    // ranges={getMomentRange(dayjs) as any}
+    format: "YYYY-MM-DD",
+    style: {
+      width: 230
+    }
+  }, rest));
+};
+var MyRangeDateTime = function MyRangeDateTime(props) {
+  var placeholder = props.placeholder,
+    rest = _objectWithoutProperties(props, _excluded2);
+  return /*#__PURE__*/React__default.createElement(MyRangePicker
+  // ranges={getMomentRange(dayjs) as any}
+  , _objectSpread({
+    // ranges={getMomentRange(dayjs) as any}
+    showTime: {
+      defaultValue: [dayjs('00:00', 'HH:mm'), dayjs('23:59', 'HH:mm')]
+    },
+    format: "YYYY-MM-DD HH:mm",
+    style: {
+      width: 320
+    }
+  }, rest));
+};
+MyRangeDate.DisplayFC = DisplayFC$2;
+MyRangeDateTime.DisplayFC = DisplayFC$2;
+MyRangePicker.DisplayFC = DisplayFC$2;
 
 // .ant-input-affix-wrapper-borderless
 var UNKNOWN_NUMBER_SYMBOL = 2147483647;
@@ -613,7 +884,7 @@ var MyInputNumber = function MyInputNumber_(props) {
     placeholder = props.placeholder,
     warning = props.warning,
     disabled = props.disabled,
-    others = _objectWithoutProperties(props, _excluded);
+    others = _objectWithoutProperties(props, _excluded3);
   var _style = getInputStyle(props);
   var unkown_conf = get_unknown_conf(props);
   var isUnkown = unkown_conf && value === UNKNOWN_NUMBER_SYMBOL;
@@ -621,7 +892,10 @@ var MyInputNumber = function MyInputNumber_(props) {
     _style.flex = 1;
   }
   // const node = <Input disabled={disabled} {...others} placeholder={placeholder ?? '请输入数值'} allowClear style={_style} type='number' value={isUnkown ? undefined : value!} onChange={e => onChange?.(e.target.value)} />
-  var node = /*#__PURE__*/React__default.createElement(InputNumber, _objectSpread(_objectSpread({}, others), {}, {
+  var node = /*#__PURE__*/React__default.createElement(InputNumber, _objectSpread(_objectSpread({
+    className: get_status_cls(props.status),
+    controls: false
+  }, others), {}, {
     disabled: disabled,
     placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : '请输入',
     style: _objectSpread({
@@ -678,8 +952,8 @@ var MyInput = /*#__PURE__*/forwardRef(function (props, myRef) {
     value = props.value,
     _onChange3 = props.onChange,
     type = props.type,
-    others = _objectWithoutProperties(props, _excluded2);
-  if (type === 'number') return /*#__PURE__*/React__default.createElement(MyInputNumber, _objectSpread({}, props));
+    others = _objectWithoutProperties(props, _excluded4);
+  if (type === "number") return /*#__PURE__*/React__default.createElement(MyInputNumber, _objectSpread({}, props));
   var _useState7 = useState(value),
     _useState8 = _slicedToArray(_useState7, 2),
     _value = _useState8[0],
@@ -689,18 +963,20 @@ var MyInput = /*#__PURE__*/forwardRef(function (props, myRef) {
   }, [value]);
   var _style = getInputStyle(props);
   return /*#__PURE__*/React__default.createElement(Input, _objectSpread(_objectSpread({
-    title: JSON.stringify(_style),
     ref: myRef,
     value: _value,
+    title: value,
     onChange: function onChange(e) {
       var v = e.target.value;
       set_value(v);
       _onChange3 === null || _onChange3 === void 0 || _onChange3(v);
     },
+    classNames: {
+      input: get_status_cls(props.status)
+    },
     style: _style
   }, others), {}, {
-    // placeholder={placeholder ?? '请输入'}
-    placeholder: '请输入'
+    placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : "请输入"
   }));
 });
 MyInput.DisplayFC = function (props) {
@@ -720,19 +996,122 @@ var MySelect = Object.assign(Inner, {
   DisplayFC: DisplayFC
 });
 var MySwitch = function MySwitch(props) {
-  return /*#__PURE__*/React__default.createElement(Switch_L, _objectSpread({}, props));
+  var _props$checked_value2 = props.checked_value,
+    checked_value = _props$checked_value2 === void 0 ? true : _props$checked_value2,
+    _props$unchecked_valu2 = props.unchecked_value,
+    unchecked_value = _props$unchecked_valu2 === void 0 ? false : _props$unchecked_valu2,
+    _onChange4 = props.onChange,
+    value = props.value;
+  if (props.switch_type === 'checkbox') return /*#__PURE__*/React__default.createElement(MyCheckbox, _objectSpread(_objectSpread({}, props), {}, {
+    options: [{
+      value: checked_value
+    }],
+    marshal: 0,
+    value: value === checked_value ? checked_value : null,
+    onChange: function onChange(v) {
+      console.log('switch', v);
+      _onChange4 === null || _onChange4 === void 0 || _onChange4(v === null ? unchecked_value : checked_value);
+    }
+  }));
+  return /*#__PURE__*/React__default.createElement(Switch_L, _objectSpread(_objectSpread({}, props), {}, {
+    value: value === checked_value,
+    onChange: function onChange(v) {
+      _onChange4 === null || _onChange4 === void 0 || _onChange4(v !== true ? unchecked_value : checked_value);
+    }
+  }));
 };
-MySwitch.DisplayFC = function (_ref5) {
-  var _ref6, _ref7;
-  var value = _ref5.value,
-    checkedChildren = _ref5.checkedChildren,
-    checkedText = _ref5.checkedText,
-    unCheckedChildren = _ref5.unCheckedChildren,
-    uncheckedText = _ref5.uncheckedText;
+MySwitch.DisplayFC = function (_ref6) {
+  var _ref7, _ref8;
+  var value = _ref6.value,
+    checkedChildren = _ref6.checkedChildren,
+    checked_text = _ref6.checked_text,
+    unCheckedChildren = _ref6.unCheckedChildren,
+    unchecked_text = _ref6.unchecked_text;
   if (isNil(value)) return '';
-  return value ? (_ref6 = checkedChildren !== null && checkedChildren !== void 0 ? checkedChildren : checkedText) !== null && _ref6 !== void 0 ? _ref6 : /*#__PURE__*/React__default.createElement(CheckOutlined, null) : (_ref7 = unCheckedChildren !== null && unCheckedChildren !== void 0 ? unCheckedChildren : uncheckedText) !== null && _ref7 !== void 0 ? _ref7 : /*#__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 MyButton(props) {
+  var btn_text = props.btn_text,
+    defaultIcon = props.defaultIcon,
+    onClick = props.onClick,
+    form = props.form,
+    children = props.children,
+    icon = props.icon,
+    loading = props.loading,
+    primary = props.primary,
+    hidden = props.hidden,
+    on_btn_click = props.on_btn_click,
+    title = props.title,
+    others = _objectWithoutProperties(props, _excluded5);
+  if (hidden) return null;
+  var type = props.type;
+  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';
+  }
+  useEffect(function () {
+    if (loading) setVisible(false);
+  }, [loading]);
+  function on_click_call(_x) {
+    return _on_click_call.apply(this, arguments);
+  }
+  function _on_click_call() {
+    _on_click_call = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(e) {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return safe_async_call(onClick, e);
+          case 2:
+            _context2.next = 4;
+            return safe_async_call(on_btn_click, e, form);
+          case 4:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return _on_click_call.apply(this, arguments);
+  }
+  function on_click(e) {
+    if (visible) return;
+    setVisible(true);
+    safe_async_call(on_click_call, e)["finally"](/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return sleep(200);
+          case 2:
+            setVisible(false);
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    })));
+  }
+  // const node = (visible) ? tip : (text ?? children)
+  return /*#__PURE__*/React__default.createElement(Button$1, _objectSpread(_objectSpread({}, others), {}, {
+    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,
   Input: MyInput,
@@ -746,12 +1125,25 @@ var packs = {
   single_date_picker: MyDatePicker,
   CusDatePicker: MyDatePicker,
   date: MyDatePicker,
+  MyRangePicker: MyRangePicker,
+  RangePicker: MyRangePicker,
+  rangePicker: MyRangePicker,
+  range_picker: MyRangePicker,
+  MyRangeDate: MyRangeDate,
+  RangeDate: MyRangeDate,
+  rangeDate: MyRangeDate,
+  range_date: MyRangeDate,
+  MyRangeDateTime: MyRangeDateTime,
+  RangeDateTime: MyRangeDateTime,
+  rangeDateTime: MyRangeDateTime,
+  range_date_time: MyRangeDateTime,
   MyColor: MyColor,
   MySwitch: MySwitch,
   "switch": MySwitch,
   Switch: MySwitch,
+  MSW: MySwitch,
   ArrayInput: ArrayInput,
-  MArr: ArrayInput,
+  ArraySingle: ArraySingle,
   MySelect: MySelect,
   MS: MySelect,
   Select: MySelect,
@@ -761,6 +1153,7 @@ var packs = {
   MC: MyCheckbox,
   checkbox: MyCheckbox,
   // CheckboxWithInput: MyCheckbox,
+  MyButton: MyButton,
   MyAutoComplete: MyAutoComplete,
   MA: MyAutoComplete,
   AutoComplete: MyAutoComplete,
@@ -800,10 +1193,10 @@ var GlobalModal_ = /*#__PURE__*/function () {
   }
   return _createClass(GlobalModal_, [{
     key: "confirmOnce",
-    value: function confirmOnce(_ref8) {
-      var storeKey = _ref8.storeKey,
-        cb = _ref8.cb,
-        others = _objectWithoutProperties(_ref8, _excluded3);
+    value: function confirmOnce(_ref10) {
+      var storeKey = _ref10.storeKey,
+        cb = _ref10.cb,
+        others = _objectWithoutProperties(_ref10, _excluded6);
       var isAllow = localStorage.get(storeKey);
       if (isNil(isAllow)) {
         Modal.confirm(_objectSpread(_objectSpread({}, others), {}, {
@@ -901,10 +1294,10 @@ var GlobalModal = /*#__PURE__*/function () {
     }
   }, {
     key: "confirmOnce",
-    value: function confirmOnce(_ref9) {
-      var storeKey = _ref9.storeKey,
-        cb = _ref9.cb,
-        others = _objectWithoutProperties(_ref9, _excluded4);
+    value: function confirmOnce(_ref11) {
+      var storeKey = _ref11.storeKey,
+        cb = _ref11.cb,
+        others = _objectWithoutProperties(_ref11, _excluded7);
       var isAllow = localStorage.get(storeKey);
       if (isNil(isAllow)) {
         Modal.confirm(_objectSpread(_objectSpread({}, others), {}, {
@@ -926,10 +1319,10 @@ function MountGlobalModal(props) {
   var meta = props.meta,
     globalModal = props.globalModal;
   // useNotification()
-  var _useState9 = useState([]),
-    _useState10 = _slicedToArray(_useState9, 2),
-    modalQueue = _useState10[0],
-    setModalQueue = _useState10[1];
+  var _useState11 = useState([]),
+    _useState12 = _slicedToArray(_useState11, 2),
+    modalQueue = _useState12[0],
+    setModalQueue = _useState12[1];
   useEffect(function () {
     globalModal.init(modalQueue, setModalQueue);
   }, [modalQueue]);
@@ -938,10 +1331,10 @@ function MountGlobalModal(props) {
   }
   return /*#__PURE__*/React__default.createElement(Suspense, {
     fallback: /*#__PURE__*/React__default.createElement("div", null, "loading MountGlobalModal ...")
-  }, modalQueue.map(function (_ref10) {
-    var name = _ref10.name,
-      data = _ref10.data,
-      id = _ref10.id;
+  }, modalQueue.map(function (_ref12) {
+    var name = _ref12.name,
+      data = _ref12.data,
+      id = _ref12.id;
     var C = meta[name] || function () {
       return null;
     };
@@ -1007,4 +1400,4 @@ var ContainerDimensions = /*#__PURE__*/function (_Component) {
     }
   }]);
 }(Component);
-export { ArrayInput as A, handle_form_error as B, Checkbox_L as C, DatePicker_L as D, get_check_invert_values as E, displayValue as F, GlobalModal_ as G, Calendar_L as H, AutoComplete_L as I, ColorPicker_L as J, Form_L as K, Dropdown_L as L, MonthPicker_L as M, Table_L as N, Tree_L as O, aa as P, Modal_L as Q, RangePicker_L as R, Select_L as S, TimePicker_L as T, UNKNOWN_TIME_SYMBOL as U, Pagination_L as V, SelectOption_L as W, TreeSelect_L as X, QRCode_L as Y, Switch_L as Z, ContainerDimensions as _, getMarshal as a, get_mode as b, check_multiple as c, parse_MC_value as d, parse_MC_dict_options as e, parse_MC_option as f, getInputStyle as g, formatDatePickerProps as h, getIsUnknown as i, get_unknown_conf as j, handleChangeValue as k, MyInput as l, MySelect as m, MyCheckbox_Display as n, MyCheckbox as o, packs as p, MyColor as q, MountGlobalModal as r, GlobalModal as s, MyMonaco as t, use_options as u, MyLazyComponent as v, isUrl as w, getArray as x, getFormat as y, getParamByName 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 };