@noah-libjs/components 0.0.23 → 0.0.42

package/dist/a_chunks/index.js

@@ -0,0 +1,1414 @@
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+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 = ["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, 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 RCTree, { TreeNode } from 'rc-tree';
+import { safe_fetch_options } from '@noah-libjs/request';
+var ArrayInput = /*#__PURE__*/lazy(function () {
+  return import('./ArrayInput.Inner.js');
+});
+ArrayInput.DisplayFC = /*#__PURE__*/lazy(function () {
+  return import('./ArrayInput.DispalyInner.js');
+});
+var ArraySingle = /*#__PURE__*/lazy(function () {
+  return import('./ArraySingle.Inner.js');
+});
+ArraySingle.DisplayFC = /*#__PURE__*/lazy(function () {
+  return import('./ArraySingle.DispalyInner.js');
+});
+var MyAutoComplete = /*#__PURE__*/lazy(function () {
+  return import('./MyAutoComplete.Inner.js');
+});
+MyAutoComplete.DisplayFC = function (props) {
+  return /*#__PURE__*/React__default.createElement("span", null, props.value);
+};
+var MyCheckbox = /*#__PURE__*/lazy(function () {
+  return import('./MyCheckbox.Inner.js');
+});
+var MyCheckbox_Display = /*#__PURE__*/lazy(function () {
+  return import('./MyCheckbox.Display.js');
+});
+MyCheckbox.DisplayFC = MyCheckbox_Display;
+var DatePickerInner = /*#__PURE__*/lazy(function () {
+  return import('./Base.DatePicker.js').then(function (r) {
+    return {
+      "default": r.DatePicker
+    };
+  });
+});
+var RangePickerInner = /*#__PURE__*/lazy(function () {
+  return import('./Base.DatePicker.js').then(function (r) {
+    return {
+      "default": r.DatePicker.RangePicker
+    };
+  });
+});
+var MonthPickerInner = /*#__PURE__*/lazy(function () {
+  return import('./Base.DatePicker.js').then(function (r) {
+    return {
+      "default": r.DatePicker.MonthPicker
+    };
+  });
+});
+var TimePickerInner = /*#__PURE__*/lazy(function () {
+  return import('./Base.DatePicker.js').then(function (r) {
+    return {
+      "default": r.DatePicker.TimePicker
+    };
+  });
+});
+var CalendarInner = /*#__PURE__*/lazy(function () {
+  return import('./Base.Calendar.js');
+});
+var DatePicker_L = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(DatePickerInner, _objectSpread(_objectSpread({}, props), {}, {
+    ref: ref
+  }));
+});
+DatePicker_L.displayName = 'TimePicker';
+var TimePicker_L = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(TimePickerInner, _objectSpread(_objectSpread({}, props), {}, {
+    ref: ref
+  }));
+});
+TimePicker_L.displayName = 'TimePicker';
+var MonthPicker_L = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(MonthPickerInner, _objectSpread(_objectSpread({}, props), {}, {
+    ref: ref
+  }));
+});
+MonthPicker_L.displayName = 'MonthPicker';
+var RangePicker_L = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React__default.createElement(RangePickerInner, _objectSpread(_objectSpread({
+    ranges: getMomentRange()
+  }, props), {}, {
+    ref: ref
+  }));
+});
+RangePicker_L.displayName = 'RangePicker';
+var Calendar_L = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(CalendarInner, _objectSpread({}, props));
+});
+Calendar_L.displayName = 'TimePicker';
+var SelectOption_L = Option;
+var Inner$b = /*#__PURE__*/React__default.lazy(function () {
+  return import('./Select.Inner.js');
+});
+function Select_(props) {
+  return /*#__PURE__*/React__default.createElement(Inner$b, _objectSpread({}, props));
+}
+var Select_L = Object.assign(Select_, {
+  Option: SelectOption_L
+});
+var Inner$a = /*#__PURE__*/React.lazy(function () {
+  return import('antd/es/auto-complete');
+});
+var AutoComplete_ = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(Inner$a, _objectSpread(_objectSpread({}, props), {}, {
+    ref: ref
+  }));
+});
+AutoComplete_.displayName = 'AutoComplete';
+var AutoComplete_L = Object.assign(AutoComplete_, {
+  Option: SelectOption_L
+});
+var Inner$9 = /*#__PURE__*/React.lazy(function () {
+  return import('./ColorPicker.Inner.js');
+});
+var ColorPicker_L = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(Inner$9, _objectSpread({}, props));
+});
+ColorPicker_L.displayName = 'ColorPicker';
+var Inner$8 = /*#__PURE__*/React__default.lazy(function () {
+  return import('./Form.Inner.js');
+});
+var FormItemInner = /*#__PURE__*/React__default.lazy(function () {
+  return import('./Form.FormItemInner.js');
+});
+function Form_(props) {
+  return /*#__PURE__*/React__default.createElement(Inner$8, _objectSpread({}, props));
+}
+var Form_L = Object.assign(Form_, {
+  Item: FormItemInner
+});
+var Inner$7 = /*#__PURE__*/React__default.lazy(function () {
+  return import('./Dropdown.Inner.js');
+});
+var ButtonInner = /*#__PURE__*/React__default.lazy(function () {
+  return import('./Dropdown.Button.js');
+});
+var Dropdown_ = function Dropdown_(props) {
+  return /*#__PURE__*/React__default.createElement(Inner$7, _objectSpread({}, props));
+};
+function Button(props) {
+  return /*#__PURE__*/React__default.createElement(ButtonInner, _objectSpread({}, props));
+}
+var Dropdown_L = Object.assign(Dropdown_, {
+  Button: Button
+});
+var Inner$6 = /*#__PURE__*/React__default.lazy(function () {
+  return import('./Table.Inner.js');
+});
+function Table_L(props) {
+  return /*#__PURE__*/React__default.createElement(Inner$6, _objectSpread({}, props));
+}
+var Inner$5 = /*#__PURE__*/React__default.lazy(function () {
+  return import('./Tree.Inner.js');
+});
+var DirectoryTreeInner = /*#__PURE__*/React__default.lazy(function () {
+  return import('./Tree.DirectoryTreeInner.js');
+});
+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,
+  RCTree: RCTree
+});
+var Inner$4 = /*#__PURE__*/React__default.lazy(function () {
+  return import('./Modal.Inner.js');
+});
+function Modal_L(props) {
+  return /*#__PURE__*/React__default.createElement(Inner$4, _objectSpread({}, props));
+}
+var Inner$3 = /*#__PURE__*/React__default.lazy(function () {
+  return import('./Pagination.Inner.js');
+});
+function Pagination_L(props) {
+  return /*#__PURE__*/React__default.createElement(Inner$3, _objectSpread({}, props));
+}
+var Inner$2 = /*#__PURE__*/React__default.lazy(function () {
+  return import('./TreeSelect.Inner.js');
+});
+function TreeSelect_L(props) {
+  return /*#__PURE__*/React__default.createElement(Inner$2, _objectSpread({}, props));
+}
+var Inner$1 = /*#__PURE__*/React__default.lazy(function () {
+  return import('./Checkbox.Inner.js');
+});
+var GroupInner = /*#__PURE__*/React__default.lazy(function () {
+  return import('./Checkbox.GroupInner.js');
+});
+function Checkbox_(props) {
+  return /*#__PURE__*/React__default.createElement(Inner$1, _objectSpread({}, props));
+}
+var Checkbox_L = Object.assign(Checkbox_, {
+  Group: GroupInner
+});
+var QRCode_L = /*#__PURE__*/lazy(function () {
+  return import('./QRCode.Inner.js');
+});
+var Switch_L = /*#__PURE__*/lazy(function () {
+  return import('antd/es/switch');
+});
+var MyIcon = /*#__PURE__*/lazy(function () {
+  return import('./MyIconSelect.MyIcon.js');
+});
+var MyIconSelect = /*#__PURE__*/lazy(function () {
+  return import('./MyIconSelect.MyIconSelect.js');
+});
+MyIconSelect.DisplayFC = MyIcon;
+var MyColor = function MyColor(props) {
+  var value = props.value,
+    _onChange = props.onChange,
+    size = props.size,
+    _props$allowClear = props.allowClear,
+    allowClear = _props$allowClear === void 0 ? true : _props$allowClear;
+  return /*#__PURE__*/React__default.createElement(Space.Compact, null, /*#__PURE__*/React__default.createElement(ColorPicker_L, {
+    size: size,
+    value: isString(value) ? value : undefined,
+    onChange: function onChange(value, css) {
+      return _onChange === null || _onChange === void 0 ? void 0 : _onChange(css);
+    }
+  }), allowClear ? /*#__PURE__*/React__default.createElement(Button$1, {
+    size: size,
+    icon: /*#__PURE__*/React__default.createElement(MyIcon, {
+      value: 'CloseOutlined'
+    }),
+    onClick: function onClick() {
+      return _onChange === null || _onChange === void 0 ? void 0 : _onChange(null);
+    }
+  }) : null);
+};
+MyColor.DisplayFC = function (props) {
+  return /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      display: 'inline-block',
+      width: 24,
+      height: 24,
+      background: props.value
+    }
+  });
+};
+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,
+    status = props.status;
+  if (width) {
+    style.width = style.width || width;
+  }
+  if (inputWidth) {
+    style.minWidth = style.minWidth || inputWidth;
+  }
+  if (status === 'error') {
+    style.color = 'red !important';
+  }
+  if (status === 'warning') {
+    style.color = 'yellow !important';
+  }
+  // if (isInt(popupMatchSelectWidth))
+  //     style.width = style.width || (popupMatchSelectWidth / 2)
+  // style.width = style.width ?? '100%'
+  return _objectSpread({}, style);
+}
+function isUrl(string) {
+  var protocolRE = /^(?:\w+:)?\/\/(\S+)$/;
+  // const domainRE = /^[^\s\.]+\.\S{2,}$/;
+  if (typeof string !== 'string') return false;
+  return protocolRE.test(string);
+}
+var getArray = function getArray(arr) {
+  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  if (Array.isArray(arr)) return arr;
+  return defaultValue;
+};
+function getFormat(format) {
+  var dateFormat;
+  switch (format) {
+    case 'date':
+      dateFormat = 'YYYY-MM-DD';
+      break;
+    case 'time':
+      dateFormat = 'HH:mm:ss';
+      break;
+    case 'dateTime':
+      dateFormat = 'YYYY-MM-DD HH:mm:ss';
+      break;
+    case 'week':
+      dateFormat = 'YYYY-w';
+      break;
+    case 'year':
+      dateFormat = 'YYYY';
+      break;
+    case 'quarter':
+      dateFormat = 'YYYY-Q';
+      break;
+    case 'month':
+      dateFormat = 'YYYY-MM';
+      break;
+    default:
+      // dateTime
+      if (typeof format === 'string') {
+        dateFormat = format;
+      } else {
+        dateFormat = 'YYYY-MM-DD';
+      }
+  }
+  return dateFormat;
+}
+function getParamByName(name) {
+  var url = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window.location.href;
+  name = name.replace(/[\[\]]/g, '\\$&');
+  var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
+    results = regex.exec(url);
+  if (!results) return null;
+  if (!results[2]) return '';
+  return decodeURIComponent(results[2].replace(/\+/g, ' '));
+}
+function handle_form_error(error, form) {
+  var err_filed = get(error, 'errorFields[0]');
+  if (err_filed) {
+    var name = err_filed.name,
+      errors = err_filed.errors;
+    if (name) {
+      form === null || form === void 0 || form.scrollToField(name, {
+        behavior: 'smooth',
+        block: 'center'
+      });
+    }
+    return _objectSpread(_objectSpread({}, err_filed), {}, {
+      text: isEmpty(errors) ? null : errors.join(',')
+    });
+  }
+  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', '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) {
+    // const name = SMchc_FormDescriptions.get_form_item_name_raw(item)
+    var cArr = item === null || item === void 0 ? void 0 : item.children;
+    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: opts
+      }]));
+    }
+  }, {});
+  return check_invert_values;
+}
+function getMarshal(props) {
+  if (!props) return 1;
+  var marshal = props.marshal,
+    value = props.value,
+    uniqueKey = props.uniqueKey;
+  if (marshal === undefined && uniqueKey !== undefined) {
+    return 0;
+  }
+  var _marshal = marshal !== null && marshal !== void 0 ? marshal : 1;
+  if (typeof _marshal === 'number') return _marshal;
+  var m = typeof value !== 'number' && (_marshal !== null && _marshal !== void 0 ? _marshal : true);
+  return Number(m);
+}
+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) {
+    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(linker);
+  return (_changedValue$2 = changedValue[0]) === null || _changedValue$2 === void 0 ? void 0 : _changedValue$2.value;
+}
+function check_multiple(props) {
+  var type = get_mode(props);
+  return ['tags', 'multiple'].includes(type);
+}
+function get_mode(props) {
+  return (props === null || props === void 0 ? void 0 : props.mode) || props.type;
+}
+function use_options(props) {
+  var _data$;
+  var fetch_options = props.fetch_options,
+    optionKey = props.optionKey,
+    _options = props.options,
+    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],
+    set_options = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    data = _useState6[0],
+    setData = _useState6[1];
+  var value = props.value;
+  var marshal = getMarshal(props);
+  var type = get_mode(props);
+  useEffect(function () {
+    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);
+      });
+    } else {
+      set_options(parse_MC_option(props));
+    }
+  }
+  var is_multiple = check_multiple(props);
+  // mchcLogger.log('MySelect', { data, options, props })
+  var label = is_multiple ? data.map(function (_) {
+    return _.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
+  }, loading ? '数据加载中...' : safe_node);
+  return {
+    loading: loading,
+    options: options,
+    data: data,
+    setData: setData,
+    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 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) ? 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 (opt) {
+    return numberLikeCompare(opt.value, v);
+  }) : [];
+  // mchcLogger.log('MySelect', { numberLikeCompare, v, options })
+  return safeData;
+}
+function parse_MC_option(props) {
+  var _props$marshal, _ref2, _ref3;
+  if (!props) return [];
+  props.type;
+  var marshal = (_props$marshal = props.marshal) !== null && _props$marshal !== void 0 ? _props$marshal : 1;
+  var optionKey = props.optionKey;
+  var preOptions = optionKey ? getPresetOptions(optionKey, marshal === 0) : null;
+  var dicOptions = parse_MC_dict_options(props);
+  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;
+  var uniqueKey = props.uniqueKey,
+    useString = props.useString;
+  var fixed_uniqueKey = uniqueKey.includes('.') ? uniqueKey : "uniqueKey.".concat(uniqueKey);
+  var enums = getDictionariesEnumerations(fixed_uniqueKey);
+  if (!enums.length) return;
+  var options = enums.sort(function (a, b) {
+    return a.id - b.id;
+  }).map(function (e) {
+    var _e$value, _e$note;
+    var dict_value = (_e$value = e.value) !== null && _e$value !== void 0 ? _e$value : e.note;
+    var value = useString ? (_e$note = e.note) !== null && _e$note !== void 0 ? _e$note : e.label : dict_value;
+    return {
+      label: e.label,
+      value: value
+    };
+  });
+  return options;
+}
+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 _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 multi = type === 'multiple';
+  var marshal = getMarshal(props);
+  var opts = getDualModeOptions(_opt, {
+    sp: sp,
+    useString: multi && !marshal || useString,
+    start: startIndex,
+    useDefault: useDefault
+  });
+  return input_type === 'MA' ? opts[1] : opts[0];
+}
+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(l);
+}
+function get_unknown_conf(props) {
+  var showUnknown = props.showUnknown,
+    unknown = props.unknown;
+  return showUnknown || unknown;
+}
+var defaultOptions = [];
+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 === 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$1;
+  return data;
+}
+function getIsUnknown(props) {
+  var value = 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$1 = function handleChangeValue$1(_ref4, date) {
+  var valueType = _ref4.valueType,
+    format = _ref4.format;
+  var result = date;
+  if (valueType && date) {
+    result = dayjs(date).format(valueType);
+  }
+  if (format && date) {
+    result = dayjs(date).format(format);
+  }
+  return result;
+};
+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('./MyDatePicker.Inner.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('./MyRangeDate.Inner.js');
+});
+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;
+var MyInputNumber = function MyInputNumber_(props) {
+  var value = props.value,
+    _onChange2 = props.onChange,
+    placeholder = props.placeholder,
+    warning = props.warning,
+    disabled = props.disabled,
+    others = _objectWithoutProperties(props, _excluded3);
+  var _style = getInputStyle(props);
+  var unkown_conf = get_unknown_conf(props);
+  var isUnkown = unkown_conf && value === UNKNOWN_NUMBER_SYMBOL;
+  if (unkown_conf) {
+    _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({
+    className: get_status_cls(props.status),
+    controls: false
+  }, others), {}, {
+    disabled: disabled,
+    placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : '请输入',
+    style: _objectSpread({
+      width: '100%'
+    }, _style),
+    value: isUnkown ? undefined : value,
+    onChange: _onChange2
+  }));
+  return unkown_conf ? /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, node, /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      marginLeft: 6
+    }
+  }, /*#__PURE__*/React__default.createElement(Checkbox, {
+    disabled: disabled,
+    checked: isUnkown,
+    skipGroup: true,
+    onChange: function onChange(e) {
+      var _value = e.target.checked ? UNKNOWN_NUMBER_SYMBOL : null;
+      _onChange2 === null || _onChange2 === void 0 || _onChange2(_value);
+    }
+  }), /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      marginLeft: 6
+    }
+  }, "\u4E0D\u8BE6"))) : node;
+};
+function DisplayFC$1(props) {
+  var value = props.value;
+  var unkown_conf = get_unknown_conf(props);
+  var _style = getInputStyle(props);
+  var isUnkown = unkown_conf && value === UNKNOWN_NUMBER_SYMBOL;
+  if (isUnkown) {
+    return /*#__PURE__*/React__default.createElement("span", null, "\u4E0D\u8BE6");
+  }
+  return /*#__PURE__*/React__default.createElement("span", {
+    title: 'DisplayFC',
+    style: _style
+  }, value);
+}
+MyInputNumber.DisplayFC = DisplayFC$1;
+var MyInput = /*#__PURE__*/forwardRef(function (props, myRef) {
+  var width = props.width,
+    _props$style2 = props.style,
+    style = _props$style2 === void 0 ? {} : _props$style2,
+    placeholder = props.placeholder,
+    name = props.name,
+    warning = props.warning,
+    form = props.form,
+    value = props.value,
+    _onChange3 = props.onChange,
+    type = props.type,
+    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],
+    set_value = _useState8[1];
+  useEffect(function () {
+    set_value(value);
+  }, [value]);
+  var _style = getInputStyle(props);
+  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);
+      _onChange3 === null || _onChange3 === void 0 || _onChange3(v);
+    },
+    classNames: {
+      input: get_status_cls(props.status)
+    },
+    style: _style
+  }, others), {}, {
+    placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : "请输入"
+  }));
+});
+MyInput.DisplayFC = function (props) {
+  return props.value;
+};
+function DisplayFC(props) {
+  var _use_options = use_options(props),
+    loading = _use_options.loading,
+    data = _use_options.data,
+    display_node = _use_options.display_node;
+  return display_node;
+}
+var Inner = /*#__PURE__*/lazy(function () {
+  return import('./MySelect.Inner.js');
+});
+var MySelect = Object.assign(Inner, {
+  DisplayFC: DisplayFC
+});
+var MySwitch = function MySwitch(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,
+    onChange = props.onChange,
+    value = props.value;
+  var _useState9 = useState(),
+    _useState10 = _slicedToArray(_useState9, 2),
+    local_value = _useState10[0],
+    setLocal_value = _useState10[1];
+  useEffect(function () {
+    setLocal_value(value);
+    return function () {};
+  }, [value]);
+  function local_change(v) {
+    onChange === null || onChange === void 0 || onChange(v);
+    setLocal_value(v);
+  }
+  if (props.switch_type === 'checkbox') return /*#__PURE__*/React__default.createElement(MyCheckbox, _objectSpread(_objectSpread({}, props), {}, {
+    options: [{
+      value: checked_value
+    }],
+    marshal: 0,
+    value: local_value === checked_value ? checked_value : null,
+    onChange: function onChange(v) {
+      console.log('switch', v);
+      local_change(v === null ? unchecked_value : checked_value);
+    }
+  }));
+  return /*#__PURE__*/React__default.createElement(Switch_L, _objectSpread(_objectSpread({}, props), {}, {
+    value: local_value === checked_value,
+    onChange: function onChange(v) {
+      local_change(v !== true ? unchecked_value : checked_value);
+    }
+  }));
+};
+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 ? (_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 _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    visible = _useState12[0],
+    setVisible = _useState12[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,
+  MyInput: MyInput,
+  MyInputNumber: MyInputNumber,
+  InputNumber: MyInputNumber,
+  input_number: MyInputNumber,
+  MyDatePicker: MyDatePicker,
+  DatePicker: MyDatePicker,
+  DP: MyDatePicker,
+  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,
+  ArraySingle: ArraySingle,
+  MySelect: MySelect,
+  MS: MySelect,
+  Select: MySelect,
+  select: MySelect,
+  MyCheckbox: MyCheckbox,
+  Checkbox: MyCheckbox,
+  MC: MyCheckbox,
+  checkbox: MyCheckbox,
+  // CheckboxWithInput: MyCheckbox,
+  MyButton: MyButton,
+  MyAutoComplete: MyAutoComplete,
+  MA: MyAutoComplete,
+  AutoComplete: MyAutoComplete,
+  autocomplete: MyAutoComplete
+};
+var MyLazyComponent = function MyLazyComponent(props) {
+  var children = props.children,
+    fallback = props.fallback,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'small' : _props$size;
+  var m = {
+    tiny: 2,
+    small: 4,
+    middle: 8,
+    large: 16
+  };
+  var rows = m[size];
+  return /*#__PURE__*/React__default.createElement(Suspense, {
+    fallback: fallback !== null && fallback !== void 0 ? fallback : /*#__PURE__*/React__default.createElement("div", {
+      style: {
+        padding: 24
+      }
+    }, /*#__PURE__*/React__default.createElement(Skeleton, {
+      paragraph: {
+        rows: rows
+      }
+    }))
+  }, children);
+};
+var GlobalModal_ = /*#__PURE__*/function () {
+  function GlobalModal_() {
+    _classCallCheck(this, GlobalModal_);
+    _defineProperty(this, "open", void 0);
+    _defineProperty(this, "openOne", void 0);
+    _defineProperty(this, "pop", void 0);
+    _defineProperty(this, "destroyAll", void 0);
+  }
+  return _createClass(GlobalModal_, [{
+    key: "confirmOnce",
+    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), {}, {
+          onOk: function onOk() {
+            localStorage.set(storeKey, true);
+            cb();
+          },
+          onCancel: function onCancel() {
+            localStorage.set(storeKey, false);
+          }
+        }));
+      } else if (isAllow) {
+        cb();
+      }
+    }
+  }]);
+}();
+var GlobalModal = /*#__PURE__*/function () {
+  function GlobalModal() {
+    _classCallCheck(this, GlobalModal);
+    _defineProperty(this, "stack", []);
+    _defineProperty(this, "setStack", void 0);
+  }
+  return _createClass(GlobalModal, [{
+    key: "init",
+    value: function init(stack, setStack) {
+      this.stack = stack;
+      this.setStack = setStack;
+    }
+  }, {
+    key: "open",
+    value: function open(name, data) {
+      var id = +new Date();
+      this.stack.push({
+        name: name,
+        data: data,
+        id: id
+      });
+      this.setStack(_toConsumableArray(this.stack));
+      return id;
+    }
+  }, {
+    key: "openOne",
+    value: function openOne(id, name, data) {
+      var _id = id > 0 ? id : +new Date();
+      var idx = this.stack.findIndex(function (_) {
+        return _.id === _id;
+      });
+      if (idx === -1) {
+        this.stack.push({
+          name: name,
+          data: data,
+          id: _id
+        });
+      } else {
+        this.stack.splice(idx, 1, _objectSpread(_objectSpread({}, this.stack[idx]), {}, {
+          name: name,
+          data: data
+        }));
+      }
+      this.setStack(_toConsumableArray(this.stack));
+      return _id;
+    }
+  }, {
+    key: "pop",
+    value: function pop(status, e) {
+      var last = this.stack.pop();
+      this.clear_one(last, status, e);
+      this.setStack(_toConsumableArray(this.stack));
+    }
+  }, {
+    key: "clear_one",
+    value: function clear_one(item, status, e) {
+      var config = item === null || item === void 0 ? void 0 : item.data;
+      if (config) {
+        var _config$onClose;
+        if (status) {
+          var _config$onOk;
+          (_config$onOk = config.onOk) === null || _config$onOk === void 0 || _config$onOk.call(config, e);
+        } else {
+          var _config$onCancel;
+          (_config$onCancel = config.onCancel) === null || _config$onCancel === void 0 || _config$onCancel.call(config, e);
+        }
+        (_config$onClose = config.onClose) === null || _config$onClose === void 0 || _config$onClose.call(config, status);
+      }
+    }
+  }, {
+    key: "destroyAll",
+    value: function destroyAll() {
+      var _this = this;
+      this.stack.forEach(function (_) {
+        return _this.clear_one(_, false, undefined);
+      });
+      this.setStack([]);
+    }
+  }, {
+    key: "confirmOnce",
+    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), {}, {
+          onOk: function onOk() {
+            localStorage.set(storeKey, true);
+            cb();
+          },
+          onCancel: function onCancel() {
+            localStorage.set(storeKey, false);
+          }
+        }));
+      } else if (isAllow) {
+        cb();
+      }
+    }
+  }]);
+}();
+function MountGlobalModal(props) {
+  var meta = props.meta,
+    globalModal = props.globalModal;
+  // useNotification()
+  var _useState13 = useState([]),
+    _useState14 = _slicedToArray(_useState13, 2),
+    modalQueue = _useState14[0],
+    setModalQueue = _useState14[1];
+  useEffect(function () {
+    globalModal.init(modalQueue, setModalQueue);
+  }, [modalQueue]);
+  function do_pop(status, e) {
+    globalModal.pop(status, e);
+  }
+  return /*#__PURE__*/React__default.createElement(Suspense, {
+    fallback: /*#__PURE__*/React__default.createElement("div", null, "loading MountGlobalModal ...")
+  }, modalQueue.map(function (_ref12) {
+    var name = _ref12.name,
+      data = _ref12.data,
+      id = _ref12.id;
+    var C = meta[name] || function () {
+      return null;
+    };
+    return /*#__PURE__*/React__default.createElement(MyLazyComponent, {
+      fallback: ''
+    }, /*#__PURE__*/React__default.createElement(C, _objectSpread(_objectSpread({
+      maskClosable: false,
+      key: id,
+      visible: true,
+      centered: true
+    }, data), {}, {
+      close: do_pop,
+      onOk: function onOk(e) {
+        do_pop(true, e);
+      },
+      onCancel: function onCancel(e) {
+        do_pop(false, e);
+      }
+    })));
+  }));
+}
+var MonacoInner = /*#__PURE__*/lazy(function () {
+  return import('./Monaco.Inner.js');
+});
+var MyMonaco = Object.assign(MonacoInner, {
+  config: function config(vs) {
+    import('@monaco-editor/react/dist/index').then(function (mod) {
+      mod.loader.config({
+        paths: {
+          vs: vs
+        }
+      });
+    });
+  }
+});
+var ContainerDimensions = /*#__PURE__*/function (_Component) {
+  // const[Comp, setComp] = useState<FC<ContainerDimensionsProps>>()
+  function ContainerDimensions(props) {
+    var _this2;
+    _classCallCheck(this, ContainerDimensions);
+    _this2 = _callSuper(this, ContainerDimensions, [props]);
+    _this2.state = {
+      Comp: null
+    };
+    return _this2;
+  }
+  _inherits(ContainerDimensions, _Component);
+  return _createClass(ContainerDimensions, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this3 = this;
+      import('react-container-dimensions').then(function (res) {
+        _this3.setState({
+          Comp: res["default"]
+        });
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var Comp = this.state.Comp;
+      return Comp ? /*#__PURE__*/React__default.createElement(Comp, _objectSpread({}, this.props)) : /*#__PURE__*/React__default.createElement("span", null, "loading ContainerDimensions ...");
+    }
+  }]);
+}(Component);
+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 };