tntd 2.0.8 → 2.0.10

package/es/query-form/Field/SelectInput.js

@@ -1,49 +1,81 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
+import _get from "lodash/get";
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
 };
+
 import React, { useState, useEffect } from 'react';
-import { get } from 'lodash';
 import Select from '../../select';
 import Input from '../../input';
-const { Option } = Select;
-export default (props) => {
-    const { options = [], addonBeforeStyle } = props, inputProps = __rest(props, ["options", "addonBeforeStyle"]);
-    const [items, setItems] = useState(options);
-    const getInitialKey = () => {
-        let key = get(options, '0.value');
-        if (inputProps.value) {
-            key = get(Object.keys(inputProps.value), '0') || key;
-        }
-        return key;
-    };
-    const [key, setKey] = useState(getInitialKey());
-    const onKeyChange = (key) => {
-        setKey(key);
-        props.onChange({
-            [key]: '',
-        });
-    };
-    const onChange = (evt) => {
-        props.onChange({
-            [key]: evt.target.value,
-        });
-    };
-    const addonBefore = (React.createElement(Select, { value: key, onChange: onKeyChange, style: Object.assign({ width: '120px' }, addonBeforeStyle) }, items.map(({ label, value }) => (React.createElement(Option, { key: value, value: value }, label)))));
-    const getInputValue = () => {
-        return get(inputProps.value, key);
-    };
-    useEffect(() => {
-        setItems(options);
-        setKey(getInitialKey());
-    }, [options, inputProps.value]);
-    return (React.createElement(Input, Object.assign({}, inputProps, { value: getInputValue(), addonBefore: addonBefore, onChange: onChange })));
-};
-//# sourceMappingURL=SelectInput.js.map
+const {
+  Option
+} = Select;
+export default (props => {
+  const {
+    options = [],
+    addonBeforeStyle
+  } = props,
+        inputProps = __rest(props, ["options", "addonBeforeStyle"]);
+
+  const [items, setItems] = useState(options);
+
+  const getInitialKey = () => {
+    let key = _get(options, '0.value');
+
+    if (inputProps.value) {
+      key = _get(Object.keys(inputProps.value), '0') || key;
+    }
+
+    return key;
+  };
+
+  const [key, setKey] = useState(getInitialKey());
+
+  const onKeyChange = key => {
+    setKey(key);
+    props.onChange({
+      [key]: ''
+    });
+  };
+
+  const onChange = evt => {
+    props.onChange({
+      [key]: evt.target.value
+    });
+  };
+
+  const addonBefore = React.createElement(Select, {
+    value: key,
+    onChange: onKeyChange,
+    style: Object.assign({
+      width: '120px'
+    }, addonBeforeStyle)
+  }, items.map(({
+    label,
+    value
+  }) => React.createElement(Option, {
+    key: value,
+    value: value
+  }, label)));
+
+  const getInputValue = () => {
+    return _get(inputProps.value, key);
+  };
+
+  useEffect(() => {
+    setItems(options);
+    setKey(getInitialKey());
+  }, [options, inputProps.value]);
+  return React.createElement(Input, Object.assign({}, inputProps, {
+    value: getInputValue(),
+    addonBefore: addonBefore,
+    onChange: onChange
+  }));
+});

package/es/query-form/Field/fieldsMap.js

@@ -5,25 +5,25 @@ import DatePicker from '../../date-picker';
 import Input from '../../input';
 import InputNumber from '../../input-number';
 export const defaultFieldWidth = '200px';
-export const getFieldWidth = (type) => {
-    if (type === 'dateRange') {
-        return '340px';
-    }
-    return ({
-        dateRange: '340px',
-        selectInput: '320px',
-    }[type] || defaultFieldWidth);
+export const getFieldWidth = type => {
+  if (type === 'dateRange') {
+    return '340px';
+  }
+
+  return {
+    dateRange: '340px',
+    selectInput: '320px'
+  }[type] || defaultFieldWidth;
 };
 export default {
-    string: Input,
-    input: Input,
-    search: Input.Search,
-    inputNumber: InputNumber,
-    number: InputNumber,
-    select: SelectField,
-    checkbox: CheckboxField,
-    date: DatePicker,
-    dateRange: DatePicker.RangePicker,
-    selectInput: SelectInput,
-};
-//# sourceMappingURL=fieldsMap.js.map
+  string: Input,
+  input: Input,
+  search: Input.Search,
+  inputNumber: InputNumber,
+  number: InputNumber,
+  select: SelectField,
+  checkbox: CheckboxField,
+  date: DatePicker,
+  dateRange: DatePicker.RangePicker,
+  selectInput: SelectInput
+};

package/es/query-form/Field/index.js

@@ -1,74 +1,121 @@
+import _get from "lodash/get";
 import React, { PureComponent } from 'react';
-import { get } from 'lodash';
 import fieldsMap, { getFieldWidth } from './fieldsMap';
 import Form from '../../form';
 const FormItem = Form.Item;
-const isInput = (type) => ['input', 'string', 'search'].includes(type);
+
+const isInput = type => ['input', 'string', 'search'].includes(type);
+
 export default class Field extends PureComponent {
-    constructor(props) {
-        super(props);
-        Object.defineProperty(this, "updateValue", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (name, value) => {
-                if (name === this.props.name) {
-                    this.setState({ value });
-                    this.props.onChange(name, value);
-                }
-            }
+  constructor(props) {
+    super(props);
+    Object.defineProperty(this, "updateValue", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: (name, value) => {
+        if (name === this.props.name) {
+          this.setState({
+            value
+          });
+          this.props.onChange(name, value);
+        }
+      }
+    });
+    Object.defineProperty(this, "onChange", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: (...args) => {
+        const {
+          name,
+          type = 'input',
+          component,
+          props: fieldProps
+        } = this.props;
+        const {
+          onChange
+        } = fieldProps || {};
+        onChange && onChange(...args); // Input onChange第一个参数为Event对象，取值特殊处理
+
+        if (!component && isInput(type)) {
+          args[0] = _get(args[0], 'target.value');
+        }
+
+        this.setState({
+          value: args[0]
         });
-        Object.defineProperty(this, "onChange", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (...args) => {
-                const { name, type = 'input', component, props: fieldProps } = this.props;
-                const { onChange } = fieldProps || {};
-                onChange && onChange(...args);
-                // Input onChange第一个参数为Event对象，取值特殊处理
-                if (!component && isInput(type)) {
-                    args[0] = get(args[0], 'target.value');
-                }
-                this.setState({ value: args[0] });
-                this.props.onChange(name, args[0]);
-            }
+        this.props.onChange(name, args[0]);
+      }
+    });
+    Object.defineProperty(this, "onFormChange", {
+      enumerable: true,
+      configurable: true,
+      writable: true,
+      value: formData => {
+        this.setState({
+          value: _get(formData, this.props.name)
         });
-        Object.defineProperty(this, "onFormChange", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (formData) => {
-                this.setState({
-                    value: get(formData, this.props.name),
-                });
-            }
-        });
-        this.state = {
-            value: props.initialValue,
-        };
-    }
-    render() {
+      }
+    });
+    this.state = {
+      value: props.initialValue
+    };
+  }
+
+  render() {
+    var _a;
+
+    const {
+      type = 'input',
+      title,
+      name,
+      isFieldInDrawer = false,
+      className = '',
+      component,
+      form,
+      props: fieldProps
+    } = this.props;
+    const {
+      value
+    } = this.state;
+    const Field = component || fieldsMap[type];
+    return React.createElement(FormItem, {
+      label: title,
+      className: className
+    }, React.createElement(Field, Object.assign({
+      value: value
+    }, isInput(type) ? {
+      onPressEnter: evt => {
         var _a;
-        const { type = 'input', title, name, isFieldInDrawer = false, className = '', component, form, props: fieldProps, } = this.props;
-        const { value } = this.state;
-        const Field = component || fieldsMap[type];
-        return (React.createElement(FormItem, { label: title, className: className },
-            React.createElement(Field, Object.assign({ value: value }, (isInput(type)
-                ? {
-                    onPressEnter: (evt) => { var _a; return form.emit('search', { [name]: (_a = evt === null || evt === void 0 ? void 0 : evt.target) === null || _a === void 0 ? void 0 : _a.value, current: 1 }); },
-                }
-                : {}), fieldProps, { style: Object.assign(Object.assign({}, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style), { width: isFieldInDrawer ? '100%' : ((_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style) === null || _a === void 0 ? void 0 : _a.width) || getFieldWidth(type) }), onChange: this.onChange }))));
-    }
-    componentDidMount() {
-        const { form } = this.props;
-        form.on('setValue', this.updateValue);
-        form.on('setValues', this.onFormChange);
-    }
-    componentWillUnmount() {
-        const { form } = this.props;
-        form.off('setValue', this.updateValue);
-        form.off('setValues', this.onFormChange);
-    }
-}
-//# sourceMappingURL=index.js.map
+
+        return form.emit('search', {
+          [name]: (_a = evt === null || evt === void 0 ? void 0 : evt.target) === null || _a === void 0 ? void 0 : _a.value,
+          current: 1
+        });
+      }
+    } : {}, fieldProps, {
+      style: Object.assign(Object.assign({}, fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style), {
+        width: isFieldInDrawer ? '100%' : ((_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.style) === null || _a === void 0 ? void 0 : _a.width) || getFieldWidth(type)
+      }),
+      onChange: this.onChange
+    })));
+  }
+
+  componentDidMount() {
+    const {
+      form
+    } = this.props;
+    form.on('setValue', this.updateValue);
+    form.on('setValues', this.onFormChange);
+  }
+
+  componentWillUnmount() {
+    const {
+      form
+    } = this.props;
+    form.off('setValue', this.updateValue);
+    form.off('setValues', this.onFormChange);
+  }
+
+}

package/es/query-form/createActions.js

@@ -1,47 +1,55 @@
+import _set from "lodash/set";
+import _get from "lodash/get";
 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 = Object.assign({}, 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) {
-            var _a;
-            return (_a = data.values) === null || _a === void 0 ? void 0 : _a[name];
-        },
-        on: (eventName, callback) => {
-            eventEmitter.on(eventName, callback);
-        },
-        emit: (...args) => {
-            eventEmitter.emit(...args);
-        },
-        off: (...args) => {
-            eventEmitter.removeListener(...args);
-        },
-    };
-};
-//# sourceMappingURL=createActions.js.map
+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 = Object.assign({}, 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) {
+      var _a;
+
+      return (_a = data.values) === null || _a === void 0 ? void 0 : _a[name];
+    },
+
+    on: (eventName, callback) => {
+      eventEmitter.on(eventName, callback);
+    },
+    emit: (...args) => {
+      eventEmitter.emit(...args);
+    },
+    off: (...args) => {
+      eventEmitter.removeListener(...args);
+    }
+  };
+});