@noah-libjs/components 0.0.7 → 0.0.8

package/dist/a_chunks/index.js

@@ -4,25 +4,32 @@ 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 = ["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"];
 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 { 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 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');
 });
@@ -30,7 +37,7 @@ ArrayInput.DisplayFC = /*#__PURE__*/lazy(function () {
   return import('./root.21.js');
 });
 var MyAutoComplete = /*#__PURE__*/lazy(function () {
-  return import('./root.22.js');
+  return import('./root.23.js');
 });
 MyAutoComplete.DisplayFC = function (props) {
   return /*#__PURE__*/React__default.createElement("span", null, props.value);
@@ -43,35 +50,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.25.js').then(function (r) {
     return {
       "default": r.DatePicker
     };
   });
 });
 var RangePickerInner = /*#__PURE__*/lazy(function () {
-  return import('./root.24.js').then(function (r) {
+  return import('./root.25.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.25.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.25.js').then(function (r) {
     return {
       "default": r.DatePicker.TimePicker
     };
   });
 });
 var CalendarInner = /*#__PURE__*/lazy(function () {
-  return import('./root.25.js');
+  return import('./root.26.js');
 });
 var DatePicker_L = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(DatePickerInner, _objectSpread(_objectSpread({}, props), {}, {
@@ -90,7 +97,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 +178,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');
 });
@@ -250,23 +258,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,28 +387,93 @@ 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 options = 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)) {
+        return a;
+      }
+      var firstOption = options[0];
       return _objectSpread(_objectSpread({}, a), {}, _defineProperty({}, "".concat(name), [parse_MC_value(props, [firstOption]), null, {
         props: props,
         options: options
@@ -389,14 +497,19 @@ 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) {
+    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 +525,12 @@ 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;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     options = _useState2[0],
@@ -429,24 +547,27 @@ 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(function () {
     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 {
+    }
+  }, []);
+  useEffect(function () {
+    if (!fetch_options) {
       set_options(parse_MC_option(props));
     }
-  }, [fetch_options, optionKey, _options, uniqueKey]);
+  }, [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
@@ -459,10 +580,25 @@ function use_options(props) {
     display_node: display_node
   };
 }
+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 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;
+  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 _;
     }) : [];
   };
@@ -475,7 +611,7 @@ function getData(value, options, marshal, type) {
       label: value
     };
   }) : value;
-  var safeData = Array.isArray(v) ? v : isNumber(v) || isString(v) || isBoolean(v)
+  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);
@@ -540,7 +676,8 @@ function parse_MC_string_options(props) {
   });
   return input_type === 'MA' ? options[1] : options[0];
 }
-function displayValue(_options, value, isMul) {
+function displayValue(_options, value) {
+  var l = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ',';
   var _value = _options.filter(function (o) {
     return value.find(function (v) {
       return v.value == o.value;
@@ -548,7 +685,7 @@ function displayValue(_options, value, isMul) {
   });
   return _value.map(function (_) {
     return _.label;
-  }).join(',');
+  }).join(l);
 }
 function get_unknown_conf(props) {
   var showUnknown = props.showUnknown,
@@ -556,31 +693,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 +729,123 @@ 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.24.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;
+}
+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.22.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 +855,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 +863,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,7 +923,7 @@ var MyInput = /*#__PURE__*/forwardRef(function (props, myRef) {
     value = props.value,
     _onChange3 = props.onChange,
     type = props.type,
-    others = _objectWithoutProperties(props, _excluded2);
+    others = _objectWithoutProperties(props, _excluded4);
   if (type === 'number') return /*#__PURE__*/React__default.createElement(MyInputNumber, _objectSpread({}, props));
   var _useState7 = useState(value),
     _useState8 = _slicedToArray(_useState7, 2),
@@ -689,7 +934,6 @@ 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,
     onChange: function onChange(e) {
@@ -697,10 +941,12 @@ var MyInput = /*#__PURE__*/forwardRef(function (props, myRef) {
       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 +966,229 @@ 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(CheckOutlined, null) : (_ref8 = unCheckedChildren !== null && unCheckedChildren !== void 0 ? unCheckedChildren : unchecked_text) !== null && _ref8 !== void 0 ? _ref8 : /*#__PURE__*/React__default.createElement(CloseOutlined, null);
 };
+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,
+    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,
+    others = _objectWithoutProperties(props, _excluded6);
+  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;
+  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: btn_text,
+    icon: _icon,
+    type: type,
+    onClick: on_click
+  }), btn_text !== null && btn_text !== void 0 ? btn_text : children);
+}
 var packs = {
+  MyIconSelect: MyIconSelect,
   MI: MyInput,
   input: MyInput,
   Input: MyInput,
@@ -746,10 +1202,23 @@ 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,
   MySelect: MySelect,
@@ -761,6 +1230,7 @@ var packs = {
   MC: MyCheckbox,
   checkbox: MyCheckbox,
   // CheckboxWithInput: MyCheckbox,
+  MyButton: MyButton,
   MyAutoComplete: MyAutoComplete,
   MA: MyAutoComplete,
   AutoComplete: MyAutoComplete,
@@ -800,10 +1270,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, _excluded7);
       var isAllow = localStorage.get(storeKey);
       if (isNil(isAllow)) {
         Modal.confirm(_objectSpread(_objectSpread({}, others), {}, {
@@ -901,10 +1371,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, _excluded8);
       var isAllow = localStorage.get(storeKey);
       if (isNil(isAllow)) {
         Modal.confirm(_objectSpread(_objectSpread({}, others), {}, {
@@ -926,10 +1396,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 _useState15 = useState([]),
+    _useState16 = _slicedToArray(_useState15, 2),
+    modalQueue = _useState16[0],
+    setModalQueue = _useState16[1];
   useEffect(function () {
     globalModal.init(modalQueue, setModalQueue);
   }, [modalQueue]);
@@ -938,10 +1408,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 +1477,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 { 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 };