@lm_fe/components_m 0.1.201 → 0.2.2

package/dist/a_chunks/.root38.js

@@ -4,99 +4,122 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
 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; }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import 'antd/es/input/style';
-import _Input from 'antd/es/input';
-import 'antd/es/message/style';
-import _message from 'antd/es/message';
-import React from 'react';
-var MyInput = /*#__PURE__*/function (_React$Component) {
-  function MyInput() {
+import React, { Component } from 'react';
+import { otherOptions, mchcUtils } from '@lm_fe/env';
+import { get, cloneDeep, isString, isFunction } from 'lodash';
+import { LazyAntd } from '@lm_fe/components';
+var Tree = LazyAntd.Tree,
+  TreeSelect = LazyAntd.TreeSelect,
+  Select = LazyAntd.Select,
+  Table = LazyAntd.Table,
+  Dropdown = LazyAntd.Dropdown,
+  Pagination = LazyAntd.Pagination;
+/**
+ * 使用multiple 和 tags共同操作select
+ * 可以自定义的时候 mode="tags" 然后在handleChange中控制输出
+ * multiple - false | tags - false  单选 不可自定义输入
+ * multiple - true  | tags - false  多选 不可自定义输入
+ * multiple - false | tags - true   单选 可自定义输入
+ * multiple - true  | tags - false  多选 可自定义输入
+ */
+var DefaultSelect = /*#__PURE__*/function (_Component) {
+  function DefaultSelect() {
     var _this;
-    _classCallCheck(this, MyInput);
+    _classCallCheck(this, DefaultSelect);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, MyInput, [].concat(args));
-    _defineProperty(_this, "handleChange", function (e) {
-      return _this.props.onChange(e.target.value);
-    });
-    _defineProperty(_this, "handleBlur", function (e) {
-      var nowYear = new Date().getFullYear();
-      var numCentury = Number(nowYear.toString().substring(0, 2));
-      var numYear = Number(nowYear.toString().substring(2));
-      var initValue = e.target.value;
-      var iptValue = initValue.replace(/[^0-9]+/g, '');
-      var getCentury = function getCentury(v) {
-        var century = Number(v) > numYear ? numCentury - 1 : numCentury;
-        return century;
-      };
-      var finalDate = '',
-        finalYear = '',
-        finalMonth = '';
-      if (!initValue) return;
-      if (initValue.indexOf('-') !== -1 || initValue.indexOf('~') !== -1) {
-        if (iptValue.length === 4 || iptValue.length === 8) {
-          finalDate = initValue.replace(/\-/g, '~');
+    _this = _callSuper(this, DefaultSelect, [].concat(args));
+    _defineProperty(_this, "handleChange", function (val) {
+      var _this$props = _this.props,
+        onChange = _this$props.onChange,
+        _this$props$multiple = _this$props.multiple,
+        multiple = _this$props$multiple === void 0 ? false : _this$props$multiple,
+        _this$props$tags = _this$props.tags,
+        tags = _this$props$tags === void 0 ? false : _this$props$tags;
+      if (tags) {
+        if (multiple) {
+          onChange(val);
         } else {
-          finalDate = initValue;
+          onChange(val[val.length - 1]);
         }
-        // message.error('输入日期为非规范的年月格式！', 5);
-      } else if (iptValue.length === 2) {
-        finalDate = getCentury(iptValue) + iptValue;
-      } else if (iptValue.length === 3) {
-        finalYear = iptValue.substring(0, 2);
-        finalMonth = iptValue.substring(2);
-        finalYear = getCentury(finalYear) + finalYear;
-        finalMonth = Number(finalMonth) > 10 ? finalMonth : '0' + finalMonth;
-        finalDate = finalYear + '-' + finalMonth;
-      } else if (iptValue.length === 4 && (initValue.length === 4 || initValue[initValue.length - 1] === '年')) {
-        finalDate = iptValue;
-      } else if (iptValue.length === 4 && initValue.length !== 4) {
-        finalYear = iptValue.substring(0, 2);
-        finalMonth = iptValue.substring(2);
-        finalYear = getCentury(finalYear) + finalYear;
-        finalDate = finalYear + '-' + finalMonth;
-      } else if (iptValue.length === 5) {
-        finalYear = iptValue.substring(0, 4);
-        finalMonth = iptValue.substring(4);
-        finalYear = finalYear;
-        finalMonth = Number(finalMonth) > 10 ? finalMonth : '0' + finalMonth;
-        finalDate = finalYear + '-' + finalMonth;
-      } else if (iptValue.length === 6) {
-        finalYear = iptValue.substring(0, 4);
-        finalMonth = iptValue.substring(4);
-        finalDate = finalYear + '-' + finalMonth;
       } else {
-        finalDate = initValue;
-        _message.error('输入格式错误！', 5);
-        return;
-      }
-      if (!!finalYear && Number(finalYear) < 1900 || Number(finalYear) > nowYear || !!finalMonth && Number(finalMonth) < 1 || Number(finalMonth) > 12) {
-        _message.error("\u8F93\u5165\u683C\u5F0F\u4E3A".concat(finalDate, ", \u8F93\u5165\u65E5\u671F\u9519\u8BEF\uFF01"), 5);
-        return;
+        onChange(val);
       }
-      _this.props.onChange(finalDate);
+    });
+    _defineProperty(_this, "renderOptions", function (options) {
+      return options.map(function (opt) {
+        return /*#__PURE__*/React.createElement(Select.Option, {
+          key: opt.value,
+          value: opt.value
+        }, /*#__PURE__*/React.createElement("span", {
+          style: {
+            color: get(opt, "warn") ? 'red' : ''
+          }
+        }, opt.label));
+      });
     });
     return _this;
   }
-  _inherits(MyInput, _React$Component);
-  return _createClass(MyInput, [{
+  _inherits(DefaultSelect, _Component);
+  return _createClass(DefaultSelect, [{
     key: "render",
     value: function render() {
-      var _this$props = this.props,
-        editing = _this$props.editing,
-        value = _this$props.value;
-      return /*#__PURE__*/React.createElement(_Input, {
-        disabled: this.props.disabled,
-        autoFocus: editing,
+      var _this$props2 = this.props,
+        _this$props2$options = _this$props2.options,
+        options = _this$props2$options === void 0 ? [] : _this$props2$options,
+        _this$props2$multiple = _this$props2.multiple,
+        multiple = _this$props2$multiple === void 0 ? false : _this$props2$multiple,
+        _this$props2$tags = _this$props2.tags,
+        tags = _this$props2$tags === void 0 ? false : _this$props2$tags,
+        _this$props2$style = _this$props2.style,
+        style = _this$props2$style === void 0 ? {} : _this$props2$style,
+        _this$props2$popupMat = _this$props2.popupMatchSelectWidth,
+        popupMatchSelectWidth = _this$props2$popupMat === void 0 ? true : _this$props2$popupMat,
+        uniqueKey = _this$props2.uniqueKey;
+      var cloneOptions = cloneDeep(options);
+      if (isString(cloneOptions)) {
+        var a = cloneOptions;
+        var b = otherOptions[a];
+        cloneOptions = isFunction(b) ? b() : b;
+      }
+      if (isString(uniqueKey)) cloneOptions = mchcUtils.getDictionariesEnumerations(uniqueKey) || [];
+      var value = this.props.value;
+      var selectMode = undefined;
+      if (tags || multiple) {
+        value = value !== undefined && value !== null && value !== '' ? value : [];
+      } else {
+        if (value !== undefined && value !== null && value !== '') {
+          var opt = cloneOptions.filter(function (item) {
+            return item.value == value;
+          }).pop();
+          if (opt && opt.label) value = opt.value;
+        } else {
+          value = '';
+        }
+      }
+      if (tags) {
+        selectMode = 'tags';
+      } else if (multiple) {
+        selectMode = 'multiple';
+      }
+      return /*#__PURE__*/React.createElement(Select, {
+        style: _objectSpread({
+          width: '100%'
+        }, style),
         value: value,
-        onChange: this.handleChange,
-        onBlur: this.handleBlur
-      });
+        allowClear: true,
+        showSearch: true,
+        disabled: this.props.disabled,
+        mode: selectMode,
+        popupMatchSelectWidth: popupMatchSelectWidth,
+        onChange: this.handleChange
+      }, this.renderOptions(cloneOptions));
     }
   }]);
-}(React.Component);
-export { MyInput as default };
-//# sourceMappingURL=.root38.js.map
+}(Component);
+export { DefaultSelect as default };