@lm_fe/components_m 0.1.201 → 0.2.2

package/dist/a_chunks/.root42.js

@@ -1,214 +1,160 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["input_props", "editing", "value", "label", "validate", "unit", "error"];
+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/tooltip/style';
-import _Tooltip from 'antd/es/tooltip';
-import 'antd/es/input-number/style';
-import _InputNumber from 'antd/es/input-number';
-import 'antd/es/input/style';
-import _Input from 'antd/es/input';
-import { b as styleInject, _ as _extends } from './index.js';
-import _forEach from 'lodash/forEach';
-import _get from 'lodash/get';
-import React from 'react';
-import { QuestionCircleOutlined } from '@ant-design/icons';
-import { isIE } from '@lm_fe/utils';
-import '@lm_fe/env';
-import 'lodash/isFunction';
-import 'antd/es/space/style';
-import 'antd/es/space';
-import 'lodash/set';
-import 'lodash/map';
-import 'lodash/indexOf';
-import 'lodash/compact';
-import '@lm_fe/components';
-import 'classnames';
-import 'dayjs';
-import 'antd/es/checkbox/style';
-import 'antd/es/checkbox';
-import 'lodash/isString';
-import 'lodash/isNumber';
-import 'lodash/isBoolean';
-import 'antd/es/divider/style';
-import 'antd/es/divider';
-import 'antd/es/button/style';
-import 'antd/es/button';
-import 'lodash/isEmpty';
-import 'antd/es/switch/style';
-import 'antd/es/switch';
-import 'antd/es/form/style';
-import 'antd/es/form';
-import 'lodash/join';
-import 'lodash/isEqual';
-import 'lodash/isArray';
-import 'lodash/identity';
-import 'lodash/cloneDeep';
-import '@lm_fe/service';
-import 'lodash/isObject';
-import 'lodash/keys';
-import 'lodash/keyBy';
-import 'lodash/isNil';
-import 'antd/es/spin/style';
-import 'antd/es/spin';
-import 'antd/es/message/style';
-import 'antd/es/message';
-import 'lodash/has';
-import 'antd/es/modal/style';
-import 'antd/es/modal';
-import 'lodash/size';
-import 'lodash/includes';
-import 'lodash/filter';
-import 'react-to-print';
-import 'antd/es/row/style';
-import 'antd/es/row';
-import 'antd/es/col/style';
-import 'antd/es/col';
-import 'lodash/concat';
-import 'lodash/reduce';
-import 'lodash/debounce';
-import 'lodash/pickBy';
-import 'antd/es/auto-complete/style';
-import 'antd/es/auto-complete';
-import 'lodash/nth';
-import 'lodash/assign';
-import 'antd/es/popover/style';
-import 'antd/es/popover';
-import 'antd/es/menu/style';
-import 'antd/es/menu';
-import 'store';
-import 'antd/es/popconfirm/style';
-import 'antd/es/popconfirm';
-import 'antd/es/radio/style';
-import 'antd/es/radio';
-import 'lodash/last';
-import 'lodash/toUpper';
-var css_248z = ".input-with-rang {\n  display: flex;\n  align-items: center;\n}\n.input-with-rang .rang_tip {\n  margin-left: 4px;\n}\n";
-styleInject(css_248z);
-var MyInput = /*#__PURE__*/function (_React$Component) {
-  function MyInput(props) {
+import React, { Component } from 'react';
+import { get } 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;
+var SPLIT_KEY = ',';
+// 判断选择的节点是否为父节点
+var _isParent = function isParent(options, value) {
+  var flag = false;
+  for (var i = 0; i < options.length; i++) {
+    if (value === options[i].value) {
+      flag = options[i].children ? true : false;
+      break;
+    } else if (options[i].children) {
+      flag = _isParent(options[i].children, value);
+    }
+  }
+  return flag;
+};
+var MyTreeSelect = /*#__PURE__*/function (_Component) {
+  function MyTreeSelect(_props) {
+    var _ref5, _props$options2;
     var _this;
-    _classCallCheck(this, MyInput);
-    _this = _callSuper(this, MyInput, [props]);
-    _defineProperty(_this, "handleClick", function () {
-      var onClick = _this.props.onClick;
-      if (onClick) onClick();
-    });
-    _defineProperty(_this, "handleChange", function (e) {
-      return _this.props.onChange(e.target.value);
-    });
-    _defineProperty(_this, "handleNumberChange", function (value) {
-      return _this.props.onChange(value);
-    });
-    /**
-     * TODO:
-     * 下面的方法原本是用于判断输入法的开始与结束
-     * 可以用于减少onChange的次数达到性能的优化
-     * 但是Ant-design的Input没有提供相关的接口
-     *
-     * 可以考虑的一个解决方案就是把这两个方法放置与Input的父元素
-     * 因为时间关系没有做
-     */
-    _defineProperty(_this, "handleKeyDown", function (e) {
-      e.target.keyEvent = true;
-    });
-    _defineProperty(_this, "handleKeyUp", function (e) {
-      var flag = e.target.isNeedPrevent;
-      if (flag) return;
-      _this.props.onChange(_this.state.value);
-      e.target.keyEvent = false;
-    });
-    _defineProperty(_this, "handleCompositionStart", function (e) {
-      e.target.isNeedPrevent = true;
-    });
-    _defineProperty(_this, "handleCompositionEnd", function (e) {
-      e.target.isNeedPrevent = false;
-    });
-    _defineProperty(_this, "renderInput", function () {
-      var _this$props = _this.props,
-        _this$props$input_pro = _this$props.input_props,
-        input_props = _this$props$input_pro === void 0 ? {} : _this$props$input_pro,
-        editing = _this$props.editing,
-        value = _this$props.value,
-        label = _this$props.label,
-        validate = _this$props.validate,
-        unit = _this$props.unit,
-        error = _this$props.error,
-        rest = _objectWithoutProperties(_this$props, _excluded);
-      var max = input_props.max;
-      var rangItem = {};
-      _forEach(validate, function (item) {
-        if (_get(item, 'type') === 'rang') {
-          rangItem = item;
+    _classCallCheck(this, MyTreeSelect);
+    _this = _callSuper(this, MyTreeSelect, [_props]);
+    _defineProperty(_this, "handleChange", function (_value, _label, _ref) {
+      var _ref2, _this$props$multiple;
+      var preValue = _ref.preValue,
+        selected = _ref.selected,
+        triggerValue = _ref.triggerValue;
+      var onChange = _this.props.onChange;
+      var multiple = (_ref2 = (_this$props$multiple = _this.props.multiple) !== null && _this$props$multiple !== void 0 ? _this$props$multiple : _this.props.input_props.multiple) !== null && _ref2 !== void 0 ? _ref2 : true;
+      var _this$state$options = _this.state.options,
+        options = _this$state$options === void 0 ? [] : _this$state$options;
+      var flag = _isParent(options, triggerValue);
+      var data = undefined;
+      if (multiple) {
+        if (selected) {
+          if (!flag) {
+            var newPreValue = preValue.map(function (item) {
+              return item.value;
+            });
+            newPreValue.push(triggerValue);
+            data = newPreValue.join(SPLIT_KEY);
+          }
+        } else {
+          var i = preValue.findIndex(function (item) {
+            return item.value === triggerValue;
+          });
+          if (i !== -1) {
+            preValue.splice(i, 1);
+          }
+          data = preValue.map(function (item) {
+            return item.value;
+          }).join(SPLIT_KEY);
+        }
+      } else {
+        if (!flag) {
+          data = triggerValue;
         }
+      }
+      _this.setState({
+        value: data
+      });
+      onChange(data);
+    });
+    _defineProperty(_this, "handleSearch", function (value) {
+      // 搜索时改变options
+      _this.setState(function (_state, props) {
+        var _ref3, _props$options;
+        var options = (_ref3 = (_props$options = props.options) !== null && _props$options !== void 0 ? _props$options : props.input_props.options) !== null && _ref3 !== void 0 ? _ref3 : [];
+        var newOptions = options.map(function (v) {
+          return v;
+        });
+        newOptions.splice(newOptions.length, 0, {
+          value: value,
+          label: value
+        });
+        newOptions = newOptions.filter(function (v) {
+          return v.value !== '';
+        });
+        return {
+          options: newOptions
+        };
       });
-      var minVal = _get(rangItem, 'min');
-      var maxVal = _get(rangItem, 'max');
-      if (input_props) {
-        if (input_props.type === 'textarea') {
-          return /*#__PURE__*/React.createElement(_Input.TextArea, _extends({}, rest, input_props, {
-            value: value,
-            title: value,
-            onChange: _this.handleChange
-          }));
-        } else if (input_props.type === 'password') {
-          return /*#__PURE__*/React.createElement(_Input.Password, _extends({}, rest, input_props, {
-            value: value,
-            onChange: _this.handleChange
-          }));
-        } else if (input_props.type === 'text') {
-          return /*#__PURE__*/React.createElement(_Input, _extends({}, rest, input_props, {
-            value: value,
-            title: value,
-            onChange: _this.handleChange
-          }));
-        } else if (input_props.type === 'number') {
-          return /*#__PURE__*/React.createElement("div", {
-            className: "input-with-rang"
-          }, isIE() ? /*#__PURE__*/React.createElement(_Input, _extends({}, rest, input_props, {
-            value: value,
-            title: value,
-            onChange: _this.handleChange
-          })) : /*#__PURE__*/React.createElement(_InputNumber, _extends({
-            min: 0,
-            max: max
-          }, rest, {
-            autoFocus: editing,
-            title: value,
-            value: value,
-            onChange: _this.handleNumberChange
-          })), /\*/.test(error) && value ? /*#__PURE__*/React.createElement(_Tooltip, {
-            className: "rang_tip",
-            title: "".concat(label, "\u7684\u6B63\u5E38\u8303\u56F4\u503C\u662F").concat(minVal, "~").concat(maxVal).concat(unit)
-          }, /*#__PURE__*/React.createElement(QuestionCircleOutlined, null)) : null);
+    });
+    _defineProperty(_this, "formatValue", function (value) {
+      var _ref4, _this$props$multiple2;
+      var multiple = (_ref4 = (_this$props$multiple2 = _this.props.multiple) !== null && _this$props$multiple2 !== void 0 ? _this$props$multiple2 : _this.props.input_props.multiple) !== null && _ref4 !== void 0 ? _ref4 : true;
+      var val;
+      if (!Array.isArray(value) && multiple) {
+        try {
+          val = value.split(SPLIT_KEY);
+        } catch (e) {
+          val = [];
+          console.warn(e + ' from TreeSelect Component');
         }
+      } else {
+        val = value;
       }
-      return /*#__PURE__*/React.createElement(_Input, _extends({}, rest, {
-        autoFocus: editing,
-        value: value === ' ' ? null : value,
-        title: value,
-        onClick: _this.handleClick,
-        onChange: _this.handleChange
-      }));
+      return val;
     });
     _this.state = {
-      value: ''
+      // 因为需要做自定义输入，所有本地存储一下options
+      options: (_ref5 = (_props$options2 = _props.options) !== null && _props$options2 !== void 0 ? _props$options2 : _props.input_props.options) !== null && _ref5 !== void 0 ? _ref5 : [],
+      value: get(_props, 'value') || get(_props, 'defaultValue')
     };
     return _this;
   }
-  _inherits(MyInput, _React$Component);
-  return _createClass(MyInput, [{
+  _inherits(MyTreeSelect, _Component);
+  return _createClass(MyTreeSelect, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (JSON.stringify(this.props.value) !== JSON.stringify(prevProps.value)) {
+        var _this$props$options;
+        this.setState({
+          options: (_this$props$options = this.props.options) !== null && _this$props$options !== void 0 ? _this$props$options : this.props.input_props.options
+        });
+      }
+    }
+  }, {
     key: "render",
     value: function render() {
-      return this.renderInput();
+      var _ref6, _this$props$radio, _ref7, _this$props$popupMatc;
+      var value = this.state.value;
+      var radio = (_ref6 = (_this$props$radio = this.props.radio) !== null && _this$props$radio !== void 0 ? _this$props$radio : this.props.input_props.radio) !== null && _ref6 !== void 0 ? _ref6 : false;
+      var options = this.state.options;
+      if (!value) {
+        value = radio ? [] : null;
+      }
+      var popupMatchSelectWidth = (_ref7 = (_this$props$popupMatc = this.props.popupMatchSelectWidth) !== null && _this$props$popupMatc !== void 0 ? _this$props$popupMatc : this.props.input_props.popupMatchSelectWidth) !== null && _ref7 !== void 0 ? _ref7 : 250;
+      return /*#__PURE__*/React.createElement(TreeSelect, _objectSpread(_objectSpread({}, this.props), {}, {
+        popupMatchSelectWidth: popupMatchSelectWidth,
+        style: {
+          width: '100%'
+        },
+        treeData: options,
+        multiple: !radio,
+        onChange: this.handleChange,
+        onSearch: this.handleSearch,
+        value: this.formatValue(value)
+      }));
     }
   }]);
-}(React.Component);
-export { MyInput as default };
-//# sourceMappingURL=.root42.js.map
+}(Component);
+export { MyTreeSelect as default };

package/dist/a_chunks/.root43.js

@@ -3,149 +3,83 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 React, { Component } from 'react';
-import { b as styleInject } from './index.js';
-import { mchcEvent } from '@lm_fe/env';
-import { SMchc_FormDescriptions } from '@lm_fe/service';
-import 'lodash/isFunction';
-import '@ant-design/icons';
-import 'antd/es/space/style';
-import 'antd/es/space';
-import 'antd/es/input-number/style';
-import 'antd/es/input-number';
-import 'lodash/set';
-import 'lodash/map';
-import 'lodash/indexOf';
-import 'lodash/get';
-import 'lodash/compact';
+import { b as getFormData, w as MyForm } from './index.js';
+import '@lm_fe/provoke';
 import '@lm_fe/components';
 import '@lm_fe/utils';
+import 'antd';
 import 'classnames';
 import 'dayjs';
-import 'antd/es/checkbox/style';
-import 'antd/es/checkbox';
-import 'lodash/isString';
-import 'lodash/isNumber';
-import 'lodash/isBoolean';
-import 'antd/es/divider/style';
-import 'antd/es/divider';
-import 'antd/es/button/style';
-import 'antd/es/button';
-import 'lodash/isEmpty';
-import 'antd/es/switch/style';
-import 'antd/es/switch';
-import 'antd/es/form/style';
-import 'antd/es/form';
-import 'lodash/join';
-import 'lodash/isEqual';
-import 'lodash/isArray';
-import 'lodash/identity';
-import 'lodash/cloneDeep';
-import 'lodash/isObject';
-import 'lodash/keys';
-import 'lodash/keyBy';
-import 'lodash/isNil';
-import 'antd/es/tooltip/style';
-import 'antd/es/tooltip';
-import 'antd/es/spin/style';
-import 'antd/es/spin';
-import 'antd/es/message/style';
-import 'antd/es/message';
-import 'lodash/has';
-import 'antd/es/modal/style';
-import 'antd/es/modal';
-import 'lodash/size';
-import 'lodash/includes';
-import 'lodash/forEach';
-import 'lodash/filter';
-import 'react-to-print';
-import 'antd/es/row/style';
-import 'antd/es/row';
-import 'antd/es/col/style';
-import 'antd/es/col';
-import 'lodash/concat';
-import 'lodash/reduce';
-import 'lodash/debounce';
-import 'lodash/pickBy';
-import 'antd/es/auto-complete/style';
-import 'antd/es/auto-complete';
-import 'lodash/nth';
-import 'lodash/assign';
-import 'antd/es/popover/style';
-import 'antd/es/popover';
-import 'antd/es/menu/style';
-import 'antd/es/menu';
+import 'lodash';
+import '@lm_fe/env';
+import '@lm_fe/service';
+import 'reconnecting-websocket';
 import 'store';
-import 'antd/es/popconfirm/style';
-import 'antd/es/popconfirm';
-import 'antd/es/radio/style';
-import 'antd/es/radio';
-import 'lodash/last';
-import 'lodash/toUpper';
-var css_248z = ".index-module_template-wrapper__-mehV {\n  position: relative;\n}\n.index-module_template-wrapper__-mehV .index-module_template-texarea__GtXdU {\n  width: 100%;\n}\n.index-module_template-wrapper__-mehV .index-module_template-action__k4-yb {\n  position: absolute;\n  right: 1px;\n  bottom: 1px;\n  width: 0;\n  height: 0;\n  border-width: 20px 20px 20px 20px;\n  border-color: transparent #f5f6f8 #f5f6f8 transparent;\n  border-style: solid;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n}\n.index-module_template-wrapper__-mehV .index-module_template-action__k4-yb span {\n  display: inline-block;\n  position: relative;\n  bottom: 5px;\n  word-break: keep-all;\n  color: #000;\n  font-size: 12px;\n}\n";
-var styles = {
-  "template-wrapper": "index-module_template-wrapper__-mehV",
-  "template-texarea": "index-module_template-texarea__GtXdU",
-  "template-action": "index-module_template-action__k4-yb"
-};
-styleInject(css_248z);
-var TextareaWithTemplate = /*#__PURE__*/function (_Component) {
-  function TextareaWithTemplate() {
+
+/* eslint-disable react/no-did-update-set-state */
+// 这里的formHandler不与业务页面的formHandler合并；这里需要一个方法对外抛出change的事件
+var MyCustom = /*#__PURE__*/function (_Component) {
+  function MyCustom(props) {
     var _this;
-    _classCallCheck(this, TextareaWithTemplate);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, TextareaWithTemplate, [].concat(args));
-    _defineProperty(_this, "handleClickBtn", function () {
-      var onClick = _this.props.onClick;
-      onClick === null || onClick === void 0 || onClick();
-      mchcEvent.emit('my_form', {
-        type: 'onClick',
-        btnName: SMchc_FormDescriptions.get_form_item_name_str(_this.props.config)
-      });
-    });
-    _defineProperty(_this, "handleTextareaChange", function (e) {
-      var onChange = _this.props.onChange;
-      onChange(e.target.value);
-    });
+    _classCallCheck(this, MyCustom);
+    _this = _callSuper(this, MyCustom, [props]);
+    _this.state = {
+      formHandler: {}
+    };
     return _this;
   }
-  _inherits(TextareaWithTemplate, _Component);
-  return _createClass(TextareaWithTemplate, [{
+  _inherits(MyCustom, _Component);
+  return _createClass(MyCustom, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevStata) {
+      var formHandler = this.state.formHandler;
+      var _this$props = this.props,
+        onChange = _this$props.onChange,
+        subscribe = _this$props.subscribe;
+      if (JSON.stringify(this.props.input_props.config) !== JSON.stringify(prevProps.input_props.config) || this.state.formHandler.uuid !== prevStata.formHandler.uuid) {
+        if (subscribe) {
+          subscribe("_global", "reset", function () {
+            formHandler.reset();
+          });
+        }
+        // change时的校验动作
+        if (formHandler.subscribe) {
+          formHandler.subscribe("_global", "change", function () {
+            formHandler.submit().then(function (_ref) {
+              var validCode = _ref.validCode,
+                res = _ref.res;
+              onChange(getFormData(res));
+            });
+          });
+        }
+      }
+      if (this.props.getValidFun) {
+        this.props.getValidFun(formHandler.valid);
+      }
+    }
+  }, {
     key: "render",
     value: function render() {
-      var _this$props = this.props,
-        value = _this$props.value,
-        _this$props$input_pro = _this$props.input_props,
-        input_props = _this$props$input_pro === void 0 ? {} : _this$props$input_pro,
-        disabled = _this$props.disabled;
-      var _input_props$minRows = input_props.minRows,
-        minRows = _input_props$minRows === void 0 ? 2 : _input_props$minRows,
-        _input_props$maxRows = input_props.maxRows,
-        maxRows = _input_props$maxRows === void 0 ? 5 : _input_props$maxRows;
-      return /*#__PURE__*/React.createElement("div", {
-        className: styles["template-wrapper"]
-      }, /*#__PURE__*/React.createElement(_Input.TextArea, {
-        className: styles["template-texarea"],
+      var _this2 = this;
+      var _this$props$input_pro = this.props.input_props.config,
+        config = _this$props$input_pro === void 0 ? [] : _this$props$input_pro;
+      var _this$props$value = this.props.value,
+        value = _this$props$value === void 0 ? {} : _this$props$value;
+      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(MyForm, {
+        config: config,
         value: value,
-        autoSize: {
-          minRows: minRows,
-          maxRows: maxRows
+        getFormHandler: function getFormHandler(formHandler) {
+          return _this2.setState({
+            formHandler: formHandler
+          });
         },
-        onChange: this.handleTextareaChange,
-        disabled: disabled
-      }), /*#__PURE__*/React.createElement("div", {
-        className: styles["template-action"],
-        onClick: this.handleClickBtn
-      }, "\u6A21"));
+        submitChange: true,
+        disabled_all: this.props.disabled
+      }));
     }
   }]);
 }(Component);
-export { TextareaWithTemplate as default };
-//# sourceMappingURL=.root43.js.map
+export { MyCustom as default };