tntd 2.6.4 → 2.6.5

package/es/page/index.js

@@ -1,13 +1,10 @@
-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 cn from 'classnames';
 import React from 'react';
@@ -16,84 +13,122 @@ import Box from './Box';
 import { addUnitForValue, computeWidth } from './utils';
 import './index.less';
 const clsPrefix = 'tnt-page';
-const isPageBox = (child) => { var _a; return (child === null || child === void 0 ? void 0 : child.type) === Box || ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.pageBox); };
-const PageLayout = (_a) => {
-    var _b;
-    var { height = '100vh', headerHeight = 50, children, title, goBack, goBackText, center, extra, size = 'small', inLayout = false, className } = _a, restProps = __rest(_a, ["height", "headerHeight", "children", "title", "goBack", "goBackText", "center", "extra", "size", "inLayout", "className"]);
-    // 如果传入只有数字，需要默认加px
-    let computedHeaderHeight = addUnitForValue(headerHeight);
-    let computedHeight = addUnitForValue(height);
-    // 判断是否有标题栏
-    if (!(title || extra || center)) {
-        computedHeaderHeight = '0px';
+const isPageBox = child => {
+  var _a;
+  return (child === null || child === void 0 ? void 0 : child.type) === Box || ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.pageBox);
+};
+const PageLayout = _a => {
+  var _b;
+  var {
+      height = '100vh',
+      headerHeight = 50,
+      children,
+      title,
+      goBack,
+      goBackText,
+      center,
+      extra,
+      size = 'small',
+      inLayout = false,
+      className
+    } = _a,
+    restProps = __rest(_a, ["height", "headerHeight", "children", "title", "goBack", "goBackText", "center", "extra", "size", "inLayout", "className"]);
+  // 如果传入只有数字，需要默认加px
+  let computedHeaderHeight = addUnitForValue(headerHeight);
+  let computedHeight = addUnitForValue(height);
+  // 判断是否有标题栏
+  if (!(title || extra || center)) {
+    computedHeaderHeight = '0px';
+  }
+  if (inLayout) {
+    computedHeaderHeight = '40px';
+  }
+  // 计算中间的zIndex，灰色递减，白色递增
+  let whiteCols = 0;
+  let childrenToArray = [];
+  // 计算children type是box的数量
+  let boxCount = 0;
+  // 如果children是单个节点，统一转为数组处理计算层级
+  if (typeof children === 'object') {
+    childrenToArray = [children];
+  } else if (Array.isArray(children)) {
+    childrenToArray = [...children];
+  }
+  React.Children.map(children, child => {
+    if (isPageBox(child)) {
+      boxCount += 1;
     }
-    if (inLayout) {
-        computedHeaderHeight = '40px';
+  });
+  whiteCols = (_b = childrenToArray === null || childrenToArray === void 0 ? void 0 : childrenToArray.filter(({
+    props
+  }) => (props === null || props === void 0 ? void 0 : props.mode) === 'white')) === null || _b === void 0 ? void 0 : _b.length;
+  const total = (childrenToArray === null || childrenToArray === void 0 ? void 0 : childrenToArray.length) + 5;
+  let startIndex = total - whiteCols - 1;
+  let endIndex = total - 2;
+  const headerStyle = {
+    height: computedHeaderHeight,
+    padding: `${size === 'small' ? 20 : 24}px`,
+    zIndex: inLayout ? 1 : total || 1
+  };
+  const contentStyle = {
+    display: boxCount > 0 ? 'flex' : 'block',
+    marginTop: computedHeaderHeight,
+    padding: inLayout ? '16px 20px' : '0px'
+  };
+  return React.createElement("section", Object.assign({
+    className: cn(clsPrefix, {
+      [className]: className,
+      'in-layout': inLayout,
+      'not-in-layout': !inLayout
+    })
+  }, restProps), (title || goBack || center || extra) && React.createElement("div", {
+    className: `${clsPrefix}-header`,
+    style: headerStyle
+  }, React.createElement("div", {
+    className: `${clsPrefix}-header-section`
+  }, goBack && React.createElement("div", {
+    className: "page-header-section-back",
+    onClick: () => {
+      goBack();
     }
-    // 计算中间的zIndex，灰色递减，白色递增
-    let whiteCols = 0;
-    let childrenToArray = [];
-    // 计算children type是box的数量
-    let boxCount = 0;
-    // 如果children是单个节点，统一转为数组处理计算层级
-    if (typeof children === 'object') {
-        childrenToArray = [children];
+  }, React.createElement(Icon, {
+    type: "left"
+  }), React.createElement("span", null, goBackText ? goBackText : '返回')), title), [center, extra].map((item, i) => React.createElement("div", {
+    className: `${clsPrefix}-header-section`,
+    key: i
+  }, item))), React.createElement("div", {
+    className: `${clsPrefix}-content`,
+    style: contentStyle
+  }, React.Children.map(children, child => {
+    // 如果children不是Box,就不需要多列布局
+    if (!child.type) {
+      return React.cloneElement(React.createElement("div", null, child));
     }
-    else if (Array.isArray(children)) {
-        childrenToArray = [...children];
+    const extraProps = Object.assign({
+      headerHeight: computedHeaderHeight,
+      size,
+      height: computedHeight,
+      contentTotalMargin: inLayout ? '32px' : '0px',
+      inLayout
+    }, child.props);
+    if (!isPageBox(child)) {
+      return React.cloneElement(child, extraProps);
     }
-    React.Children.map(children, (child) => {
-        if (isPageBox(child)) {
-            boxCount += 1;
-        }
-    });
-    whiteCols = (_b = childrenToArray === null || childrenToArray === void 0 ? void 0 : childrenToArray.filter(({ props }) => (props === null || props === void 0 ? void 0 : props.mode) === 'white')) === null || _b === void 0 ? void 0 : _b.length;
-    const total = (childrenToArray === null || childrenToArray === void 0 ? void 0 : childrenToArray.length) + 5;
-    let startIndex = total - whiteCols - 1;
-    let endIndex = total - 2;
-    const headerStyle = {
-        height: computedHeaderHeight,
-        padding: `${size === 'small' ? 20 : 24}px`,
-        zIndex: inLayout ? 1 : total || 1,
-    };
-    const contentStyle = {
-        display: boxCount > 0 ? 'flex' : 'block',
-        marginTop: computedHeaderHeight,
-        padding: inLayout ? '16px 20px' : '0px',
+    const {
+      mode = 'gray',
+      width
+    } = child.props;
+    const style = {
+      flex: computeWidth(width),
+      // 设置cols层级关系
+      zIndex: mode === 'gray' ? endIndex-- : startIndex++
     };
-    return (React.createElement("section", Object.assign({ className: cn(clsPrefix, {
-            [className]: className,
-            'in-layout': inLayout,
-            'not-in-layout': !inLayout,
-        }) }, restProps),
-        (title || goBack || center || extra) && (React.createElement("div", { className: `${clsPrefix}-header`, style: headerStyle },
-            React.createElement("div", { className: `${clsPrefix}-header-section` },
-                goBack && (React.createElement("div", { className: "page-header-section-back", onClick: () => {
-                        goBack();
-                    } },
-                    React.createElement(Icon, { type: "left" }),
-                    React.createElement("span", null, goBackText ? goBackText : '返回'))),
-                title),
-            [center, extra].map((item, i) => (React.createElement("div", { className: `${clsPrefix}-header-section`, key: i }, item))))),
-        React.createElement("div", { className: `${clsPrefix}-content`, style: contentStyle }, React.Children.map(children, (child) => {
-            // 如果children不是Box,就不需要多列布局
-            if (!child.type) {
-                return React.cloneElement(React.createElement("div", null, child));
-            }
-            const extraProps = Object.assign({ headerHeight: computedHeaderHeight, size, height: computedHeight, contentTotalMargin: inLayout ? '32px' : '0px', inLayout }, child.props);
-            if (!isPageBox(child)) {
-                return React.cloneElement(child, extraProps);
-            }
-            const { mode = 'gray', width } = child.props;
-            const style = {
-                flex: computeWidth(width),
-                // 设置cols层级关系
-                zIndex: mode === 'gray' ? endIndex-- : startIndex++,
-            };
-            const className = cn(`${clsPrefix}-box ${clsPrefix}-box-${mode}`);
-            return React.createElement('div', { className, style }, React.cloneElement(child, extraProps));
-        }))));
+    const className = cn(`${clsPrefix}-box ${clsPrefix}-box-${mode}`);
+    return React.createElement('div', {
+      className,
+      style
+    }, React.cloneElement(child, extraProps));
+  })));
 };
 PageLayout.Box = Box;
-export default PageLayout;
-//# sourceMappingURL=index.js.map
+export default PageLayout;

package/es/page/utils.js

@@ -1,15 +1,13 @@
-const computeWidth = (width) => {
-    let flex = '1';
-    const validNumber = isValidNumber(width);
-    if (/(%|px)$/.test(width) && validNumber) {
-        flex = `0 0 ${width}`;
-    }
-    else if (!isNaN(width)) {
-        flex = `0 0 ${width}px`;
-    }
-    return flex;
+const computeWidth = width => {
+  let flex = '1';
+  const validNumber = isValidNumber(width);
+  if (/(%|px)$/.test(width) && validNumber) {
+    flex = `0 0 ${width}`;
+  } else if (!isNaN(width)) {
+    flex = `0 0 ${width}px`;
+  }
+  return flex;
 };
-const isValidNumber = (value) => !isNaN(parseFloat(value));
-const addUnitForValue = (value, unit = 'px') => (!isNaN(value) ? `${value}${unit}` : value);
-export { computeWidth, isValidNumber, addUnitForValue };
-//# sourceMappingURL=utils.js.map
+const isValidNumber = value => !isNaN(parseFloat(value));
+const addUnitForValue = (value, unit = 'px') => !isNaN(value) ? `${value}${unit}` : value;
+export { computeWidth, isValidNumber, addUnitForValue };

package/es/page-header/index.js

@@ -1,5 +1,4 @@
 import PageHeader from 'antd/es/page-header';
 import 'antd/es/page-header/style';
 export * from 'antd/es/page-header';
-export default PageHeader;
-//# sourceMappingURL=index.js.map
+export default PageHeader;

package/es/pagination/index.js

@@ -1,5 +1,4 @@
 import Pagination from 'antd/es/pagination';
 import 'antd/es/pagination/style';
 export * from 'antd/es/pagination';
-export default Pagination;
-//# sourceMappingURL=index.js.map
+export default Pagination;

package/es/popconfirm/index.js

@@ -1,5 +1,4 @@
 import Popconfirm from 'antd/es/popconfirm';
 import 'antd/es/popconfirm/style';
 export * from 'antd/es/popconfirm';
-export default Popconfirm;
-//# sourceMappingURL=index.js.map
+export default Popconfirm;

package/es/popover/index.js

@@ -1,5 +1,4 @@
 import Popover from 'antd/es/popover';
 import 'antd/es/popover/style';
 export * from 'antd/es/popover';
-export default Popover;
-//# sourceMappingURL=index.js.map
+export default Popover;

package/es/prev-locale.js

@@ -1,54 +1,56 @@
 export const zh_CN = {
-    globalNavigation: '全局导航',
-    menuSearch: '菜单搜索',
-    // QueryForm
-    search: '搜索',
-    reset: '重置',
-    moreFiltering: '更多过滤',
-    expand: '展开',
-    collapse: '收起',
-    // QueryListScene
-    totalRecords: '共%s条记录',
-    // user popover
-    nameNull: '暂无昵称',
-    personalSettings: '个人设置',
-    changePwd: '修改密码',
-    signOut: '退出',
-    // Handle
-    handleMore: '更多'
+  globalNavigation: '全局导航',
+  menuSearch: '菜单搜索',
+  // QueryForm
+  search: '搜索',
+  reset: '重置',
+  moreFiltering: '更多过滤',
+  expand: '展开',
+  collapse: '收起',
+  // QueryListScene
+  totalRecords: '共%s条记录',
+  // user popover
+  nameNull: '暂无昵称',
+  personalSettings: '个人设置',
+  changePwd: '修改密码',
+  signOut: '退出',
+  // Handle
+  handleMore: '更多'
 };
 export const en_US = {
-    globalNavigation: 'Global Navigation',
-    menuSearch: 'Menu Search',
-    // QueryForm
-    search: 'Search',
-    reset: 'Reset',
-    moreFiltering: 'More filtering',
-    expand: 'Expand',
-    collapse: 'Collapse',
-    // QueryListScene
-    totalRecords: 'Total of %s records',
-    // user popover
-    nameNull: 'No nickname yet',
-    personalSettings: 'Setting',
-    changePwd: 'Change password',
-    signOut: 'Sign out',
-    // Handle
-    handleMore: 'More'
+  globalNavigation: 'Global Navigation',
+  menuSearch: 'Menu Search',
+  // QueryForm
+  search: 'Search',
+  reset: 'Reset',
+  moreFiltering: 'More filtering',
+  expand: 'Expand',
+  collapse: 'Collapse',
+  // QueryListScene
+  totalRecords: 'Total of %s records',
+  // user popover
+  nameNull: 'No nickname yet',
+  personalSettings: 'Setting',
+  changePwd: 'Change password',
+  signOut: 'Sign out',
+  // Handle
+  handleMore: 'More'
 };
 export const getText = (key, language = 'cn', ...params) => {
-    var _a;
-    const text = (_a = ({
-        cn: zh_CN,
-        en: en_US,
-    }[language] || zh_CN)) === null || _a === void 0 ? void 0 : _a[key];
-    if (params === null || params === void 0 ? void 0 : params.length) {
-        return params.reduce((acc, cur) => {
-            return acc.replace(/%s/, cur);
-        }, text);
-    }
-    return text;
+  var _a;
+  const text = (_a = {
+    cn: zh_CN,
+    en: en_US
+  }[language] || zh_CN) === null || _a === void 0 ? void 0 : _a[key];
+  if (params === null || params === void 0 ? void 0 : params.length) {
+    return params.reduce((acc, cur) => {
+      return acc.replace(/%s/, cur);
+    }, text);
+  }
+  return text;
 };
 export const getLanguage = () => localStorage.getItem('lang') || 'cn';
-export default { en_US, zh_CN };
-//# sourceMappingURL=prev-locale.js.map
+export default {
+  en_US,
+  zh_CN
+};

package/es/progress/index.js

@@ -1,5 +1,4 @@
 import Progress from 'antd/es/progress';
 import 'antd/es/progress/style';
 export * from 'antd/es/progress';
-export default Progress;
-//# sourceMappingURL=index.js.map
+export default Progress;

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

@@ -1,20 +1,23 @@
-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);
-        } })));
-};
-//# sourceMappingURL=Checkbox.js.map
+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);
+    }
+  }));
+});

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

@@ -1,44 +1,59 @@
-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) {
-        useEffect(() => {
-            loadData(Object.assign({ [queryKey]: query }, (params || {}))).then((items) => {
-                setItems(items);
-            });
-        }, [params, query]);
-    }
+        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(() => {
-        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
+      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);
+  }));
+});

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

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