@alicloud/console-components-search 0.1.1 → 0.2.0

package/lib/modeSingleSingle/index.d.ts

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

package/lib/modeSingleSingle/index.js

@@ -1,242 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _consoleComponents = require("@alicloud/console-components");
-
-var _style = require("../style");
-
-var _utils = require("../utils");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
-
-// import styled from "styled-components";
-var AutoComplete = _consoleComponents.Select.AutoComplete;
-
-var ModeSingleSingle = function ModeSingleSingle(props) {
-  var options = props.options,
-      onSuggest = props.onSuggest,
-      onChange = props.onChange,
-      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 = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      inputDataSource = _useState2[0],
-      setInputDataSource = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      visible = _useState4[0],
-      setVisible = _useState4[1];
-
-  var _useState5 = (0, _react.useState)({}),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      allFileds = _useState6[0],
-      setAllFileds = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(''),
-      _useState8 = (0, _slicedToArray2.default)(_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.default.createElement("span", {
-      dangerouslySetInnerHTML: {
-        __html: label
-      }
-    });
-  };
-
-  function inputChange(_x, _x2, _x3) {
-    return _inputChange.apply(this, arguments);
-  }
-
-  function _inputChange() {
-    _inputChange = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(value, actionType, dataIndex) {
-      var changeFileds, _changeFileds, list, newDataSource;
-
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (!(actionType === 'itemClick' && onChange)) {
-                _context.next = 8;
-                break;
-              }
-
-              changeFileds = Object.create({});
-              changeFileds[dataIndex] = value;
-              onChange(changeFileds, changeFileds);
-              setAllFileds(changeFileds);
-              setVisible(false);
-              _context.next = 18;
-              break;
-
-            case 8:
-              setInputValue(value); // fuzzyDisable
-
-              if (!optionItem.templateProps || !optionItem.templateProps.fuzzyDisable) {
-                _changeFileds = Object.create({});
-                _changeFileds[dataIndex] = value;
-
-                if (onChange) {
-                  onChange(_changeFileds, _changeFileds);
-                }
-
-                setAllFileds(_changeFileds);
-              } //
-
-
-              if (value === '') {
-                setInputDataSource([]);
-              }
-
-              if (!onSuggest) {
-                _context.next = 18;
-                break;
-              }
-
-              _context.next = 14;
-              return onSuggest(value, dataIndex);
-
-            case 14:
-              list = _context.sent;
-              // console.log('res suggest', res);
-              newDataSource = [{
-                label: optionItem.label,
-                children: list
-              }];
-              setInputDataSource(newDataSource);
-              setVisible(true);
-
-            case 18:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-    return _inputChange.apply(this, arguments);
-  }
-
-  function selectChange(_x4, _x5) {
-    return _selectChange.apply(this, arguments);
-  }
-
-  function _selectChange() {
-    _selectChange = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(value, dataIndex) {
-      var changeFileds;
-      return _regenerator.default.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              if (onChange) {
-                changeFileds = Object.create({});
-                changeFileds[dataIndex] = value;
-                onChange(changeFileds, changeFileds);
-                setAllFileds(changeFileds);
-              }
-
-            case 1:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    }));
-    return _selectChange.apply(this, arguments);
-  }
-
-  function onCommonSearch() {
-    if (onSearch) {
-      onSearch(allFileds);
-    }
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_style.SearchWarp, {
-    prefix: prefix
-  }, optionItem.template === 'input' && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('left-wrap', "".concat(prefix, "input"))
-  }, /*#__PURE__*/_react.default.createElement(AutoComplete, {
-    className: (0, _classnames.default)('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.default.createElement("div", {
-    className: (0, _classnames.default)('left-wrap', "".concat(prefix, "input"))
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('condition')
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)('condition-item')
-  }, optionItem.label)), /*#__PURE__*/_react.default.createElement(_consoleComponents.Select, {
-    className: (0, _classnames.default)('main-input', 'single'),
-    placeholder: optionItem.templateProps.placeholder || "\u8BF7\u9009\u62E9".concat(optionItem.label),
-    hasClear: true,
-    hasBorder: false,
-    dataSource: (0, _utils.getSelectOptionAdatp)(optionItem.label, optionItem.templateProps.dataSource),
-    onChange: function onChange(value) {
-      selectChange(value, optionItem.dataIndex);
-    },
-    popupStyle: {
-      minWidth: 'auto'
-    }
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('right-wrap')
-  }, /*#__PURE__*/_react.default.createElement(_consoleComponents.Button, {
-    className: (0, _classnames.default)('search-btn'),
-    onClick: onCommonSearch
-  }, /*#__PURE__*/_react.default.createElement(_consoleComponents.Icon, {
-    type: "search"
-  }))));
-};
-
-var _default = _consoleComponents.ConfigProvider.config(ModeSingleSingle);
-
-exports.default = _default;