@noah-libjs/components 0.0.6 → 0.0.8

package/dist/a_chunks/index.module.js

@@ -1,27 +1,4 @@
-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));
-  }
-}
+import { s as styleInject } from './index.js';
 var css_248z = ".index-module_wrapper__8xmrk input {\n  padding: 0 !important;\n  border-top: none !important;\n  border-left: none !important;\n  border-right: none !important;\n}\n.index-module_wrapper__8xmrk .ant-select-selector {\n  padding: 0 !important;\n  border-top: none !important;\n  border-left: none !important;\n  border-right: none !important;\n}\n.index-module_wrapper__8xmrk .ant-select-selection-search-input {\n  padding: 0 !important;\n  border-top: none !important;\n  border-left: none !important;\n  border-right: none !important;\n}\n.index-module_block-box__zbZ8F {\n  display: block !important;\n}\n.index-module_block-box__zbZ8F > div {\n  margin-bottom: 6px;\n}\n.index-module_flex-box__aGmld {\n  display: flex;\n}\n.index-module_warning__Z3oMd .ant-checkbox-checked .ant-checkbox-inner {\n  background: red !important;\n  border-color: red !important;\n}\n.index-module_warning__Z3oMd .ant-input {\n  color: red !important;\n  border-color: red !important;\n  border-radius: 0 !important;\n}\n.index-module_warning__Z3oMd .ant-select-selector {\n  color: red !important;\n  border-color: red !important;\n  border-radius: 0 !important;\n}\n.index-module_warning__Z3oMd .ant-select-selection-search-input {\n  border-color: red !important;\n  border-radius: 0 !important;\n}\n";
 var styles = {
   "wrapper": "index-module_wrapper__8xmrk",

package/dist/a_chunks/root.17.js

@@ -12,6 +12,7 @@ import '@ant-design/icons';
 import 'dayjs';
 import 'rc-select';
 import 'rc-tree';
+import '@noah-libjs/request';
 var componentMap = packs;
 function RenderComponent(p) {
   var _target$props;
@@ -54,7 +55,7 @@ var MySelect = function MySelect(props) {
     fetch_options = props.fetch_options,
     uniqueKey = props.uniqueKey,
     _props$popupMatchSele = props.popupMatchSelectWidth,
-    popupMatchSelectWidth = _props$popupMatchSele === void 0 ? 120 : _props$popupMatchSele,
+    popupMatchSelectWidth = _props$popupMatchSele === void 0 ? 140 : _props$popupMatchSele,
     others = _objectWithoutProperties(props, _excluded);
   var _use_options = use_options(props),
     options = _use_options.options,
@@ -139,7 +140,6 @@ var MySelect = function MySelect(props) {
   // 多选不支持 非 marshal 不支持
   var isR = !is_multiple && marshal && target;
   var select_node = loading ? /*#__PURE__*/React__default.createElement("span", null, "'\u6570\u636E\u52A0\u8F7D\u4E2D...'") : /*#__PURE__*/React__default.createElement(Select_L, _objectSpread(_objectSpread({
-    title: JSON.stringify(options),
     loading: loading,
     className: _warning ? styles['warning'] : undefined,
     style: _style,

package/dist/a_chunks/root.18.js

@@ -12,6 +12,7 @@ import '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,
@@ -22,7 +23,7 @@ var MyCheckbox = function MyCheckbox(props) {
     disabled = _props$disabled === void 0 ? false : _props$disabled,
     _onBlur = props.onBlur,
     _props$inputWidth = props.inputWidth,
-    inputWidth = _props$inputWidth === void 0 ? 64 : _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,
@@ -108,18 +109,18 @@ var MyCheckbox = function MyCheckbox(props) {
       return d.value === option.value;
     });
     if (!targetData || !inputType) return null;
-    var C = components[inputType];
+    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 : 2)
+        width: inputWidth * (longOptions ? 1 : 1.5)
       }, style);
     }
     if (['Select', 'MS', 'MySelect'].includes(inputType)) {
       style = _objectSpread({
-        minWidth: inputWidth * (longOptions ? 1 : 2)
+        minWidth: inputWidth * (longOptions ? 1 : 1.5)
       }, style);
     }
     return C ? /*#__PURE__*/React__default.createElement(C, _objectSpread(_objectSpread({
@@ -202,7 +203,6 @@ var MyCheckbox = function MyCheckbox(props) {
       }
     }, ")") : null);
     return /*#__PURE__*/React__default.createElement("div", {
-      title: JSON.stringify(options),
       key: index,
       style: {
         display: 'flex',

package/dist/a_chunks/root.19.js

@@ -1,11 +1,12 @@
-import '@noah-libjs/utils';
 import { u as use_options } from './index.js';
+import '@noah-libjs/utils';
 import 'react';
 import '@ant-design/icons';
 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,

package/dist/a_chunks/root.20.js

@@ -3,13 +3,14 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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, { useRef, useEffect } from 'react';
 import { c as componentMap } from './components.js';
-import '@noah-libjs/utils';
 import { u as use_options } from './index.js';
+import '@noah-libjs/utils';
 import '@ant-design/icons';
 import 'antd';
 import 'dayjs';
 import 'rc-select';
 import 'rc-tree';
+import '@noah-libjs/request';
 function ArrayInputInner(props) {
   var value = props.value,
     onChange = props.onChange,

package/dist/a_chunks/root.21.js

@@ -3,13 +3,14 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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, { useEffect } from 'react';
 import { c as componentMap } from './components.js';
-import '@noah-libjs/utils';
 import { u as use_options } from './index.js';
+import '@noah-libjs/utils';
 import '@ant-design/icons';
 import 'antd';
 import 'dayjs';
 import 'rc-select';
 import 'rc-tree';
+import '@noah-libjs/request';
 var DisplayFC = function DisplayFC(props) {
   var value = props.value,
     _props$separator = props.separator,

package/dist/a_chunks/root.22.js

@@ -1,208 +1,66 @@
-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"];
+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 { 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 dayjs from 'dayjs';
+import React__default, { memo, useCallback } from 'react';
+import { e as areEqual, 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 '@ant-design/icons';
+import 'antd';
 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,
+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,
-    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
-      });
+    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 (_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 (minDate) {
+      if (minDate === 'now') {
+        return current < dayjs().endOf('day');
+      }
+      return current < dayjs(minDate).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('');
+    if (maxDate) {
+      if (maxDate === 'now') {
+        return current > dayjs().endOf('day');
       }
-    });
-  }
-  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,
+      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,
-    // 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));
-  }));
+    value: value,
+    onChange: handleChange,
+    disabledDate: disabledDate,
+    format: format
+  }, rest), {}, {
+    placeholder: ['开始', '结束']
+  })));
 }
-export { MyAutoCompleteInner as default };
+var RangePicker_ = /*#__PURE__*/memo(MyRangePickerInner, areEqual);
+export { RangePicker_ as default };