@noah-libjs/components 0.0.23 → 0.0.42

package/dist/a_chunks/MyCheckbox.Display.js

@@ -0,0 +1,18 @@
+import { u as use_options } from './index.js';
+import '@noah-libjs/utils';
+import 'react';
+import 'antd';
+import 'dayjs';
+import 'rc-select';
+import 'rc-tree';
+import '@noah-libjs/request';
+var MyCheckbox_DisplayFC = function MyCheckbox_DisplayFC(props) {
+  var _use_options = use_options(props),
+    options = _use_options.options,
+    loading = _use_options.loading,
+    data = _use_options.data,
+    setData = _use_options.setData,
+    display_node = _use_options.display_node;
+  return display_node;
+};
+export { MyCheckbox_DisplayFC as default };

package/dist/a_chunks/MyCheckbox.Inner.js

@@ -0,0 +1,245 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { isNil, numberLikeCompare, cloneDeep } from '@noah-libjs/utils';
+import classnames from 'classnames';
+import React__default, { useRef, useEffect } from 'react';
+import { p as packs, a as getMarshal, u as use_options, C as Checkbox_L, M as MyIcon, d as parse_MC_value } from './index.js';
+import MyCheckbox_DisplayFC from './MyCheckbox.Display.js';
+import { s as styles } from './index.module.js';
+import { Tooltip } from 'antd';
+import 'dayjs';
+import 'rc-select';
+import 'rc-tree';
+import '@noah-libjs/request';
+var components = packs;
+var MyCheckbox = function MyCheckbox(props) {
+  var _props$type = props.type,
+    type = _props$type === void 0 ? 'single' : _props$type,
+    value = props.value,
+    onChange = props.onChange,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _onBlur = props.onBlur,
+    _props$inputWidth = props.inputWidth,
+    inputWidth = _props$inputWidth === void 0 ? 50 : _props$inputWidth,
+    _props$vertical = props.vertical,
+    vertical = _props$vertical === void 0 ? false : _props$vertical,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style;
+  var marshal = getMarshal(props);
+  var _use_options = use_options(props),
+    options = _use_options.options,
+    loading = _use_options.loading,
+    __data = _use_options.data,
+    setData = _use_options.setData;
+  var longOptions = options.length > 2;
+  var forcusInfo = useRef({});
+  // mchcEnv.logger.log('MyCheckbox', { MyCheckboxProps, options, __data })
+  useEffect(function () {
+    // const _value = parseValue(value, marshal, type)
+    // setData(_value);
+    // if (isNil(value)) {
+    //   setData([]);
+    // } else {
+    //   const d = marshal ? safe_json_parse(value, []) : (type === 'single' ? [{ value }] : (value?.split?.(',')?.filter?.(_ => !isNil(_))?.map?.(value => ({ value })) ?? []))
+    //   setData(Array.isArray(d) ? d : []);
+    // }
+  }, [value]);
+  function safe_onChange(changedValue) {
+    // if (!changedValue.length) {
+    //   return onChange?.(undefined)
+    // }
+    // const v = marshal ? (Number(marshal) == 2 ? changedValue : JSON.stringify(changedValue,)) : (type === 'single' ? (changedValue[0]?.value ?? null) : changedValue.map(_ => _.value).join(','))
+    var v = parse_MC_value(props, changedValue);
+    onChange === null || onChange === void 0 || onChange(v);
+  }
+  var handleBoxGroupChange = function handleBoxGroupChange() {
+    var checkedValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    var hasExclusiveItem = checkedValues.filter(function (v) {
+      return !isChecked(v);
+    }).find(function (v) {
+      var option = options.find(function (o) {
+        return o.value === v;
+      });
+      return option === null || option === void 0 ? void 0 : option.exclusive;
+    });
+    var values = !isNil(hasExclusiveItem) ? [hasExclusiveItem] : checkedValues.filter(function (v) {
+      var _options$find;
+      return !((_options$find = options.find(function (_) {
+        return _.value === v;
+      })) !== null && _options$find !== void 0 && _options$find.exclusive);
+    });
+    var changedData = values.filter(function (v) {
+      return type === 'multiple' ? true : !isChecked(v);
+    }).map(function (v) {
+      var _old$text;
+      var option = options.find(function (o) {
+        return o.value === v;
+      });
+      var old = __data.find(function (d) {
+        return d.value === v;
+      });
+      return {
+        value: option === null || option === void 0 ? void 0 : option.value,
+        label: option === null || option === void 0 ? void 0 : option.label,
+        text: (_old$text = old === null || old === void 0 ? void 0 : old.text) !== null && _old$text !== void 0 ? _old$text : undefined
+      };
+    });
+    setData(changedData);
+    safe_onChange(changedData);
+  };
+  var handleInputChange = function handleInputChange(option) {
+    return function (inputValue) {
+      var tempData = cloneDeep(__data) || [];
+      var target = tempData.find(function (d) {
+        return d.value === option.value;
+      });
+      if (!target) return;
+      target.text = inputValue;
+      // setData(tempData);
+      safe_onChange(tempData);
+    };
+  };
+  var renderInput = function renderInput(option) {
+    var _option$props, _props$style2;
+    var inputType = option.inputType;
+    var targetData = __data.find(function (d) {
+      return d.value === option.value;
+    });
+    if (!targetData || !inputType) return null;
+    var C = components === null || components === void 0 ? void 0 : components[inputType];
+    var inputValue = targetData.text;
+    var props = (_option$props = option.props) !== null && _option$props !== void 0 ? _option$props : {};
+    var style = (_props$style2 = props.style) !== null && _props$style2 !== void 0 ? _props$style2 : {};
+    if (['MyInput', 'Input', 'input', 'MA', 'MyAutoComplete'].includes(inputType)) {
+      style = _objectSpread({
+        width: inputWidth * (longOptions ? 1 : 1.5)
+      }, style);
+    }
+    if (['Select', 'MS', 'MySelect'].includes(inputType)) {
+      style = _objectSpread({
+        minWidth: inputWidth * (longOptions ? 1 : 1.5)
+      }, style);
+    }
+    return C ? /*#__PURE__*/React__default.createElement(C, _objectSpread(_objectSpread({
+      size: "small",
+      disabled: disabled,
+      marshal: marshal,
+      inputWidth: inputWidth,
+      // onBlur={onBlur}
+      className: classnames({
+        // 'global-issue-input': option.warning,
+      }),
+      style: style
+    }, props), {}, {
+      onChange: handleInputChange(option),
+      value: inputValue
+    })) : null;
+  };
+  function isChecked(value) {
+    // return __data.some(d => d.value === value)
+    return __data.some(function (d) {
+      return numberLikeCompare(d.value, value);
+    });
+  }
+  if (options.length === 0) return null;
+  return /*#__PURE__*/React__default.createElement(Checkbox_L.Group, {
+    className: classnames([styles['wrapper'], vertical ? styles['block-box'] : styles['flex-box']]),
+    disabled: disabled,
+    value: __data.map(function (_) {
+      return _.value;
+    }),
+    onChange: handleBoxGroupChange,
+    style: _objectSpread(_objectSpread({}, style), {}, {
+      // width: '100%',
+      flexWrap: 'wrap'
+    })
+  }, options.map(function (option, index) {
+    var _option$props2;
+    var prefix = option.prefix,
+      sufix = option.sufix,
+      suffix = option.suffix,
+      parentheses = option.parentheses;
+    var _parentheses = parentheses !== null && parentheses !== void 0 ? parentheses : ['MC', 'MArr'].includes(option.inputType) && !!(option !== null && option !== void 0 && (_option$props2 = option.props) !== null && _option$props2 !== void 0 && _option$props2.options);
+    var _suffix = sufix !== null && sufix !== void 0 ? sufix : suffix;
+    var checked = isChecked(option.value);
+    var node = checked ? renderInput(option) : null;
+    var surround_node = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, _parentheses && checked ? /*#__PURE__*/React__default.createElement("span", {
+      style: {
+        margin: "0 2px"
+      }
+    }, "(") : null, prefix && checked ? /*#__PURE__*/React__default.createElement("span", {
+      style: {
+        margin: "0 2px",
+        whiteSpace: 'nowrap'
+      }
+    }, prefix) : null, node ? /*#__PURE__*/React__default.createElement("span", {
+      onFocus: function onFocus(e) {
+        forcusInfo.current = {
+          index: index,
+          type: 'child'
+        };
+      },
+      onBlur: function onBlur(e) {
+        forcusInfo.current = {
+          index: undefined,
+          type: undefined
+        };
+        _onBlur === null || _onBlur === void 0 || _onBlur(e);
+      },
+      style: {
+        // margin: "0 2px",
+      }
+    }, node) : null, _suffix && checked ? /*#__PURE__*/React__default.createElement("span", {
+      style: {
+        margin: "0 2px"
+      }
+    }, _suffix) : null, _parentheses && checked ? /*#__PURE__*/React__default.createElement("span", {
+      style: {
+        margin: "0 2px",
+        whiteSpace: 'nowrap'
+      }
+    }, ")") : null);
+    return /*#__PURE__*/React__default.createElement("div", {
+      key: index,
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        marginRight: 2
+      },
+      className: option.warning && checked ? styles['warning'] : undefined
+    }, /*#__PURE__*/React__default.createElement("span", {
+      onFocus: function onFocus(e) {
+        setTimeout(function () {
+          forcusInfo.current = {
+            index: index,
+            type: 'parent'
+          };
+        }, 10);
+      },
+      onBlur: function onBlur(e) {
+        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);
+      }
+    }, /*#__PURE__*/React__default.createElement(Checkbox_L, {
+      value: option.value
+    }, option.label, option.tip ? /*#__PURE__*/React__default.createElement(Tooltip, {
+      title: option.tip
+    }, /*#__PURE__*/React__default.createElement(MyIcon, {
+      value: 'QuestionCircleOutlined',
+      style: {
+        cursor: 'help',
+        marginLeft: 2
+      }
+    })) : null)), surround_node);
+  }));
+};
+MyCheckbox.DisplayFC = MyCheckbox_DisplayFC;
+export { MyCheckbox as default };

package/dist/a_chunks/MyDatePicker.Inner.js

@@ -0,0 +1,117 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["value", "onBlur", "onChange", "valueType", "minDate", "maxDate", "validDate", "getPopupContainer", "time_only", "format", "style"];
+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 { presets_date } from '@noah-libjs/utils';
+import { Checkbox } from 'antd';
+import dayjs from 'dayjs';
+import React__default, { useCallback } from 'react';
+import { k as MonthPicker_L, l as formatDatePickerProps, m as getIsUnknown, g as getInputStyle, T as TimePicker_L, n as DatePicker_L, o as get_unknown_conf, U as UNKNOWN_TIME_SYMBOL, q as handleChangeValue } from './index.js';
+export { U as UNKNOWN_TIME_SYMBOL } from './index.js';
+import 'rc-select';
+import 'rc-tree';
+import '@noah-libjs/request';
+function MyDatePicker_Inner(_props) {
+  var props = formatDatePickerProps(_props);
+  var _props$value = props.value,
+    value = _props$value === void 0 ? undefined : _props$value,
+    onBlur = props.onBlur,
+    _onChange = props.onChange,
+    valueType = props.valueType,
+    minDate = props.minDate,
+    maxDate = props.maxDate,
+    validDate = props.validDate,
+    getPopupContainer = props.getPopupContainer,
+    time_only = props.time_only,
+    format = props.format,
+    style = props.style,
+    rest = _objectWithoutProperties(props, _excluded);
+  var isUnknown = getIsUnknown(props);
+  var _style = getInputStyle(props);
+  var transValue = useCallback(function (date) {
+    var result = undefined;
+    if (!!date) {
+      result = dayjs(date, format);
+    }
+    return result;
+  }, []);
+  var handleChange = function handleChange(date, dateString) {
+    var newValue = handleChangeValue(props, date);
+    _onChange === null || _onChange === void 0 || _onChange(newValue);
+    setTimeout(function () {
+      onBlur === null || onBlur === void 0 || onBlur({}, {
+        range: 'end'
+      });
+    }, 10);
+  };
+  var disabledDate = useCallback(function (current) {
+    var dateStr = dayjs(current).format('YYYY-MM-DD');
+    if (validDate) {
+      return dateStr.includes(validDate);
+    }
+    if (minDate) {
+      if (minDate === 'now') {
+        return current < dayjs().endOf('day');
+      }
+      return current < dayjs(minDate).endOf('day');
+    }
+    if (maxDate) {
+      if (maxDate === 'now') {
+        return current > dayjs().endOf('day');
+      }
+      return current > dayjs(maxDate).endOf('day');
+    }
+    return false;
+  }, [validDate, maxDate, minDate]);
+  var node = props.time_only ? /*#__PURE__*/React__default.createElement(TimePicker_L, _objectSpread(_objectSpread({
+    getPopupContainer: getPopupContainer,
+    value: isUnknown ? null : transValue(value),
+    onChange: handleChange,
+    disabledDate: disabledDate,
+    format: format
+  }, rest), {}, {
+    // onBlur={undefined}
+    // onBlurCapture={undefined}
+    style: _style,
+    placeholder: '请选择'
+  })) : /*#__PURE__*/React__default.createElement(DatePicker_L, _objectSpread(_objectSpread({
+    getPopupContainer: getPopupContainer,
+    value: isUnknown ? null : transValue(value),
+    onChange: handleChange,
+    disabledDate: disabledDate,
+    format: format,
+    presets: presets_date()
+  }, rest), {}, {
+    style: _style,
+    placeholder: '请选择'
+  }));
+  return get_unknown_conf(props) ? /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, node, /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      marginLeft: 6,
+      flex: 1
+    }
+  }, /*#__PURE__*/React__default.createElement(Checkbox, {
+    checked: isUnknown,
+    skipGroup: true,
+    onChange: function onChange(e) {
+      var _value = e.target.checked ? UNKNOWN_TIME_SYMBOL : null;
+      var value = handleChangeValue(props, _value);
+      _onChange === null || _onChange === void 0 || _onChange(value);
+    }
+  }), /*#__PURE__*/React__default.createElement("span", {
+    style: {
+      marginLeft: 6
+    }
+  }, "\u4E0D\u8BE6"))) : node;
+}
+var df = MyDatePicker_Inner;
+// const df = memo<IMyDatePickerProps>(MyDatePicker_Inner, areEqual)
+MyDatePicker_Inner.MonthPicker = MonthPicker_L;
+var MyDatePickerInner = df;
+export { MyDatePickerInner as default };

package/dist/a_chunks/MyIconSelect.MyIcon.js

@@ -0,0 +1,8 @@
+import { u as use_icon } from './utils.js';
+import 'react';
+function MyIcon(props) {
+  var _use_icon = use_icon(props),
+    render_Icon = _use_icon.render_Icon;
+  return render_Icon(props.value);
+}
+export { MyIcon as default };

package/dist/a_chunks/MyIconSelect.MyIconSelect.js

@@ -0,0 +1,68 @@
+import { Card, List } from 'antd';
+import React__default, { forwardRef } from 'react';
+import { D as Dropdown_L, e as MyInput } from './index.js';
+import { u as use_icon } from './utils.js';
+import '@noah-libjs/utils';
+import 'dayjs';
+import 'rc-select';
+import 'rc-tree';
+import '@noah-libjs/request';
+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('');
+    }
+  }));
+});
+export { MyIconSelect as default };

package/dist/a_chunks/MyRangeDate.Inner.js

@@ -0,0 +1,66 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["value", "onChange", "marshal", "minDate", "maxDate", "validDate", "getPopupContainer", "showUnknown", "format", "style"];
+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 dayjs from 'dayjs';
+import React__default, { useCallback } from 'react';
+import { f as format_range_props, g as getInputStyle, R as RangePicker_L, h as handleChangeValue } from './index.js';
+import '@noah-libjs/utils';
+import '@noah-libjs/request';
+import 'antd';
+import 'rc-select';
+import 'rc-tree';
+function MyRangePickerInner(_props) {
+  var props = format_range_props(_props);
+  var _props$value = props.value,
+    value = _props$value === void 0 ? undefined : _props$value,
+    onChange = props.onChange,
+    marshal = props.marshal,
+    minDate = props.minDate,
+    maxDate = props.maxDate,
+    validDate = props.validDate,
+    getPopupContainer = props.getPopupContainer,
+    showUnknown = props.showUnknown,
+    format = props.format,
+    style = props.style,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _style = getInputStyle(props);
+  var handleChange = function handleChange(date, dateString) {
+    date = date !== null && date !== void 0 ? date : [];
+    var _value = handleChangeValue(props, date);
+    onChange === null || onChange === void 0 || onChange(_value);
+  };
+  var disabledDate = useCallback(function (current) {
+    var dateStr = dayjs(current).format(format);
+    if (validDate) {
+      return dateStr.includes(validDate);
+    }
+    if (minDate) {
+      if (minDate === 'now') {
+        return current < dayjs().endOf('day');
+      }
+      return current < dayjs(minDate).endOf('day');
+    }
+    if (maxDate) {
+      if (maxDate === 'now') {
+        return current > dayjs().endOf('day');
+      }
+      return current > dayjs(maxDate).endOf('day');
+    }
+    return false;
+  }, [validDate, maxDate, minDate, format]);
+  return /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement(RangePicker_L, _objectSpread(_objectSpread({
+    style: _style,
+    getPopupContainer: getPopupContainer,
+    value: value,
+    onChange: handleChange,
+    disabledDate: disabledDate,
+    format: format
+  }, rest), {}, {
+    placeholder: ['开始', '结束']
+  })));
+}
+// const RangePicker_ = memo<IMyRangePickerProps>(MyRangePickerInner, areEqual)
+var RangePicker_ = MyRangePickerInner;
+export { RangePicker_ as default };