tntd 1.3.50 → 1.3.54

package/lib/Page/demo.js

@@ -0,0 +1,302 @@
+import React from 'react';
+import cn from 'classnames';
+<<<<<<< HEAD
+import styled from 'styled-components';
+import { Icon } from "antd";
+=======
+>>>>>>> b0d5e9811a677a0f26474e1b615ccac1683b6dec
+import { computeWidth, addUnitForValue } from './utils';
+import Box from './Box';
+import './index.less';
+
+<<<<<<< HEAD
+const PageWrapper = styled.div`
+  position: relative;
+  width: 100%;
+  overflow-y: hidden;
+  .box-white {
+    z-index: 1;
+    background: ${(props) => `${props.inLayout ? '#fbfcfe' : '#f3f5f6'}`};
+    box-shadow: ${(props) => {
+        let boxShadow = '0 0 6px 0 rgba(0, 0, 0, 0.1), 0 10px 12px 2px rgba(170, 182, 206, 0.2)';
+        if (props.inLayout) {
+            boxShadow = '0 0 4px 0 rgba(0, 0, 0, 0.1), 0 6px 10px 2px rgba(170, 182, 206, 0.2)';
+        }
+        return boxShadow;
+    }};
+  }
+  .box-gray {
+    background: ${(props) => `${props.inLayout ? '#f8f9fa' : '#e8ebed'}`};
+    // box-shadow: 0 10px 12px 2px rgba(0, 0, 0, 0.1);
+    box-shadow: ${(props) => `${props.inLayout ? '0 5px 5px 2px rgba(0, 0, 0, 0.1)' : '0 10px 12px 2px rgba(0, 0, 0, 0.1)'}`};
+  }
+`;
+const HeaderWrapper = styled.div`
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: ${(props) => `${props.headerHeight}`};
+  padding: ${(props) => `${props.size === 'small' ? 20 : 24}px`};
+  z-index: ${(props) => `${props.zIndex}`};
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  background: ${(props) => `${props.inLayout ? '#ffffff' : '#f0f2f3'}`};
+  box-shadow: ${(props) =>
+        `${props.inLayout
+            ? 'none'
+            : '0 0 6px 0 rgba(0, 0, 0, 0.1),0 10px 6px 0 rgba(170, 182, 206, 0.2)'
+        }`};
+`;
+const ContentWrapper = styled.div`
+  display: ${(props) => `${props.boxCount > 0 ? 'flex' : 'block'}`};;
+  flex-direction: row;
+  width: 100%;
+  margin-top: ${(props) => `${props.contentMarginTop}`};
+  padding: ${(props) => `${props.contentPadding}`};
+  position: relative;
+  z-index:0;
+`;
+const Section = styled.div`
+  display: flex;
+  align-items: center;
+  &:nth-child(1) > * {
+    margin-right: 10px;
+  }
+  &:nth-child(2) > * {
+    margin: 0 5px;
+  }
+  &:nth-child(3) > * {
+    margin-left: 10px;
+  }
+`;
+
+const GoBack = styled.div`
+  position: relative;
+  display: inline-block;
+  margin-right: 40px !important;
+  cursor: pointer;
+  &::after {
+    content: "";
+    position: absolute;
+    width: 1px;
+    height: 16px;
+    right: -20px;
+    top: 50%;
+    transform: translateY(-50%);
+    background-color: #dcdfe6;
+  }
+  &:hover {
+      &,i {
+        color: #126BFB;
+      }
+  }
+  i {
+    font-size: 14px;
+    margin-right: 6px;
+    color: #4c4c4c;
+  }
+  span {
+    font-size: 14px;
+    font-weight: normal;
+  }
+`;
+
+const BoxWrapper = styled.div`
+  overflow: auto;
+`;
+=======
+const clsPrefix = 'tnt-page';
+>>>>>>> b0d5e9811a677a0f26474e1b615ccac1683b6dec
+
+const PageLayout = ({
+    className,
+    height = '100vh',
+    headerHeight = 50,
+    children,
+    title,
+    goBack,
+    goBackText,
+    center,
+    extra,
+    size = 'small',
+    inLayout = false,
+    className,
+    ...restProps
+}) => {
+    // 如果传入只有数字，需要默认加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是单个节点，统一转为数组处理计算层级
+    console.log('children', children);
+
+    if (typeof children === 'object') {
+        childrenToArray = [children];
+    } else if (Array.isArray(children)) {
+        childrenToArray = [...children];
+    }
+
+    console.log('React.Children', React.Children);
+    React.Children.map(children, (child) => {
+        if (child.type === Box) {
+            boxCount += 1;
+        }
+    });
+
+    console.log(boxCount);
+
+    whiteCols = childrenToArray?.filter(({ props }) => props?.mode === 'white')?.length;
+    const total = childrenToArray?.length;
+    let startIndex = total - whiteCols - 1;
+    let endIndex = total - 1;
+    const headerStyle = {
+        height: computedHeaderHeight,
+        padding: `${size === 'small' ? 20 : 24}px`,
+        zIndex: total || 2
+    };
+    const contentStyle = {
+        display: boxCount > 0 ? 'flex' : 'block',
+        marginTop: computedHeaderHeight,
+        padding: inLayout ? '16px 20px' : '0px'
+    };
+
+    return (
+<<<<<<< HEAD
+        <PageWrapper
+            className={cn('tntd-page-wrap', className)}
+            height={computedHeight}
+            inLayout={inLayout}
+            {...restProps}
+        >
+            {
+                (title || center || extra) &&
+                <HeaderWrapper
+                    headerHeight={computedHeaderHeight}
+                    size={size}
+                    zIndex={total || 2}
+                    inLayout={inLayout}
+                    className='page-header-wrap'
+                >
+                    {
+                        title &&
+                        <Section className='page-header-title'>
+                            {
+                                goBack &&
+                                <GoBack
+                                    className='page-header-title-back'
+                                    onClick={() => {
+                                        goBack();
+                                    }}
+                                >
+                                    <Icon type="left" />
+                                    <span>{goBackText ? goBackText : '返回'}</span>
+                                </GoBack>
+                            }
+                            {title}
+                        </Section>
+                    }
+                    {
+                        center &&
+                        <Section className='page-header-center'>{center}</Section>
+                    }
+                    {
+                        extra &&
+                        <Section className='page-header-extra'>{extra}</Section>
+                    }
+                </HeaderWrapper>
+            }
+
+            <ContentWrapper
+                contentMarginTop={computedHeaderHeight}
+                contentPadding={inLayout ? '16px 20px' : '0px'}
+                boxCount={boxCount}
+                className='page-body-wrap'
+            >
+=======
+        <div
+                    className={
+                        cn(clsPrefix, {
+                            [className]: className,
+                            inLayout
+                        })
+                    }
+                    {...restProps}
+                >
+                    {
+                        (title || center || extra) && (
+                            <div className={`${clsPrefix}-header`} style={headerStyle}>
+                                {
+                                    [title, center, extra].filter(
+                                        item => !!item
+                                    ).map(item => (
+                                        <div className={`${clsPrefix}-header-section`}>
+                                            {item}
+                                        </div>
+                                    ))
+                                }
+                            </div>
+                        )
+                    }
+                    <div className={`${clsPrefix}-content`} style={contentStyle}>
+>>>>>>> b0d5e9811a677a0f26474e1b615ccac1683b6dec
+                        {React.Children.map(children, (child) => {
+                            // 如果children不是Box,就不需要多列布局
+                            if (!child.type) {
+                                // console.log("没有type");
+                                return React.cloneElement(<div>{child}</div>);
+                            }
+
+                            const extraProps = {
+                                headerHeight: computedHeaderHeight,
+                                size,
+                                height: computedHeight,
+                                contentTotalMargin: inLayout ? '32px' : '0px',
+                                ...child.props
+                            };
+
+                            if (child.type !== Box) {
+                                return React.cloneElement(child, extraProps);
+                            }
+
+                            const { mode = 'gray', width } = child.props;
+
+                            const style = {
+                                flex: computeWidth(width),
+                                // 设置cols层级关系
+                                zIndex: mode === 'gray' ? startIndex-- : endIndex--
+                            };
+
+                            const className = cn(`${clsPrefix}-box ${clsPrefix}-box-${mode}`);
+
+                            return React.createElement(
+                                'div',
+                                { className, style },
+                                React.cloneElement(child, extraProps)
+                            );
+                        })}
+                    </div>
+                </div>
+    );
+};
+
+PageLayout.Box = Box;
+
+export default PageLayout;

package/lib/Page/index.js

@@ -108,9 +108,9 @@ var PageLayout = function PageLayout(_ref) {
     var props = _ref2.props;
     return (props == null ? void 0 : props.mode) === 'white';
   })) == null ? void 0 : _childrenToArray$filt.length;
-  var total = (_childrenToArray2 = childrenToArray) == null ? void 0 : _childrenToArray2.length;
+  var total = ((_childrenToArray2 = childrenToArray) == null ? void 0 : _childrenToArray2.length) + 5;
   var startIndex = total - whiteCols - 1;
-  var endIndex = total - 1;
+  var endIndex = total - 2;
   var headerStyle = {
     height: computedHeaderHeight,
     padding: "".concat(size === 'small' ? 20 : 24, "px"),
@@ -168,7 +168,7 @@ var PageLayout = function PageLayout(_ref) {
     var style = {
       flex: (0, _utils.computeWidth)(width),
       // 设置cols层级关系
-      zIndex: mode === 'gray' ? startIndex-- : endIndex--
+      zIndex: mode === 'gray' ? endIndex-- : startIndex++
     };
     var className = (0, _classnames["default"])("".concat(clsPrefix, "-box ").concat(clsPrefix, "-box-").concat(mode));
     return _react["default"].createElement('div', {

package/lib/Page/index.less

@@ -1,26 +1,46 @@
+.large-size > .ant-layout-content {
+    .tnt-page.in-layout {
+        height: calc(100vh - 60px);
+    }
+}
 .tnt-page {
     position: relative;
     width: 100%;
     height: 100%;
     overflow-y: hidden;
 
+    &.in-layout {
+        box-shadow: none;
+        height: calc(100vh - 50px);
+        .tnt-page-box,
+        .tnt-page-box > .ant-card {
+            height: 100%;
+        }
+        .tnt-page-content .tnt-page-box .ant-card .ant-card-body {
+            overflow-x: hidden;
+            overflow-y: auto;
+        }
+    }
+
     &-box-white {
         z-index: 1;
         background: #f3f5f6;
         box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1), 0 10px 12px 2px rgba(170, 182, 206, 0.2);
-        .inLayout & {
-            background: #fbfcfe;
-            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 6px 10px 2px rgba(170, 182, 206, 0.2);
+
+        .in-layout & {
+            background: #fafbfc;
         }
     }
 
+
     &-box-gray {
         background: #e8ebed;
         box-shadow: 0 10px 12px 2px rgba(0, 0, 0, 0.1);
 
-        .inLayout & {
+        .in-layout & {
             background: #f8f9fa;
-            box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.1);
+            // box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.1);
+            box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.1);
         }
     }
 
@@ -36,7 +56,7 @@
         box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1),
                     0 10px 6px 0 rgba(170, 182, 206, 0.2);
 
-        .inLayout & {
+        .in-layout & {
             background: #ffffff;
             box-shadow: none;
         }
@@ -76,9 +96,13 @@
         .ant-card-head {
             border-bottom: 1px solid #e0e0e0;
             margin-bottom: 0;
-            height: 60px;
+            // height: 60px;
             .small & {
                 height: 40px;
+                line-height: 40px;
+            }
+            .ant-card-head-title {
+                font-weight: normal;
             }
         }
         .ant-card-body {

package/lib/QueryForm/index.js

@@ -35,6 +35,8 @@ var _Icon = _interopRequireDefault(require("../Icon"));
 
 var _Field = _interopRequireDefault(require("./Field"));
 
+var _locale = require("../locale");
+
 require("./index.less");
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
@@ -71,10 +73,6 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
 
 var clsPrefix = 'tnt-queryform';
 
-var isInput = function isInput(type) {
-  return ['input', 'string', 'search'].includes(type);
-};
-
 var QueryForm =
 /*#__PURE__*/
 function (_React$PureComponent) {
@@ -238,16 +236,16 @@ function (_React$PureComponent) {
           onClick: _this2.onShowDrawer
         }, _react["default"].createElement(_Icon["default"], {
           type: "filter"
-        }), "\u66F4\u591A\u8FC7\u6EE4")), showSearch && _react["default"].createElement(_button["default"], {
+        }), _this2.getText('moreFiltering'))), showSearch && _react["default"].createElement(_button["default"], {
           type: "primary",
           onClick: _this2.onSearch
-        }, "\u641C\u7D22"), showReset && _react["default"].createElement(_button["default"], {
+        }, _this2.getText('search')), showReset && _react["default"].createElement(_button["default"], {
           onClick: _this2.onReset
-        }, "\u91CD\u7F6E"), showMore && !showFieldCount && _react["default"].createElement(_button["default"], {
+        }, _this2.getText('reset')), showMore && !showFieldCount && _react["default"].createElement(_button["default"], {
           className: "expand-link",
           type: "link",
           onClick: _this2.onToggleExpand
-        }, expanded ? '收起' : '展开'), _react["default"].Children.map(children, function (child) {
+        }, _this2.getText(expanded ? 'collapse' : 'expand')), _react["default"].Children.map(children, function (child) {
           var _child$props;
 
           return child && (child == null ? void 0 : (_child$props = child.props) == null ? void 0 : _child$props.align) === 'right' && _react["default"].cloneElement(child);
@@ -276,7 +274,7 @@ function (_React$PureComponent) {
       })), _react["default"].createElement("div", {
         className: "".concat(clsPrefix, "-actions")
       }, renderFormActions()), showFieldCount && _react["default"].createElement(_drawer["default"], _extends({
-        title: "\u66F4\u591A\u8FC7\u6EE4",
+        title: this.getText('moreFiltering'),
         visible: drawerVisible,
         onClose: function onClose() {
           return _this2.setState({
@@ -301,12 +299,17 @@ function (_React$PureComponent) {
       }), _react["default"].createElement(_button["default"], {
         type: "primary",
         onClick: this.onSearch
-      }, "\u641C\u7D22"), _react["default"].createElement(_button["default"], {
+      }, this.getText('search')), _react["default"].createElement(_button["default"], {
         onClick: this.onReset
-      }, "\u91CD\u7F6E"))), extraActions && _react["default"].createElement("div", {
+      }, this.getText('reset')))), extraActions && _react["default"].createElement("div", {
         className: "".concat(clsPrefix, "-extra")
       }, extraActions));
     }
+  }, {
+    key: "getText",
+    value: function getText(key) {
+      return (0, _locale.getText)(key, this.props.language || (0, _locale.getLanguage)());
+    }
   }, {
     key: "isFieldsWidthOverflow",
     value: function isFieldsWidthOverflow() {

package/lib/QueryListScene/Field/SelectInput.js

@@ -0,0 +1,107 @@
+"use strict";
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("antd/lib/input/style");
+
+var _input = _interopRequireDefault(require("antd/lib/input"));
+
+require("antd/lib/select/style");
+
+var _select = _interopRequireDefault(require("antd/lib/select"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _lodash = require("lodash");
+
+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 _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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+
+function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var Option = _select["default"].Option;
+
+var _default = function _default(props) {
+  var _props$options = props.options,
+      options = _props$options === void 0 ? [] : _props$options,
+      inputProps = _objectWithoutProperties(props, ["options"]);
+
+  var _useState = (0, _react.useState)(options),
+      _useState2 = _slicedToArray(_useState, 2),
+      items = _useState2[0],
+      setItems = _useState2[1];
+
+  var getInitialKey = function getInitialKey() {
+    var key = (0, _lodash.get)(options, '0.value');
+
+    if (inputProps.value) {
+      key = (0, _lodash.get)(Object.keys(inputProps.value), '0') || key;
+    }
+
+    return key;
+  };
+
+  var _useState3 = (0, _react.useState)(getInitialKey()),
+      _useState4 = _slicedToArray(_useState3, 2),
+      key = _useState4[0],
+      setKey = _useState4[1];
+
+  var onKeyChange = function onKeyChange(key) {
+    setKey(key);
+    props.onChange(_defineProperty({}, key, ''));
+  };
+
+  var onChange = function onChange(evt) {
+    props.onChange(_defineProperty({}, key, evt.target.value));
+  };
+
+  var addonBefore = _react["default"].createElement(_select["default"], {
+    value: key,
+    onChange: onKeyChange
+  }, items.map(function (_ref) {
+    var label = _ref.label,
+        value = _ref.value;
+    return _react["default"].createElement(Option, {
+      key: value,
+      value: value
+    }, label);
+  }));
+
+  var getInputValue = function getInputValue() {
+    return (0, _lodash.get)(inputProps.value, key);
+  };
+
+  (0, _react.useEffect)(function () {
+    setItems(options);
+    setKey(getInitialKey());
+  }, [options, inputProps.value]);
+  return _react["default"].createElement(_input["default"], _extends({}, inputProps, {
+    value: getInputValue(),
+    addonBefore: addonBefore,
+    onChange: onChange
+  }));
+};
+
+exports["default"] = _default;

package/lib/QueryListScene/Field/fieldsMap.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("antd/lib/date-picker/style");
+
+var _datePicker = _interopRequireDefault(require("antd/lib/date-picker"));
+
+require("antd/lib/input-number/style");
+
+var _inputNumber = _interopRequireDefault(require("antd/lib/input-number"));
+
+require("antd/lib/input/style");
+
+var _input = _interopRequireDefault(require("antd/lib/input"));
+
+var _select = _interopRequireDefault(require("./select"));
+
+var _SelectInput = _interopRequireDefault(require("./SelectInput"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = {
+  string: _input["default"],
+  input: _input["default"],
+  search: _input["default"].Search,
+  inputNumber: _inputNumber["default"],
+  number: _inputNumber["default"],
+  select: _select["default"],
+  date: _datePicker["default"],
+  dateRange: _datePicker["default"].RangePicker,
+  selectInput: _SelectInput["default"]
+};
+exports["default"] = _default;

package/lib/QueryListScene/Field/index.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("antd/lib/form/style");
+
+var _form = _interopRequireDefault(require("antd/lib/form"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _lodash = require("lodash");
+
+var _fieldsMap = _interopRequireDefault(require("./fieldsMap"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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 _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 FormItem = _form["default"].Item;
+
+var _default = function _default(props) {
+  var _props$type = props.type,
+      type = _props$type === void 0 ? 'input' : _props$type,
+      title = props.title,
+      name = props.name,
+      initialValue = props.initialValue,
+      form = props.form,
+      actions = props.actions,
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      component = props.component,
+      fieldProps = props.props;
+  var getFieldDecorator = form.getFieldDecorator;
+  var Field = component || _fieldsMap["default"][type];
+  var isInput = ['input', 'string'].includes(type);
+
+  var onFieldChange = function onFieldChange() {
+    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) {
+      args[0] = (0, _lodash.get)(args[0], 'target.value');
+    }
+
+    actions.emit.apply(actions, ['fieldChange', name].concat(args));
+  };
+
+  return _react["default"].createElement(FormItem, {
+    label: title,
+    className: className
+  }, getFieldDecorator(name, {
+    initialValue: initialValue
+  })(_react["default"].createElement(Field, _extends({}, isInput ? {
+    onPressEnter: function onPressEnter(evt) {
+      var _actions$search;
+
+      return actions.search((_actions$search = {}, _defineProperty(_actions$search, name, evt.target.value), _defineProperty(_actions$search, "current", 1), _actions$search));
+    }
+  } : {}, fieldProps, {
+    onChange: onFieldChange
+  }))));
+};
+
+exports["default"] = _default;