tntd 1.4.17 → 2.0.0-beta

package/lib/Page/README.md

@@ -1,180 +0,0 @@
-## Page 组件
-
-### 代码演示
-
-```jsx
-import React, { useState } from 'react';
-import ReactDOM from 'react-dom';
-import { Button, Divider, message, Breadcrumb } from 'antd';
-import { Page, Layout } from 'tntd';
-import styled from 'styled-components';
-import 'antd/dist/antd.css';
-
-const { Box } = Page
-
-const left = <Breadcrumb>
-    <Breadcrumb.Item>Home</Breadcrumb.Item>
-    <Breadcrumb.Item>
-      <a href="">Application Center</a>
-    </Breadcrumb.Item>
-    <Breadcrumb.Item>
-      <a href="">Application List</a>
-    </Breadcrumb.Item>
-    <Breadcrumb.Item>An Application</Breadcrumb.Item>
-  </Breadcrumb>;
-const center = '先灰再白后灰'
-const right = (
-  <>
-    <Button>预览</Button>
-    <Button type="primary">保存</Button>
-  </>
-)
-
-const Demo = (props) => {
-  return (
-    <div>
-      <h3>第一种场景， 从灰色背景开始</h3>
-      <Page
-        className='etl-page'
-        title='ETL编辑器' 
-        center={center} 
-        extra={right}
-        goBackText='返回啊'
-        goBack={()=>{
-            message.info('hi，你点击了返回');
-        }}
-      >
-        <Box width="200" title="标题">第一列</Box>
-        <Box mode="white">第二列</Box>
-        <Box width="200">第三列</Box>
-      </Page>
-
-      <Divider dashed />
-      <h3>第二种场景，从白色背景开始</h3>
-
-      <Page 
-        title={left} 
-        center={center} 
-        extra={right}
-      >
-        <Box width="200" mode="white">第一列</Box>
-        <Box>第二列</Box>
-        <Box width="200" mode="white">第三列</Box>
-      </Page>
-
-      <Divider dashed />
-
-      <h3>第三种场景， 无标题栏</h3>
-
-      <Page height="400px">
-        <Box title='分组列表' extra={<Button type="primary" size='small'>添加</Button>}>第一列</Box>
-        <Box mode="white" title='菜单列表' extra={<Button type="primary" size='small'>添加</Button>}>第二列</Box>
-        <Box title="系统列表">第三列</Box>
-        <Box title="功能注册">第四列</Box>
-      </Page>
-
-      <Divider dashed />
-      <Layout
-            // type="paas"
-            appKey="orion"
-            logo=""
-            name="私有云全家桶"
-            enName="Private Cloud"
-      >
-         <Page 
-            title="风险大盘" 
-            // extra={right}
-            inLayout
-        >
-            <Box 
-                title="系统列表" 
-                width={320}
-                mode='white'
-            >
-                第三列
-            </Box>
-            <Box title="功能注册">
-                第四列<br/>
-                第四列<br/>
-                第四列<br/>
-                第四列<br/>
-                第四列<br/>
-                第四列<br/>
-                第四列<br/>
-                第四列<br/>
-                第四列<br/>
-                第四列<br/>
-                第四列<br/>
-                第四列<br/>
-                第四列<br/>
-                第四列<br/>
-                第四列<br/>
-                第四列<br/>
-                第四列<br/>
-                第四列<br/>
-                第四列<br/>
-                第四列<br/>
-                第四列<br/>
-                第四列<br/>
-                第四列<br/>
-                第四列<br/>
-                第四列<br/>
-                第四列<br/>
-                第四列end
-            </Box>
-             <Box 
-                title="系统列表" 
-                width={200}
-                mode='white'
-            >
-                第三列
-            </Box>
-        </Page>
-      </Layout>
-      <Divider dashed />
-
-      <h3>第四种场景， 有inLayout属性添加内边距padding="16px 20px"，Page里是自定义的children</h3>
-      <div name="layout" style={{background:'#f0f2f3'}}>
-        <Page 
-            title="风险大盘" 
-            extra={right} 
-            inLayout={true}
-        >
-            hi
-            <div style={{width: '100%', height: 200,  background: '#ffffff'}}>自定义children</div>
-        </Page>
-      </div>
-    </div>
-  )
-}
-
-ReactDOM.render(<Demo />, document.getElementById('root'))
-```
-
-### API
-
-#### Page
-
-| 参数         | 说明       | 类型                                         | 默认值 |  是否必须 |
-| :----------- | :--------- | :--------------------------------------------------- | :------ | :------ |
-| title  |  标题栏左侧内容   | ReactNode | -    | 否 |
-| center |   标题栏中间内容 |  ReactNode |- |否 |
-| extra | 标题栏右侧内容 | ReactNode   |  -  |否 |
-| headerHeight |标题栏的高度  |  string/int   | 50px    |否 |
-| height | 组件整体高度 |string/int| 100vh| 否 |
-| size | 根据size尺寸调整标题栏的padding值，Page.Box组件也会继承size属性 |`default | small`| small| 否|
-| inLayout | 代表组件是放在tntd的Layout中引用，增加内边距"16px 30px"，标题栏无阴影 |boolean | false | 否|
-
-
-
-#### Page.Box
-
-描述：Page.Box包裹了antd库中的Card组件，Box属性都会透传到Card组件。
-
-| 参数  | 说明       | 类型                                    | 默认值 | 是否必须 |
-| :---- | :--------- | :--------------------------------------------- | :------ | :------ |
-| width | 30%代表占父容器的百分比， `30 | 30px`代表固定宽度30px |  string/int | auto    |否 |
-| title | 列标题 |  ReactNode | -    |否 |
-| mode | white是白色背景，gray为灰色背景 |`white| gray` | gray | 否 |
-| noPadding | 如果为true，Box的padding为0  | boolean | false | 否 |
-

package/lib/Page/index.js

@@ -1,183 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _Icon = _interopRequireDefault(require("../Icon"));
-
-var _utils = require("./utils");
-
-var _Box = _interopRequireDefault(require("./Box"));
-
-require("./index.less");
-
-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 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
-
-function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
-
-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 _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 clsPrefix = 'tnt-page';
-
-var isPageBox = function isPageBox(child) {
-  var _child$props;
-
-  return (child == null ? void 0 : child.type) === _Box["default"] || (child == null ? void 0 : (_child$props = child.props) == null ? void 0 : _child$props.pageBox);
-};
-
-var PageLayout = function PageLayout(_ref) {
-  var _childrenToArray, _childrenToArray$filt, _childrenToArray2, _cn;
-
-  var _ref$height = _ref.height,
-      height = _ref$height === void 0 ? '100vh' : _ref$height,
-      _ref$headerHeight = _ref.headerHeight,
-      headerHeight = _ref$headerHeight === void 0 ? 50 : _ref$headerHeight,
-      children = _ref.children,
-      title = _ref.title,
-      goBack = _ref.goBack,
-      goBackText = _ref.goBackText,
-      center = _ref.center,
-      extra = _ref.extra,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'small' : _ref$size,
-      _ref$inLayout = _ref.inLayout,
-      inLayout = _ref$inLayout === void 0 ? false : _ref$inLayout,
-      className = _ref.className,
-      restProps = _objectWithoutProperties(_ref, ["height", "headerHeight", "children", "title", "goBack", "goBackText", "center", "extra", "size", "inLayout", "className"]);
-
-  // 如果传入只有数字，需要默认加px
-  var computedHeaderHeight = (0, _utils.addUnitForValue)(headerHeight);
-  var computedHeight = (0, _utils.addUnitForValue)(height); // 判断是否有标题栏
-
-  if (!(title || extra || center)) {
-    computedHeaderHeight = '0px';
-  }
-
-  if (inLayout) {
-    computedHeaderHeight = '40px';
-  } // 计算中间的zIndex，灰色递减，白色递增
-
-
-  var whiteCols = 0;
-  var childrenToArray = []; // 计算children type是box的数量
-
-  var boxCount = 0; // 如果children是单个节点，统一转为数组处理计算层级
-
-  console.log('children', children);
-
-  if (_typeof(children) === 'object') {
-    childrenToArray = [children];
-  } else if (Array.isArray(children)) {
-    childrenToArray = _toConsumableArray(children);
-  }
-
-  console.log('React.Children', _react["default"].Children);
-
-  _react["default"].Children.map(children, function (child) {
-    if (isPageBox(child)) {
-      boxCount += 1;
-    }
-  });
-
-  console.log(boxCount);
-  whiteCols = (_childrenToArray = childrenToArray) == null ? void 0 : (_childrenToArray$filt = _childrenToArray.filter(function (_ref2) {
-    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) + 5;
-  var startIndex = total - whiteCols - 1;
-  var endIndex = total - 2;
-  var headerStyle = {
-    height: computedHeaderHeight,
-    padding: "".concat(size === 'small' ? 20 : 24, "px"),
-    zIndex: inLayout ? 1 : total || 1
-  };
-  var contentStyle = {
-    display: boxCount > 0 ? 'flex' : 'block',
-    marginTop: computedHeaderHeight,
-    padding: inLayout ? '16px 20px' : '0px'
-  };
-  return _react["default"].createElement("section", _extends({
-    className: (0, _classnames["default"])(clsPrefix, (_cn = {}, _defineProperty(_cn, className, className), _defineProperty(_cn, 'in-layout', inLayout), _defineProperty(_cn, 'not-in-layout', !inLayout), _cn))
-  }, restProps), (title || goBack || center || extra) && _react["default"].createElement("div", {
-    className: "".concat(clsPrefix, "-header"),
-    style: headerStyle
-  }, _react["default"].createElement("div", {
-    className: "".concat(clsPrefix, "-header-section")
-  }, goBack && _react["default"].createElement("div", {
-    className: "page-header-section-back",
-    onClick: function onClick() {
-      goBack();
-    }
-  }, _react["default"].createElement(_Icon["default"], {
-    type: "left"
-  }), _react["default"].createElement("span", null, goBackText ? goBackText : '返回')), title), [center, extra].map(function (item) {
-    return _react["default"].createElement("div", {
-      className: "".concat(clsPrefix, "-header-section")
-    }, item);
-  })), _react["default"].createElement("div", {
-    className: "".concat(clsPrefix, "-content"),
-    style: contentStyle
-  }, _react["default"].Children.map(children, function (child) {
-    // 如果children不是Box,就不需要多列布局
-    if (!child.type) {
-      // console.log("没有type");
-      return _react["default"].cloneElement(_react["default"].createElement("div", null, child));
-    }
-
-    var extraProps = _objectSpread({
-      headerHeight: computedHeaderHeight,
-      size: size,
-      height: computedHeight,
-      contentTotalMargin: inLayout ? '32px' : '0px',
-      inLayout: inLayout
-    }, child.props);
-
-    if (!isPageBox(child)) {
-      return _react["default"].cloneElement(child, extraProps);
-    }
-
-    var _child$props2 = child.props,
-        _child$props2$mode = _child$props2.mode,
-        mode = _child$props2$mode === void 0 ? 'gray' : _child$props2$mode,
-        width = _child$props2.width;
-    var style = {
-      flex: (0, _utils.computeWidth)(width),
-      // 设置cols层级关系
-      zIndex: mode === 'gray' ? endIndex-- : startIndex++
-    };
-    var className = (0, _classnames["default"])("".concat(clsPrefix, "-box ").concat(clsPrefix, "-box-").concat(mode));
-    return _react["default"].createElement('div', {
-      className: className,
-      style: style
-    }, _react["default"].cloneElement(child, extraProps));
-  })));
-};
-
-PageLayout.Box = _Box["default"];
-var _default = PageLayout;
-exports["default"] = _default;

package/lib/Page/index.less

@@ -1,144 +0,0 @@
-.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);
-
-        .in-layout & {
-            background: #fafbfc;
-        }
-    }
-
-
-    &-box-gray {
-        background: #e8ebed;
-        box-shadow: 0 10px 12px 2px rgba(0, 0, 0, 0.1);
-
-        .in-layout & {
-            background: #f8f9fa;
-            // box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.1);
-            box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.1);
-        }
-    }
-
-    &-header {
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-        background: #f0f2f3;
-        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1),
-                    0 10px 6px 0 rgba(170, 182, 206, 0.2);
-
-        .in-layout & {
-            background: #ffffff;
-            box-shadow: none;
-        }
-
-        &-section {
-            display: flex;
-            align-items: center;
-            &:nth-child(1) > * {
-                margin-right: 10px;
-            }
-            &:nth-child(2) > * {
-                margin: 0 5px;
-            }
-            &:nth-child(3) > * {
-                margin-left: 10px;
-            }
-        }
-    }
-
-    &-content {
-        height: calc(~"100% - 40px");
-        flex-direction: row;
-        width: 100%;
-        position: relative;
-        z-index: 0;
-    }
-
-    &-box {
-        overflow: auto;
-        .ant-card {
-            background: inherit;
-        }
-    }
-
-    &-box-card {
-        background-color: transparent !important;
-        .ant-card-head {
-            border-bottom: 1px solid #e0e0e0;
-            margin-bottom: 0;
-            // height: 60px;
-            .small & {
-                height: 40px;
-                line-height: 40px;
-            }
-            .ant-card-head-title {
-                font-weight: normal;
-            }
-        }
-        .ant-card-body {
-            overflow: auto;
-        }
-    }
-}
-
-
-.page-header-section-back {
-    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;
-    }
-}

package/lib/Page/utils.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.addUnitForValue = exports.isValidNumber = exports.computeWidth = void 0;
-
-var computeWidth = function computeWidth(width) {
-  var flex = '1';
-  var validNumber = isValidNumber(width);
-
-  if (/(%|px)$/.test(width) && validNumber) {
-    flex = "0 0 ".concat(width);
-  } else if (!isNaN(width)) {
-    flex = "0 0 ".concat(width, "px");
-  }
-
-  return flex;
-};
-
-exports.computeWidth = computeWidth;
-
-var isValidNumber = function isValidNumber(value) {
-  return !isNaN(parseFloat(value));
-};
-
-exports.isValidNumber = isValidNumber;
-
-var addUnitForValue = function addUnitForValue(value) {
-  var unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'px';
-  return !isNaN(value) ? "".concat(value).concat(unit) : value;
-};
-
-exports.addUnitForValue = addUnitForValue;

package/lib/QueryForm/Field/Checkbox.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-require("antd/lib/checkbox/style");
-
-var _checkbox = _interopRequireDefault(require("antd/lib/checkbox"));
-
-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 _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 _default = function _default(_ref) {
-  var value = _ref.value,
-      _onChange = _ref.onChange,
-      props = _objectWithoutProperties(_ref, ["value", "onChange"]);
-
-  return React.createElement(_checkbox["default"], _extends({}, props, {
-    checked: value,
-    onChange: function onChange(evt) {
-      _onChange == null ? void 0 : _onChange(evt.target.checked);
-    }
-  }));
-};
-
-exports["default"] = _default;

package/lib/QueryForm/Field/Select.js

@@ -1,100 +0,0 @@
-"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/select/style");
-
-var _select = _interopRequireDefault(require("antd/lib/select"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-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 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 _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 options = props.options,
-      params = props.params,
-      _props$queryKey = props.queryKey,
-      queryKey = _props$queryKey === void 0 ? 'name' : _props$queryKey,
-      _props$fieldNames = props.fieldNames,
-      fieldNames = _props$fieldNames === void 0 ? {
-    label: 'label',
-    value: 'value'
-  } : _props$fieldNames,
-      loadData = props.loadData,
-      rest = _objectWithoutProperties(props, ["options", "params", "queryKey", "fieldNames", "loadData"]);
-
-  var _useState = (0, _react.useState)(options || []),
-      _useState2 = _slicedToArray(_useState, 2),
-      items = _useState2[0],
-      setItems = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      query = _useState4[0],
-      setQuery = _useState4[1];
-
-  var onSearch = function onSearch(val) {
-    setQuery(val);
-  };
-
-  if (loadData) {
-    (0, _react.useEffect)(function () {
-      loadData(_objectSpread(_defineProperty({}, queryKey, query), params || {})).then(function (items) {
-        setItems(items);
-      });
-    }, [params, query]);
-  }
-
-  (0, _react.useEffect)(function () {
-    setItems(options || []);
-  }, [options]);
-  return _react["default"].createElement(_select["default"], _extends({
-    allowClear: true,
-    showSearch: true,
-    optionFilterProp: "children",
-    onSearch: onSearch
-  }, rest), items.map(function (item) {
-    var labelKey = (fieldNames == null ? void 0 : fieldNames.label) || 'label';
-    var valueKey = (fieldNames == null ? void 0 : fieldNames.value) || 'value';
-    var value = item instanceof Object ? item[valueKey] : item;
-    var label = item instanceof Object ? item[labelKey] : item;
-    var optionProps = item instanceof Object ? item : {};
-    return _react["default"].createElement(Option, _extends({}, optionProps, {
-      key: value,
-      value: value
-    }), label);
-  }));
-};
-
-exports["default"] = _default;