@noah-libjs/components 0.0.6 → 0.0.8

package/dist/a_chunks/root.23.js

@@ -1,109 +1,212 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["value", "onChange", "valueType", "minDate", "maxDate", "validDate", "getPopupContainer", "time_only", "format", "style"];
+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 { presets_date } from '@noah-libjs/utils';
-import { Checkbox } from 'antd';
-import dayjs from 'dayjs';
-import React__default, { useCallback } from 'react';
-import { M as MonthPicker_L, h as formatDatePickerProps, i as getIsUnknown, g as getInputStyle, T as TimePicker_L, D as DatePicker_L, j as get_unknown_conf, U as UNKNOWN_TIME_SYMBOL, k as handleChangeValue } from './index.js';
-export { U as UNKNOWN_TIME_SYMBOL } from './index.js';
-import '@ant-design/icons';
+import { CloseOutlined } from '@ant-design/icons';
+import { AutoComplete, Button } from 'antd';
+import React__default, { useState, useEffect } from 'react';
+import { i as parse_MC_option, g as getInputStyle, j as get_status_cls } from './index.js';
+import { getSearchParamsValue } from '@noah-libjs/utils';
+import { safe_fetch_options, request } from '@noah-libjs/request';
+import 'dayjs';
 import 'rc-select';
 import 'rc-tree';
-function CusDatePicker(_props) {
-  var props = formatDatePickerProps(_props);
-  var _props$value = props.value,
-    value = _props$value === void 0 ? undefined : _props$value,
-    _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);
+
+// 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 result;
+    return function () {};
   }, []);
-  var handleChange = function handleChange(date, dateString) {
-    var newValue = handleChangeValue(props, date);
-    _onChange === null || _onChange === void 0 || _onChange(newValue);
-  };
-  var disabledDate = useCallback(function (current) {
-    var dateStr = dayjs(current).format('YYYY-MM-DD');
-    if (validDate) {
-      return dateStr.includes(validDate);
+  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 (minDate) {
-      if (minDate === 'now') {
-        return current < dayjs().endOf('day');
-      }
-      return current < dayjs(minDate).endOf('day');
+    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);
     }
-    if (maxDate) {
-      if (maxDate === 'now') {
-        return current > dayjs().endOf('day');
+  }
+  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 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), {}, {
+    });
+  }
+  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
+  // dropdownStyle={{ minWidth: 180 }}
+  , _objectSpread(_objectSpread({
+    // dropdownStyle={{ minWidth: 180 }}
+    classNames: {
+      root: get_status_cls(props.status)
+    },
+    popupMatchSelectWidth: popupMatchSelectWidth,
     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()
+    // bordered={false}
+    allowClear: true
   }, rest), {}, {
-    style: _style,
-    placeholder: '请选择'
+    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(CloseOutlined, null),
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        var ok = confirm('确定删除吗？');
+        ok && remove(item);
+      }
+    }) : null));
   }));
-  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 = CusDatePicker;
-// const df = memo<IMyDatePickerProps>(CusDatePicker, areEqual)
-CusDatePicker.MonthPicker = MonthPicker_L;
-var MyDatePickerInner = df;
-export { MyDatePickerInner as default };
+export { MyAutoCompleteInner as default };

package/dist/a_chunks/root.24.js

@@ -1,5 +1,118 @@
-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 };
+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 { M as MonthPicker_L, k as formatDatePickerProps, l as getIsUnknown, g as getInputStyle, T as TimePicker_L, D as DatePicker_L, m as get_unknown_conf, U as UNKNOWN_TIME_SYMBOL, n as handleChangeValue } from './index.js';
+export { U as UNKNOWN_TIME_SYMBOL } from './index.js';
+import '@ant-design/icons';
+import 'rc-select';
+import 'rc-tree';
+import '@noah-libjs/request';
+function CusDatePicker(_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 = CusDatePicker;
+// const df = memo<IMyDatePickerProps>(CusDatePicker, areEqual)
+CusDatePicker.MonthPicker = MonthPicker_L;
+var MyDatePickerInner = df;
+export { MyDatePickerInner as default };

package/dist/a_chunks/root.25.js

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

package/dist/a_chunks/root.26.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/root.8.js

@@ -2,8 +2,10 @@ 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 Tree from 'antd/es/tree';
-import React__default from 'react';
-function LazyInner(props) {
-  return /*#__PURE__*/React__default.createElement(Tree, _objectSpread({}, props));
-}
-export { LazyInner as default };
+import React__default, { forwardRef } from 'react';
+var Inner = /*#__PURE__*/forwardRef(function LazyInner(props, ref) {
+  return /*#__PURE__*/React__default.createElement(Tree, _objectSpread(_objectSpread({}, props), {}, {
+    ref: ref
+  }));
+});
+export { Inner as default };

package/dist/index.js

@@ -1,4 +1,4 @@
-export { A as ArrayInput, I as AutoComplete_L, H as Calendar_L, C as Checkbox_L, J as ColorPicker_L, _ as ContainerDimensions, D as DatePicker_L, L as Dropdown_L, K as Form_L, s as GlobalModal, G as GlobalModal_, Q as Modal_L, M as MonthPicker_L, r as MountGlobalModal, o as MyCheckbox, n as MyCheckbox_Display, q as MyColor, l as MyInput, v as MyLazyComponent, t as MyMonaco, m as MySelect, V as Pagination_L, Y as QRCode_L, R as RangePicker_L, W as SelectOption_L, S as Select_L, Z as Switch_L, N as Table_L, T as TimePicker_L, X as TreeSelect_L, O as Tree_L, U as UNKNOWN_TIME_SYMBOL, P as aa, c as check_multiple, F as displayValue, h as formatDatePickerProps, x as getArray, y as getFormat, g as getInputStyle, a as getMarshal, z as getParamByName, E as get_check_invert_values, b as get_mode, j as get_unknown_conf, B as handle_form_error, w as isUrl, p as packs, e as parse_MC_dict_options, f as parse_MC_option, d as parse_MC_value, u as use_options } from './a_chunks/index.js';
+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 { Dayjs } from 'dayjs';
 import 'react';
 import '@ant-design/icons';
@@ -6,3 +6,4 @@ import '@noah-libjs/utils';
 import 'antd';
 import 'rc-select';
 import 'rc-tree';
+import '@noah-libjs/request';