@alicloud/console-components-search 0.1.0

package/lib/modeSingleSingle/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IRcSearchProps } from "../types/IRcSearchProps.type";
+declare const ModeSingleSingle: React.FC<IRcSearchProps>;
+export default ModeSingleSingle;

package/lib/modeSingleSingle/index.js

@@ -0,0 +1,237 @@
+"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;
+  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=\"next-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, null, optionItem.template === 'input' && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('left-wrap', 'next-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', 'next-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 = ModeSingleSingle;
+exports.default = _default;

package/lib/provider/LoggerProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface LoggerProviderProps {
+    regionId: string;
+    resourceType: string;
+    componentName: string;
+}
+declare const LoggerProvider: React.FC<LoggerProviderProps>;
+export default LoggerProvider;

package/lib/provider/LoggerProvider.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _utils = require("../utils");
+
+;
+var TOPIC = 'com-usage';
+var SAMPLING = (0, _utils.getEnv)() === 'local' ? 1 : 0.5; // 用来记录是否已经发送过日志，防止日志量太多，比如在列表中使用组件
+
+var LOGGER_RECORD = {};
+
+var LoggerProvider = function LoggerProvider(props) {
+  var regionId = props.regionId,
+      resourceType = props.resourceType,
+      componentName = props.componentName;
+  (0, _react.useEffect)(function () {
+    var recordKey = "".concat(componentName, "-").concat(resourceType);
+    var propsArr = new Array();
+    ["regionId", "resourceType"].forEach(function (t) {
+      if (t && (0, _utils.isValidKey)(t, props)) {
+        propsArr.push("".concat(t, "=").concat(props[t]));
+      }
+    });
+    var info = {
+      env: (0, _utils.getEnv)(),
+      properties: propsArr.join('&'),
+      component: componentName
+    };
+
+    if (!LOGGER_RECORD[recordKey]) {
+      (0, _utils.getLogger)().log(TOPIC, info, {
+        sampling: SAMPLING
+      });
+      LOGGER_RECORD[recordKey] = true;
+    }
+  }, [regionId, resourceType, componentName]);
+  return null;
+};
+
+var _default = LoggerProvider;
+exports.default = _default;

package/lib/search.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IRcSearchProps } from "./types/IRcSearchProps.type";
+import './index.less';
+export declare const Search: React.FC<IRcSearchProps>;

package/lib/search.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Search = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _modeSingleSingle = _interopRequireDefault(require("./modeSingleSingle"));
+
+var _modeSingleMulti = _interopRequireDefault(require("./modeSingleMulti"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _constants = require("./constants");
+
+var _LoggerProvider = _interopRequireDefault(require("./provider/LoggerProvider"));
+
+var SearchWrap = _styledComponents.default.div.withConfig({
+  componentId: "sc-1szhzw4-0"
+})(["height:32px;width:400px;display:inline-block;vertical-align:top;"]);
+
+var Search = function Search(props) {
+  var className = props.className,
+      mode = props.mode,
+      style = props.style;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_LoggerProvider.default, {
+    regionId: props.regionId,
+    resourceType: props.resourceType || '',
+    componentName: "RcSearch"
+  }), /*#__PURE__*/_react.default.createElement(SearchWrap, {
+    className: (0, _classnames.default)(_constants.baseClassName, className),
+    style: style
+  }, mode === 'single-single' && /*#__PURE__*/_react.default.createElement(_modeSingleSingle.default, props), mode === 'single-multi' && /*#__PURE__*/_react.default.createElement(_modeSingleMulti.default, props), mode === 'multi-multi' && /*#__PURE__*/_react.default.createElement(_modeSingleMulti.default, props)));
+};
+
+exports.Search = Search;

package/lib/searchTagList/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { IRcSearchTagListProps } from '../types/IRcSearchTagListProps.type';
+declare const SearchTagList: React.FC<IRcSearchTagListProps>;
+export default SearchTagList;

package/lib/searchTagList/index.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _consoleComponents = require("@alicloud/console-components");
+
+var _LoggerProvider = _interopRequireDefault(require("../provider/LoggerProvider"));
+
+var _style = require("../style");
+
+var _constants = require("../constants");
+
+var TagGroup = _consoleComponents.Tag.Group,
+    ClosableTag = _consoleComponents.Tag.Closeable;
+
+var SearchTagList = function SearchTagList(props) {
+  var tagList = props.tagList,
+      className = props.className,
+      style = props.style,
+      onChange = props.onChange;
+
+  function onRemoveTag(item) {
+    var newTagList = (0, _toConsumableArray2.default)(tagList);
+
+    if (onChange) {
+      var resFindIndex = newTagList.findIndex(function (x) {
+        return x.dataIndex === item.dataIndex;
+      });
+      newTagList.splice(resFindIndex, 1);
+      onChange(newTagList);
+    }
+  }
+
+  function onRemoveAllTag() {
+    if (onChange) {
+      onChange([]);
+    }
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_style.TagListWrap, {
+    className: (0, _classnames.default)(_constants.baseTagListClassName, className),
+    style: style
+  }, /*#__PURE__*/_react.default.createElement(_LoggerProvider.default, {
+    regionId: props.regionId,
+    resourceType: props.resourceType || '',
+    componentName: "RcSearch"
+  }), /*#__PURE__*/_react.default.createElement(TagGroup, null, tagList && tagList.length > 0 && tagList.map(function (tagItem) {
+    return /*#__PURE__*/_react.default.createElement(ClosableTag, {
+      key: tagItem.dataIndex + tagItem.value,
+      type: "normal",
+      size: "medium",
+      onClose: function onClose() {
+        onRemoveTag(tagItem);
+        return true;
+      }
+    }, tagItem.label, ":", tagItem.valueShow);
+  }), tagList && tagList.length > 0 && /*#__PURE__*/_react.default.createElement("a", {
+    className: "remove-btn",
+    onClick: onRemoveAllTag
+  }, "\u6E05\u9664\u7B5B\u9009\u6761\u4EF6")));
+};
+
+var _default = SearchTagList;
+exports.default = _default;

package/lib/style.d.ts

@@ -0,0 +1,5 @@
+declare const SearchWarp: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const MenuContentWrap: import("styled-components").StyledComponent<"ul", any, {}, never>;
+declare const MultiBtnWarp: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const TagListWrap: import("styled-components").StyledComponent<"div", any, {}, never>;
+export { SearchWarp, MultiBtnWarp, TagListWrap, MenuContentWrap };

package/lib/style.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TagListWrap = exports.SearchWarp = exports.MultiBtnWarp = exports.MenuContentWrap = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var SearchWarp = _styledComponents.default.div.withConfig({
+  componentId: "sc-1afc1cn-0"
+})(["height:100%;width:100%;display:flex;.left-wrap{flex:1;border-left:1px solid rgba(192,198,204,1);border-bottom:1px solid rgba(192,198,204,1);border-top:1px solid rgba(192,198,204,1);border-right:1px solid rgba(192,198,204,1);display:flex;border-bottom-left-radius:2px;border-top-left-radius:2px;&.focus{border:1px solid #0064c8;}.condition{height:26px;display:inline-block;margin-top:2px;}.condition-item{height:26px;display:inline-block;line-height:26px;background:#EFF3F8;border-radius:2px;background-color:#EFF3F8;padding:0 8px;margin:0 2px;font-size:12px;color:#333;position:relative;&-txt{padding-right:4px;}&:hover{background-color:#E0E4E8;}}.condition-select{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;min-width:auto;.next-select-inner{min-width:auto;}}.forms{flex:1;position:relative;.clear-level1{position:absolute;top:1px;right:1px;height:28px;width:30px;background-color:#fff;z-index:99;color:#333;text-align:center;line-height:28px;font-size:12px;cursor:pointer;padding:6px 0 0 6px;}}.main-input{height:auto;border:none;box-shadow:none;&.single{flex:1;}&.select{width:100%;}&.multi{width:100%;}.next-input,.xdemo-input{height:auto;box-shadow:none;}}.xdemo-input.xdemo-medium{height:auto;}}.right-wrap{width:32px;.search-btn{width:32px;border-bottom-left-radius:0;border-top-left-radius:0;border-left:none;}}"]);
+
+exports.SearchWarp = SearchWarp;
+
+var MenuContentWrap = _styledComponents.default.ul.withConfig({
+  componentId: "sc-1afc1cn-1"
+})([".next-tag-small.next-tag-closable > .next-tag-close-btn{margin-left:8px;padding-right:4px;padding-top:1px;}.next-tag-small.next-tag-closable > .next-tag-body{max-width:calc(100% - 8px - 8px - var(--tag-size-m-padding-lr,8px));}.next-tag-small.next-tag-closable > .next-tag-close-btn .next-icon:before,.next-tag-small.next-tag-closable > .next-tag-close-btn .next-icon .next-icon-remote{font-size:13px;}&& [class*='-icon-close']:hover::before{color:#181818;}&& [class*='-icon-close']::before{color:#808080;content:var(--icon-content-delete-filling);}"]);
+
+exports.MenuContentWrap = MenuContentWrap;
+
+var MultiBtnWarp = _styledComponents.default.div.withConfig({
+  componentId: "sc-1afc1cn-2"
+})(["padding:\"0 4px\";text-align:\"center\";.pri-btn{margin-right:8px;width:auto;min-width:auto;padding:3px 12px;}.cancel-btn{padding:3px 12px;width:auto;min-width:auto;}.next-btn.next-small:not(.isOnlyIcon):not(.next-btn-text){min-width:auto;}"]);
+
+exports.MultiBtnWarp = MultiBtnWarp;
+
+var TagListWrap = _styledComponents.default.div.withConfig({
+  componentId: "sc-1afc1cn-3"
+})([".next-tag-medium.next-tag-closable > .next-tag-close-btn{margin-left:8px;padding-right:6px;}.next-tag-medium.next-tag-closable > .next-tag-body{max-width:calc(100% - 8px - 8px - var(--tag-size-m-padding-lr,8px));}.next-tag-medium.next-tag-closable > .next-tag-close-btn .next-icon:before,.next-tag-medium.next-tag-closable > .next-tag-close-btn .next-icon .next-icon-remote{font-size:16px;}&& [class*='-icon-close']:hover::before{color:#181818;}&& [class*='-icon-close']::before{color:#808080;content:var(--icon-content-delete-filling);}.remove-btn{margin-bottom:8px;line-height:24px;display:inline-block;vertical-align:middle;cursor:pointer;}"]);
+
+exports.TagListWrap = TagListWrap;

package/lib/types/IRcSearchOptions.type.d.ts

@@ -0,0 +1,26 @@
+/**
+ *
+ */
+export interface IRcSearchOptionsProps {
+    /**
+     * 字段展示名称
+     */
+    label: string;
+    /**
+     * 字段表单key
+     */
+    dataIndex: string;
+    /**
+     * 字段，交互组件类型（input/select/multiple）<br />
+     *  - input：搜索框<br />
+     *  - select：单选<br />
+     *  - multiple：多选<br />
+     */
+    template: string;
+    /**
+     * 定义传给表单项的属性
+     * templateProps.placeholder
+     * templateProps.dataSource
+     */
+    templateProps: any;
+}

package/lib/types/IRcSearchOptions.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/types/IRcSearchProps.type.d.ts

@@ -0,0 +1,76 @@
+import { IRcSearchOptionsProps } from './IRcSearchOptions.type';
+import { IRcSearchTagItemProps } from './IRcSearchTagItemProps.type';
+export interface IRcSearchProps {
+    /**
+     * 组件适应的场景:<br />
+     *  - 场景一：single-single：单维度单类别单选<br />
+     *  - 场景二：single-multi：单维度多类别单选<br />
+     *  - 场景三：multi-multi：多维度多类别单选<br />
+     * @default "single-single"
+     */
+    mode?: "single-single" | "single-multi" | "multi-multi" | string;
+    /**
+     * 类名
+     */
+    className?: string;
+    /**
+     * 样式
+     */
+    style?: any;
+    /**
+     * 对应不同场景值的类型数组，后面要详细展开列一下
+     * @default []
+     */
+    options: IRcSearchOptionsProps[];
+    /**
+     * tags 传入的taglist, 用于， 同步
+     */
+    tags?: IRcSearchTagItemProps[];
+    /**
+     * 默认类别
+     * 仅在mode是"single-multi" | "multi-multi"生效
+     */
+    defaultDataIndex?: string;
+    /**
+     * 默认placeholder
+     * 仅在mode是"single-multi" | "multi-multi"生效, 且， 未配置默认值时生效
+     */
+    defaultPlaceholder?: string;
+    /**
+     * regionId
+     */
+    regionId: string;
+    /**
+     * resourceType
+     */
+    resourceType?: string;
+    /**
+     * 点击搜索按钮， 触发搜索回调。
+     */
+    onSearch?: (allFileds: any) => void;
+    /**
+     * 包括onInput的回车；onSelect； 对Tag的增减。
+     */
+    onChange?: (changeFileds: any, allFileds: any) => void;
+    /**
+     * input的input
+     */
+    onInput?: () => void;
+    /**
+     * 模糊搜索的回调函数(仅输入框返回)，用于构建模糊搜索的联想列表
+     */
+    onSuggest?: (value: string, dataIndex: string) => void;
+    /**
+     * 模糊搜索的回调函数(仅输入框返回)，当没设置defaultDataIndex，且有多个input类别时触发，
+     * 可自定义二级返回List
+     */
+    onSuggestNoDataIndex?: (value: string) => Promise<any>;
+    /**
+     * 提供单选和多选, 触发。
+     */
+    onSelect?: () => void;
+    /**
+     * tag有增减时。
+     */
+    onTagChange?: (newTags: any) => void;
+}

package/lib/types/IRcSearchProps.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/types/IRcSearchTagItemProps.type.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 这是IRcSearchTagItemProps的说明。breezr-docs支持从源码中提取接口信息并文档化，因此你可以使用接口来定义Props，从而能便捷地将Props的信息通过文档透出。
+ *
+ * 下面列举的props其实是随便写的，仅仅用来说明breezr-docs的接口提取功能。
+ */
+export interface IRcSearchTagItemProps {
+    /**
+     * tag的类别展示名称
+     */
+    label: string;
+    /**
+     * tag的类别的key
+     */
+    dataIndex: string;
+    /**
+     * tag的类别的值
+     */
+    value: any;
+    /**
+     * tag的类别的展示值
+     */
+    valueShow: string;
+}

package/lib/types/IRcSearchTagItemProps.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/types/IRcSearchTagListProps.type.d.ts

@@ -0,0 +1,32 @@
+/**
+ * 这是IRcSearchTagListProps的说明。breezr-docs支持从源码中提取接口信息并文档化，因此你可以使用接口来定义Props，从而能便捷地将Props的信息通过文档透出。
+ *
+ * 下面列举的props其实是随便写的，仅仅用来说明breezr-docs的接口提取功能。
+ */
+import { IRcSearchTagItemProps } from './IRcSearchTagItemProps.type';
+export interface IRcSearchTagListProps {
+    /**
+     * 类名
+     */
+    className?: string;
+    /**
+     * 样式
+     */
+    style?: any;
+    /**
+     * tags 传入的taglist, 用于， 同步
+     */
+    tagList: IRcSearchTagItemProps[];
+    /**
+     * regionId
+     */
+    regionId: string;
+    /**
+     * resourceType
+     */
+    resourceType?: string;
+    /**
+     * 当删减tag时， 返回新的taglist， 可直接赋值给rc-search组件
+     */
+    onChange?: (newTags: any) => void;
+}

package/lib/types/IRcSearchTagListProps.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/utils.d.ts

@@ -0,0 +1,14 @@
+import { LogFn } from '@alicloud/console-logger-sls';
+declare const getHistoryTag: () => any;
+declare const setHistoryTag: (newTagList: any) => any;
+declare const removeHistoryTagItem: (tagItem: any) => any;
+declare const getTagByFileds: (fileds: any, options: any) => any[];
+declare const checkNoIndexListFormat: (list: any) => void;
+declare const getSelectOptionAdatp: (title: string, list: any) => {
+    label: string;
+    children: any[];
+}[];
+declare const getEnv: () => any;
+declare const getLogger: () => LogFn;
+declare const isValidKey: (key: string | number | symbol, object: object) => key is never;
+export { getHistoryTag, setHistoryTag, removeHistoryTagItem, getTagByFileds, checkNoIndexListFormat, getSelectOptionAdatp, getEnv, getLogger, isValidKey };