tntd 1.4.6 → 1.4.7

package/lib/QueryForm/Field/index.js

@@ -1,174 +1,92 @@
-"use strict";
+import { PureComponent } from 'react';
+import { Form } from 'antd';
+import { get } from 'lodash';
+import fieldsMap, { getFieldWidth } from './fieldsMap';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
+const FormItem = Form.Item;
 
-require("antd/lib/form/style");
+const isInput = type => ['input', 'string', 'search'].includes(type);
 
-var _form = _interopRequireDefault(require("antd/lib/form"));
+export default class Field extends PureComponent {
+    constructor(props) {
+        super(props);
 
-var _react = require("react");
-
-var _lodash = require("lodash");
-
-var _fieldsMap = _interopRequireWildcard(require("./fieldsMap"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+        this.state = {
+            value: props.initialValue
+        };
+    }
 
-var FormItem = _form["default"].Item;
+    render() {
+        const {
+            type = 'input',
+            title,
+            name,
+            isFieldInDrawer = false,
+            className = '',
+            component,
+            form,
+            props: fieldProps
+        } = this.props;
+        const { value } = this.state;
+        const Field = component || fieldsMap[type];
+
+        return (
+            <FormItem label={title} className={className}>
+                <Field
+                    value={value}
+                    {...(isInput(type) ? {
+                        onPressEnter: evt => form.emit('search', { [name]: evt?.target?.value, current: 1 })
+                    } : {})}
+                    {...fieldProps}
+                    style={{
+                        ...fieldProps?.style,
+                        width: isFieldInDrawer ? '100%' : (fieldProps?.style?.width || getFieldWidth(type))
+                    }}
+                    onChange={this.onChange}
+                />
+            </FormItem>
+        );
+    }
 
-var isInput = function isInput(type) {
-  return ['input', 'string', 'search'].includes(type);
-};
+    updateValue = (name, value) => {
+        if (name === this.props.name) {
+            this.setState({ value });
+            this.props.onChange(name, value);
+        }
+    }
 
-var Field =
-/*#__PURE__*/
-function (_PureComponent) {
-  _inherits(Field, _PureComponent);
+    onChange = (...args) => {
+        const { name, type = 'input', component, props: fieldProps } = this.props;
+        const { onChange } = fieldProps || {};
 
-  function Field(props) {
-    var _this;
+        onChange && onChange(...args);
 
-    _classCallCheck(this, Field);
+        // Input onChange第一个参数为Event对象，取值特殊处理
+        if (!component && isInput(type)) {
+            args[0] = get(args[0], 'target.value');
+        }
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(Field).call(this, props));
+        this.setState({ value: args[0] });
+        this.props.onChange(name, args[0]);
+    }
 
-    _this.updateValue = function (name, value) {
-      if (name === _this.props.name) {
-        _this.setState({
-          value: value
+    onFormChange = formData => {
+        this.setState({
+            value: get(formData, this.props.name)
         });
-
-        _this.props.onChange(name, value);
-      }
-    };
-
-    _this.onChange = function () {
-      var _this$props = _this.props,
-          name = _this$props.name,
-          _this$props$type = _this$props.type,
-          type = _this$props$type === void 0 ? 'input' : _this$props$type,
-          component = _this$props.component,
-          fieldProps = _this$props.props;
-
-      var _ref = fieldProps || {},
-          onChange = _ref.onChange;
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      onChange && onChange.apply(void 0, args); // Input onChange第一个参数为Event对象，取值特殊处理
-
-      if (!component && isInput(type)) {
-        args[0] = (0, _lodash.get)(args[0], 'target.value');
-      }
-
-      _this.setState({
-        value: args[0]
-      });
-
-      _this.props.onChange(name, args[0]);
-    };
-
-    _this.onFormChange = function (formData) {
-      _this.setState({
-        value: (0, _lodash.get)(formData, _this.props.name)
-      });
-    };
-
-    _this.state = {
-      value: props.initialValue
-    };
-    return _this;
-  }
-
-  _createClass(Field, [{
-    key: "render",
-    value: function render() {
-      var _fieldProps$style;
-
-      var _this$props2 = this.props,
-          _this$props2$type = _this$props2.type,
-          type = _this$props2$type === void 0 ? 'input' : _this$props2$type,
-          title = _this$props2.title,
-          name = _this$props2.name,
-          _this$props2$isFieldI = _this$props2.isFieldInDrawer,
-          isFieldInDrawer = _this$props2$isFieldI === void 0 ? false : _this$props2$isFieldI,
-          _this$props2$classNam = _this$props2.className,
-          className = _this$props2$classNam === void 0 ? '' : _this$props2$classNam,
-          component = _this$props2.component,
-          form = _this$props2.form,
-          fieldProps = _this$props2.props;
-      var value = this.state.value;
-      var Field = component || _fieldsMap["default"][type];
-      return React.createElement(FormItem, {
-        label: title,
-        className: className
-      }, React.createElement(Field, _extends({
-        value: value
-      }, isInput(type) ? {
-        onPressEnter: function onPressEnter(evt) {
-          var _evt$target, _form$emit;
-
-          return form.emit('search', (_form$emit = {}, _defineProperty(_form$emit, name, evt == null ? void 0 : (_evt$target = evt.target) == null ? void 0 : _evt$target.value), _defineProperty(_form$emit, "current", 1), _form$emit));
-        }
-      } : {}, fieldProps, {
-        style: _objectSpread({}, fieldProps == null ? void 0 : fieldProps.style, {
-          width: isFieldInDrawer ? '100%' : (fieldProps == null ? void 0 : (_fieldProps$style = fieldProps.style) == null ? void 0 : _fieldProps$style.width) || (0, _fieldsMap.getFieldWidth)(type)
-        }),
-        onChange: this.onChange
-      })));
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var form = this.props.form;
-      form.on('setValue', this.updateValue);
-      form.on('setValues', this.onFormChange);
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      var form = this.props.form;
-      form.off('setValue', this.updateValue);
-      form.off('setValues', this.onFormChange);
+
+    componentDidMount() {
+        const { form } = this.props;
+
+        form.on('setValue', this.updateValue);
+        form.on('setValues', this.onFormChange);
     }
-  }]);
 
-  return Field;
-}(_react.PureComponent);
+    componentWillUnmount() {
+        const { form } = this.props;
 
-exports["default"] = Field;
+        form.off('setValue', this.updateValue);
+        form.off('setValues', this.onFormChange);
+    }
+}

package/lib/QueryForm/createActions.js

@@ -1,66 +1,51 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _eventemitter = _interopRequireDefault(require("eventemitter3"));
-
-var _lodash = require("lodash");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var _default = function _default() {
-  var eventEmitter = new _eventemitter["default"]();
-  var data = {
-    initialValues: {},
-    values: {}
-  };
-  return {
-    setData: function setData(key, value) {
-      (0, _lodash.set)(data, key, value);
-    },
-    getData: function getData(key) {
-      (0, _lodash.get)(data, key);
-    },
-    setValues: function setValues(values) {
-      data.values = values;
-      eventEmitter.emit('setValues', values);
-    },
-    getValues: function getValues() {
-      return data.values;
-    },
-    resetValues: function resetValues() {
-      data.values = _objectSpread({}, data.initialValues);
-      eventEmitter.emit('setValues', data.values);
-    },
-    setValue: function setValue(name, value) {
-      data.values = data.values || {};
-      data.values[name] = value;
-      eventEmitter.emit('setValue', name, value);
-    },
-    getValue: function getValue(name) {
-      var _data$values;
-
-      return (_data$values = data.values) == null ? void 0 : _data$values[name];
-    },
-    on: function on(eventName, callback) {
-      eventEmitter.on(eventName, callback);
-    },
-    emit: function emit() {
-      eventEmitter.emit.apply(eventEmitter, arguments);
-    },
-    off: function off() {
-      eventEmitter.removeListener.apply(eventEmitter, arguments);
-    }
-  };
+import EventEmitter from 'eventemitter3';
+import { get, set } from 'lodash';
+
+export default () => {
+    const eventEmitter = new EventEmitter();
+    const data = {
+        initialValues: {},
+        values: {}
+    };
+
+    return {
+        setData(key, value) {
+            set(data, key, value);
+        },
+        getData(key) {
+            get(data, key);
+        },
+
+        setValues(values) {
+            data.values = values;
+            eventEmitter.emit('setValues', values);
+        },
+        getValues() {
+            return data.values;
+        },
+        resetValues() {
+            data.values = { ...data.initialValues };
+            eventEmitter.emit('setValues', data.values);
+        },
+        setValue(name, value) {
+            data.values = data.values || {};
+            data.values[name] = value;
+            eventEmitter.emit('setValue', name, value);
+        },
+        getValue(name) {
+            return data.values?.[name];
+        },
+
+        on: (eventName, callback) => {
+            eventEmitter.on(eventName, callback);
+        },
+
+        emit: (...args) => {
+            eventEmitter.emit(...args);
+        },
+
+        off: (...args) => {
+            eventEmitter.removeListener(...args);
+        }
+    };
 };
-
-exports["default"] = _default;