tntd 2.1.1 → 2.1.2

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

@@ -1,23 +1,20 @@
-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;
+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 from 'react';
 import Checkbox from '../../checkbox';
-export default (_a => {
-  var {
-      value,
-      onChange
-    } = _a,
-    props = __rest(_a, ["value", "onChange"]);
-  return React.createElement(Checkbox, Object.assign({}, props, {
-    checked: value,
-    onChange: evt => {
-      onChange === null || onChange === void 0 ? void 0 : onChange(evt.target.checked);
-    }
-  }));
-});
+export default (_a) => {
+    var { value, onChange } = _a, props = __rest(_a, ["value", "onChange"]);
+    return (React.createElement(Checkbox, Object.assign({}, props, { checked: value, onChange: (evt) => {
+            onChange === null || onChange === void 0 ? void 0 : onChange(evt.target.checked);
+        } })));
+};
+//# sourceMappingURL=Checkbox.js.map

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

@@ -1,59 +1,44 @@
-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;
+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 Select from '../../select';
-const {
-  Option
-} = Select;
-export default (props => {
-  const {
-      options,
-      params,
-      queryKey = 'name',
-      fieldNames = {
+const { Option } = Select;
+export default (props) => {
+    const { options, params, queryKey = 'name', fieldNames = {
         label: 'label',
-        value: 'value'
-      },
-      loadData
-    } = props,
-    rest = __rest(props, ["options", "params", "queryKey", "fieldNames", "loadData"]);
-  const [items, setItems] = useState(options || []);
-  const [query, setQuery] = useState('');
-  const onSearch = val => {
-    setQuery(val);
-  };
-  if (loadData) {
+        value: 'value',
+    }, loadData } = props, rest = __rest(props, ["options", "params", "queryKey", "fieldNames", "loadData"]);
+    const [items, setItems] = useState(options || []);
+    const [query, setQuery] = useState('');
+    const onSearch = (val) => {
+        setQuery(val);
+    };
+    if (loadData) {
+        useEffect(() => {
+            loadData(Object.assign({ [queryKey]: query }, (params || {}))).then((items) => {
+                setItems(items);
+            });
+        }, [params, query]);
+    }
     useEffect(() => {
-      loadData(Object.assign({
-        [queryKey]: query
-      }, params || {})).then(items => {
-        setItems(items);
-      });
-    }, [params, query]);
-  }
-  useEffect(() => {
-    setItems(options || []);
-  }, [options]);
-  return React.createElement(Select, Object.assign({
-    allowClear: true,
-    showSearch: true,
-    optionFilterProp: "children",
-    onSearch: onSearch
-  }, rest), items.map(item => {
-    const labelKey = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label';
-    const valueKey = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || 'value';
-    const value = item instanceof Object ? item[valueKey] : item;
-    const label = item instanceof Object ? item[labelKey] : item;
-    const optionProps = item instanceof Object ? item : {};
-    return React.createElement(Option, Object.assign({}, optionProps, {
-      key: value,
-      value: value
-    }), label);
-  }));
-});
+        setItems(options || []);
+    }, [options]);
+    return (React.createElement(Select, Object.assign({ allowClear: true, showSearch: true, optionFilterProp: "children", onSearch: onSearch }, rest), items.map((item) => {
+        const labelKey = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label';
+        const valueKey = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || 'value';
+        const value = item instanceof Object ? item[valueKey] : item;
+        const label = item instanceof Object ? item[labelKey] : item;
+        const optionProps = item instanceof Object ? item : {};
+        return (React.createElement(Option, Object.assign({}, optionProps, { key: value, value: value }), label));
+    })));
+};
+//# sourceMappingURL=Select.js.map

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

@@ -1,67 +1,49 @@
-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;
+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
-  }));
-});
+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

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

@@ -5,24 +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
-};
+    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

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

@@ -1,112 +1,74 @@
-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);
-        }
-      }
-    });
-    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]
+    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);
+                }
+            }
         });
-        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, "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.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;
-        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
+        Object.defineProperty(this, "onFormChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (formData) => {
+                this.setState({
+                    value: get(formData, this.props.name),
+                });
+            }
         });
-      }
-    } : {}, 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);
-  }
-}
+        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; 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

package/es/query-form/createActions.js

@@ -1,47 +1,47 @@
-import _set from "lodash/set";
-import _get from "lodash/get";
 import EventEmitter from 'eventemitter3';
-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);
-    }
-  };
-});
+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