@noah-libjs/components 0.0.8 → 0.0.9

package/dist/a_chunks/root.26.js

@@ -1,4 +1,68 @@
-import dayjsGenerateConfig from 'rc-picker/es/generate/dayjs';
-import generateCalendar from 'antd/es/calendar/generateCalendar';
-var Calendar = generateCalendar(dayjsGenerateConfig);
-export { Calendar as default };
+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/root.27.js

@@ -0,0 +1,212 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+var _excluded = ["popupMatchSelectWidth", "getPopupContainer", "options", "style", "defaultValue", "value", "placeholder", "width", "onChange"];
+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 { i as parse_MC_option, g as getInputStyle, j as get_status_cls, M as MyIcon } from './index.js';
+import { AutoComplete, Button } from 'antd';
+import React__default, { useState, useEffect } from 'react';
+import { getSearchParamsValue } from '@noah-libjs/utils';
+import { safe_fetch_options, request } from '@noah-libjs/request';
+import 'dayjs';
+import 'rc-select';
+import 'rc-tree';
+
+// import { ICommonOption, getPresetOptions, getSameOptions } from '@lm_fe/env';
+var defaultOptions = [];
+function useConfig_MyAutoComplete(props) {
+  var form = props.form,
+    optionKey = props.optionKey,
+    _props$options = props.options,
+    options = _props$options === void 0 ? defaultOptions : _props$options,
+    searchKey = props.searchKey,
+    value = props.value,
+    memorable = props.memorable,
+    memorieskey = props.memorieskey,
+    memoriesname = props.memoriesname,
+    _props$formName = props.formName,
+    formName = _props$formName === void 0 ? 'unsetFormName' : _props$formName,
+    name = props.name,
+    fetch_options = props.fetch_options,
+    onChange = props.onChange,
+    onBlur = props.onBlur;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    __options = _useState2[0],
+    set__options = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    init_value = _useState4[0],
+    setInit_value = _useState4[1];
+  var _memorieskey = memorieskey !== null && memorieskey !== void 0 ? memorieskey : "".concat(formName, ".").concat(name);
+  // const _memoriesname = memoriesname ?? SLocal_State.getUserData()?.login
+  var _memoriesname = memoriesname !== null && memoriesname !== void 0 ? memoriesname : 'unset';
+  var _memorable = memorable || !!memorieskey;
+  useEffect(function () {
+    if (!fetch_options) init();
+    return function () {};
+  }, [optionKey, options, searchKey]);
+  useEffect(function () {
+    if (fetch_options) {
+      safe_fetch_options(fetch_options, form).then(set__options);
+    }
+    return function () {};
+  }, []);
+  useEffect(function () {
+    // if (!init_value && value) {
+    //     setInit_value(value)
+    // }
+    setInit_value(value);
+    return function () {};
+  }, [value]);
+  function safeOnChange(str) {
+    setInit_value(str);
+    onChange === null || onChange === void 0 || onChange(str);
+  }
+  function init() {
+    var searchValue = searchKey ? getSearchParamsValue(searchKey) : null;
+    var _options = parse_MC_option(_objectSpread(_objectSpread({}, props), {}, {
+      useString: true
+    }));
+    if (searchValue) {
+      _options.push({
+        value: searchValue,
+        label: searchValue
+      });
+    }
+    if (_memorable) {
+      request.get("/api/text-memories", {
+        ignore_usr: true,
+        params: {
+          'key.equals': _memorieskey,
+          size: 9999
+        }
+      }).then(function (r) {
+        var _r$data;
+        var arr = (_r$data = r.data) !== null && _r$data !== void 0 ? _r$data : [];
+        _options.push.apply(_options, _toConsumableArray(arr.map(function (_) {
+          return {
+            label: _.value,
+            value: _.value,
+            id: _.id
+          };
+        })));
+        set__options(_options);
+      });
+    } else {
+      set__options(_options);
+    }
+  }
+  function _OnBlur(e) {
+    onBlur === null || onBlur === void 0 || onBlur(e);
+    setTimeout(function () {
+      var thisValue = value;
+      if (!_memorable || !thisValue || __options.some(function (_) {
+        return _.value === thisValue;
+      })) return;
+      var data = {
+        key: _memorieskey,
+        name: _memoriesname,
+        value: thisValue
+      };
+      request.post("/api/text-memories", data, {
+        ignore_usr: true
+      }).then(init);
+    }, 10);
+  }
+  function remove(item) {
+    request["delete"]("/api/text-memories/".concat(item.id), {
+      params: {},
+      ignore_usr: true
+    }).then(function (r) {
+      init();
+      if (value === item.label) {
+        safeOnChange('');
+      }
+    });
+  }
+  return {
+    safeOnChange: safeOnChange,
+    onBlur: _OnBlur,
+    init: init,
+    options: __options,
+    remove: remove,
+    init_value: init_value
+  };
+}
+function MyAutoCompleteInner(props) {
+  var _props$popupMatchSele = props.popupMatchSelectWidth,
+    popupMatchSelectWidth = _props$popupMatchSele === void 0 ? 140 : _props$popupMatchSele,
+    _props$getPopupContai = props.getPopupContainer,
+    getPopupContainer = _props$getPopupContai === void 0 ? function () {
+      return document.body;
+    } : _props$getPopupContai,
+    _options = props.options,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    defaultValue = props.defaultValue,
+    value = props.value,
+    placeholder = props.placeholder,
+    width = props.width,
+    onChange = props.onChange,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _style = getInputStyle(_objectSpread({}, props));
+  var _useConfig_MyAutoComp = useConfig_MyAutoComplete(props),
+    safeOnChange = _useConfig_MyAutoComp.safeOnChange,
+    onBlur = _useConfig_MyAutoComp.onBlur,
+    options = _useConfig_MyAutoComp.options,
+    remove = _useConfig_MyAutoComp.remove,
+    init_value = _useConfig_MyAutoComp.init_value;
+  return /*#__PURE__*/React__default.createElement(AutoComplete, _objectSpread(_objectSpread({
+    title: value,
+    // dropdownStyle={{ minWidth: 180 }}
+    classNames: {
+      root: get_status_cls(props.status)
+    },
+    popupMatchSelectWidth: popupMatchSelectWidth,
+    style: _style,
+    // bordered={false}
+    allowClear: true
+  }, rest), {}, {
+    value: init_value !== null && init_value !== void 0 ? init_value : defaultValue,
+    onBlur: onBlur,
+    onChange: safeOnChange,
+    // options={options}
+    getPopupContainer: getPopupContainer,
+    placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : '请选择或输入'
+  }), options.map(function (item) {
+    return /*#__PURE__*/React__default.createElement(AutoComplete.Option, {
+      key: item.value,
+      value: item.value
+    }, /*#__PURE__*/React__default.createElement("div", {
+      style: {
+        display: 'flex',
+        justifyContent: 'space-between'
+      }
+    }, /*#__PURE__*/React__default.createElement("div", {
+      title: item.label,
+      style: {
+        flex: 1,
+        textOverflow: 'ellipsis',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        color: item.warning ? 'red' : ''
+      }
+    }, item.label), item.id ? (/*#__PURE__*/React__default.createElement(Button, {
+      title: "\u5220\u9664",
+      size: "small",
+      type: "dashed",
+      icon: /*#__PURE__*/React__default.createElement(MyIcon, {
+        value: "CloseOutlined"
+      }),
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        var ok = confirm('确定删除吗？');
+        ok && remove(item);
+      }
+    })) : null));
+  }));
+}
+export { MyAutoCompleteInner as default };

package/dist/a_chunks/root.28.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/root.29.js

@@ -0,0 +1,5 @@
+export { Dayjs } from 'dayjs';
+import dayjsGenerateConfig from 'rc-picker/es/generate/dayjs';
+import generatePicker from 'antd/es/date-picker/generatePicker';
+var DatePicker = generatePicker(dayjsGenerateConfig);
+export { DatePicker };

package/dist/a_chunks/root.30.js

@@ -0,0 +1,4 @@
+import dayjsGenerateConfig from 'rc-picker/es/generate/dayjs';
+import generateCalendar from 'antd/es/calendar/generateCalendar';
+var Calendar = generateCalendar(dayjsGenerateConfig);
+export { Calendar as default };

package/dist/a_chunks/utils.js

@@ -0,0 +1,59 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["icon_type", "value", "onChange", "form"];
+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 React__default, { useState, useEffect } from 'react';
+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, _excluded);
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    all_icons = _useState2[0],
+    set_all_icons = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    all_keys = _useState4[0],
+    set_all_keys = _useState4[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
+  };
+}
+export { use_icon as u };

package/dist/index.js

@@ -1,7 +1,6 @@
-export { A as ArrayInput, $ as AutoComplete_L, _ as Calendar_L, C as Checkbox_L, a0 as ColorPicker_L, ab as ContainerDimensions, D as DatePicker_L, a2 as Dropdown_L, a1 as Form_L, I as GlobalModal, H as GlobalModal_, a5 as Modal_L, M as MonthPicker_L, G as MountGlobalModal, E as MyAutoComplete, F as MyButton, t as MyCheckbox, r as MyCheckbox_Display, y as MyColor, z as MyIcon, B as MyIconSelect, o as MyInput, K as MyLazyComponent, J as MyMonaco, w as MyRangeDate, x as MyRangeDateTime, v as MyRangePicker, q as MySelect, a6 as Pagination_L, a9 as QRCode_L, R as RangePicker_L, a7 as SelectOption_L, S as Select_L, aa as Switch_L, a3 as Table_L, T as TimePicker_L, a8 as TreeSelect_L, a4 as Tree_L, U as UNKNOWN_TIME_SYMBOL, c as check_multiple, Z as displayValue, V as form_validate, k as formatDatePickerProps, W as fuck_focus, N as getArray, O as getFormat, g as getInputStyle, a as getMarshal, P as getParamByName, X as get_check_invert_values, b as get_mode, j as get_status_cls, m as get_unknown_conf, Q as handle_form_error, L as isUrl, p as packs, Y as parse_MC_dict_options, i as parse_MC_option, d as parse_MC_value, u as use_options } from './a_chunks/index.js';
+export { A as ArrayInput, w as ArraySingle, a1 as AutoComplete_L, a0 as Calendar_L, C as Checkbox_L, a2 as ColorPicker_L, ac as ContainerDimensions, n as DatePicker_L, D as Dropdown_L, a3 as Form_L, K as GlobalModal, J as GlobalModal_, a6 as Modal_L, k as MonthPicker_L, I as MountGlobalModal, F as MyAutoComplete, G as MyButton, v as MyCheckbox, t as MyCheckbox_Display, B as MyColor, M as MyIcon, E as MyIconSelect, e as MyInput, N as MyLazyComponent, L as MyMonaco, y as MyRangeDate, z as MyRangeDateTime, x as MyRangePicker, r as MySelect, H as MySwitch, a7 as Pagination_L, aa as QRCode_L, R as RangePicker_L, a8 as SelectOption_L, S as Select_L, ab as Switch_L, a4 as Table_L, T as TimePicker_L, a9 as TreeSelect_L, a5 as Tree_L, U as UNKNOWN_TIME_SYMBOL, c as check_multiple, $ as displayValue, X as form_validate, l as formatDatePickerProps, Y as fuck_focus, P as getArray, Q as getFormat, g as getInputStyle, a as getMarshal, V as getParamByName, Z as get_check_invert_values, b as get_mode, j as get_status_cls, o as get_unknown_conf, W as handle_form_error, O as isUrl, p as packs, _ as parse_MC_dict_options, i as parse_MC_option, d as parse_MC_value, u as use_options } from './a_chunks/index.js';
 export { Dayjs } from 'dayjs';
 import 'react';
-import '@ant-design/icons';
 import '@noah-libjs/utils';
 import 'antd';
 import 'rc-select';