@alicloud/console-components-search 0.1.3 → 0.2.0

package/es/modeSingleSingle/index.js

@@ -1,201 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useState } from "react";
-import classNames from 'classnames'; // import styled from "styled-components";
-
-import { Button, ConfigProvider, Icon, Select } from '@alicloud/console-components';
-import { SearchWarp } from "../style";
-import { getSelectOptionAdatp } from '../utils';
-var AutoComplete = Select.AutoComplete;
-
-var ModeSingleSingle = function ModeSingleSingle(props) {
-  var options = props.options,
-      onSuggest = props.onSuggest,
-      onSearch = props.onSearch,
-      _props$prefix = props.prefix,
-      prefix = _props$prefix === void 0 ? "next-" : _props$prefix;
-  var optionItem = options[0];
-
-  if (!optionItem.templateProps) {
-    optionItem.templateProps = {};
-  }
-
-  var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      inputDataSource = _useState2[0],
-      setInputDataSource = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      visible = _useState4[0],
-      setVisible = _useState4[1];
-
-  var _useState5 = useState({}),
-      _useState6 = _slicedToArray(_useState5, 2),
-      allFileds = _useState6[0],
-      setAllFileds = _useState6[1];
-
-  var _useState7 = useState(''),
-      _useState8 = _slicedToArray(_useState7, 2),
-      inputValue = _useState8[0],
-      setInputValue = _useState8[1];
-
-  var itemRender = function itemRender(item, searchKey) {
-    var label = item.label;
-
-    if (searchKey && searchKey.length) {
-      var key = searchKey.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
-      var reg = new RegExp("(".concat(key, ")"), 'ig');
-      label = label.replace(reg, function (x) {
-        return "<span class=\"".concat(prefix, "-select-highlight\" style=\"background-color: #EFF3F8;font-weight: 500;\">").concat(x, "</span>");
-      });
-    }
-
-    return /*#__PURE__*/React.createElement("span", {
-      dangerouslySetInnerHTML: {
-        __html: label
-      }
-    });
-  };
-
-  function inputChange(_x, _x2, _x3) {
-    return _inputChange.apply(this, arguments);
-  }
-
-  function _inputChange() {
-    _inputChange = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value, actionType, dataIndex) {
-      var changeFileds, _changeFileds, list, newDataSource;
-
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (!(actionType === 'itemClick')) {
-                _context.next = 7;
-                break;
-              }
-
-              changeFileds = Object.create({});
-              changeFileds[dataIndex] = value;
-              setAllFileds(changeFileds);
-              setVisible(false);
-              _context.next = 17;
-              break;
-
-            case 7:
-              setInputValue(value); // fuzzyDisable
-
-              if (!optionItem.templateProps || !optionItem.templateProps.fuzzyDisable) {
-                _changeFileds = Object.create({});
-                _changeFileds[dataIndex] = value;
-                setAllFileds(_changeFileds);
-              } //
-
-
-              if (value === '') {
-                setInputDataSource([]);
-              }
-
-              if (!onSuggest) {
-                _context.next = 17;
-                break;
-              }
-
-              _context.next = 13;
-              return onSuggest(value, dataIndex);
-
-            case 13:
-              list = _context.sent;
-              // console.log('res suggest', res);
-              newDataSource = [{
-                label: optionItem.label,
-                children: list
-              }];
-              setInputDataSource(newDataSource);
-              setVisible(true);
-
-            case 17:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-    return _inputChange.apply(this, arguments);
-  }
-
-  function selectChange(_x4, _x5) {
-    return _selectChange.apply(this, arguments);
-  }
-
-  function _selectChange() {
-    _selectChange = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(value, dataIndex) {
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    }));
-    return _selectChange.apply(this, arguments);
-  }
-
-  function onCommonSearch() {
-    if (onSearch) {
-      onSearch(allFileds);
-    }
-  }
-
-  return /*#__PURE__*/React.createElement(SearchWarp, {
-    prefix: prefix
-  }, optionItem.template === 'input' && /*#__PURE__*/React.createElement("div", {
-    className: classNames('left-wrap', "".concat(prefix, "input"))
-  }, /*#__PURE__*/React.createElement(AutoComplete, {
-    className: classNames('main-input', 'single'),
-    placeholder: optionItem.templateProps.placeholder || "\u9ED8\u8BA4\u6309".concat(optionItem.label, "\u641C\u7D22"),
-    hasClear: true,
-    hasBorder: false,
-    dataSource: inputDataSource,
-    visible: visible,
-    value: inputValue,
-    onBlur: function onBlur() {
-      setVisible(false);
-    } // @ts-ignore
-    ,
-    itemRender: itemRender,
-    onChange: function onChange(value, actionType) {
-      inputChange(value, actionType, optionItem.dataIndex);
-    }
-  })), optionItem.template === 'select' && /*#__PURE__*/React.createElement("div", {
-    className: classNames('left-wrap', "".concat(prefix, "input"))
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classNames('condition')
-  }, /*#__PURE__*/React.createElement("span", {
-    className: classNames('condition-item')
-  }, optionItem.label)), /*#__PURE__*/React.createElement(Select, {
-    className: classNames('main-input', 'single'),
-    placeholder: optionItem.templateProps.placeholder || "\u8BF7\u9009\u62E9".concat(optionItem.label),
-    hasClear: true,
-    hasBorder: false,
-    dataSource: getSelectOptionAdatp(optionItem.label, optionItem.templateProps.dataSource),
-    onChange: function onChange(value) {
-      selectChange(value, optionItem.dataIndex);
-    },
-    popupStyle: {
-      minWidth: 'auto'
-    }
-  })), /*#__PURE__*/React.createElement("div", {
-    className: classNames('right-wrap')
-  }, /*#__PURE__*/React.createElement(Button, {
-    className: classNames('search-btn'),
-    onClick: onCommonSearch
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: "search"
-  }))));
-};
-
-export default ConfigProvider.config(ModeSingleSingle);

package/lib/modeSingleMulti/index.d.ts

@@ -1,2 +0,0 @@
-declare const _default: any;
-export default _default;