@noah-libjs/components 0.0.3 → 0.0.5

package/dist/a_chunks/root.22.js

@@ -0,0 +1,208 @@
+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 { CloseOutlined } from '@ant-design/icons';
+import { AutoComplete, Button } from 'antd';
+import React__default, { useState, useEffect } from 'react';
+import { e as parse_MC_dict_options, f as parse_MC_option, g as getInputStyle } from './index.js';
+import { isFunction, getPresetOptions, getSearchParamsValue } from '@noah-libjs/utils';
+import { 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 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,
+    uniqueKey = props.uniqueKey,
+    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 () {
+    init();
+    return function () {};
+  }, [optionKey, options, searchKey]);
+  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() {
+    isFunction(options) ? options() : options;
+    optionKey ? getPresetOptions(optionKey) : null;
+    var searchValue = searchKey ? getSearchParamsValue(searchKey) : null;
+    parse_MC_dict_options(_objectSpread(_objectSpread({}, props), {}, {
+      useString: true
+    }));
+    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 ? 120 : _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 }}
+    title: JSON.stringify(options),
+    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(CloseOutlined, null),
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        var ok = confirm('确定删除吗？');
+        ok && remove(item);
+      }
+    }) : null));
+  }));
+}
+export { MyAutoCompleteInner as default };

package/dist/a_chunks/root.23.js

@@ -0,0 +1,109 @@
+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"];
+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 '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);
+    }
+    return result;
+  }, []);
+  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);
+    }
+    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), {}, {
+    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/index.d.ts

@@ -1,4 +1,5 @@
-export * from './pack_components';
+export * from './util-types';
+export * from './packs';
 export * from './GlobalModal';
 export * from './Monaco';
 export * from './MyLazyComponent';