@alicloud/console-components-search 0.2.38 → 0.2.39-beta.3

package/es/ComplexSearch/InputPrefix.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["defaultValue", "dataSource", "label", "type"];
+var _excluded = ["defaultValue", "dataSource", "label", "type", "popupClassName"];
 import React from 'react';
 import classNames from 'classnames';
 import { Icon, Select, CascaderSelect } from '@alicloud/console-components';
@@ -11,6 +11,7 @@ var SearchConditionSelectPrefix = function SearchConditionSelectPrefix(props) {
     dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
     label = props.label,
     type = props.type,
+    popupClassName = props.popupClassName,
     reset = _objectWithoutProperties(props, _excluded);
   var noSelect = dataSource.length < 2 && ((_dataSource$ = dataSource[0]) === null || _dataSource$ === void 0 ? void 0 : (_dataSource$$children = _dataSource$.children) === null || _dataSource$$children === void 0 ? void 0 : _dataSource$$children.length) < 2;
   return /*#__PURE__*/React.createElement("div", {
@@ -38,7 +39,7 @@ var SearchConditionSelectPrefix = function SearchConditionSelectPrefix(props) {
     }
   }, reset, {
     autoWidth: false,
-    popupClassName: "rc-search-prefix"
+    popupClassName: classNames('rc-search-prefix', popupClassName)
   })) : /*#__PURE__*/React.createElement(CascaderSelect, _extends({
     className: classNames('condition-select', {
       'rc-search-prefix-no-select': noSelect
@@ -51,7 +52,7 @@ var SearchConditionSelectPrefix = function SearchConditionSelectPrefix(props) {
     // itemRender={({ label, value }) => (<span data-value={value}>{label}</span>)}
   }, reset, {
     autoWidth: false,
-    popupClassName: "rc-search-prefix",
+    popupClassName: classNames('rc-search-prefix', popupClassName),
     canOnlyCheckLeaf: true
   })));
 };

package/es/ComplexSearch/index.js

@@ -152,7 +152,8 @@ var ComplexSearch = function ComplexSearch(props) {
     prefix = _props$prefix === void 0 ? 'next-' : _props$prefix,
     _props$prefixSelectMo = props.prefixSelectMode,
     prefixSelectMode = _props$prefixSelectMo === void 0 ? 'select' : _props$prefixSelectMo,
-    prefixSelectItemRender = props.prefixSelectItemRender;
+    prefixSelectItemRender = props.prefixSelectItemRender,
+    prefixPopupClassName = props.prefixPopupClassName;
   var _useState = useState(options.find(function (o) {
       return getDataIndex(o) === defaultSelectedDataIndex;
     })),
@@ -375,7 +376,8 @@ var ComplexSearch = function ComplexSearch(props) {
     onChange: function onChange(value) {
       handlerFilterTypeChange(value);
     },
-    itemRender: prefixSelectItemRender
+    itemRender: prefixSelectItemRender,
+    popupClassName: prefixPopupClassName
   }) : null), /*#__PURE__*/React.createElement("div", {
     className: classNames('forms')
   }, !selectedFilterType && prefixSelectMode === 'cascader' ? /*#__PURE__*/React.createElement(CascaderSelect, {
@@ -388,7 +390,8 @@ var ComplexSearch = function ComplexSearch(props) {
     onChange: function onChange(value) {
       handlerFilterTypeChange(value);
     },
-    itemRender: prefixSelectItemRender
+    itemRender: prefixSelectItemRender,
+    popupClassName: prefixPopupClassName
   }) : null, !selectedFilterType && prefixSelectMode === 'select' ? /*#__PURE__*/React.createElement(AutoComplete, _extends({}, init(SEARCH_FILTER_FIELD, {
     props: {
       // @ts-ignore

package/lib/ComplexSearch/InputPrefix.js

@@ -10,7 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _consoleComponents = require("@alicloud/console-components");
-var _excluded = ["defaultValue", "dataSource", "label", "type"];
+var _excluded = ["defaultValue", "dataSource", "label", "type", "popupClassName"];
 var SearchConditionSelectPrefix = function SearchConditionSelectPrefix(props) {
   var _dataSource$, _dataSource$$children;
   var defaultValue = props.defaultValue,
@@ -18,6 +18,7 @@ var SearchConditionSelectPrefix = function SearchConditionSelectPrefix(props) {
     dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
     label = props.label,
     type = props.type,
+    popupClassName = props.popupClassName,
     reset = (0, _objectWithoutProperties2.default)(props, _excluded);
   var noSelect = dataSource.length < 2 && ((_dataSource$ = dataSource[0]) === null || _dataSource$ === void 0 ? void 0 : (_dataSource$$children = _dataSource$.children) === null || _dataSource$$children === void 0 ? void 0 : _dataSource$$children.length) < 2;
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -45,7 +46,7 @@ var SearchConditionSelectPrefix = function SearchConditionSelectPrefix(props) {
     }
   }, reset, {
     autoWidth: false,
-    popupClassName: "rc-search-prefix"
+    popupClassName: (0, _classnames.default)('rc-search-prefix', popupClassName)
   })) : /*#__PURE__*/_react.default.createElement(_consoleComponents.CascaderSelect, (0, _extends2.default)({
     className: (0, _classnames.default)('condition-select', {
       'rc-search-prefix-no-select': noSelect
@@ -58,7 +59,7 @@ var SearchConditionSelectPrefix = function SearchConditionSelectPrefix(props) {
     // itemRender={({ label, value }) => (<span data-value={value}>{label}</span>)}
   }, reset, {
     autoWidth: false,
-    popupClassName: "rc-search-prefix",
+    popupClassName: (0, _classnames.default)('rc-search-prefix', popupClassName),
     canOnlyCheckLeaf: true
   })));
 };

package/lib/ComplexSearch/index.js

@@ -161,7 +161,8 @@ var ComplexSearch = function ComplexSearch(props) {
     prefix = _props$prefix === void 0 ? 'next-' : _props$prefix,
     _props$prefixSelectMo = props.prefixSelectMode,
     prefixSelectMode = _props$prefixSelectMo === void 0 ? 'select' : _props$prefixSelectMo,
-    prefixSelectItemRender = props.prefixSelectItemRender;
+    prefixSelectItemRender = props.prefixSelectItemRender,
+    prefixPopupClassName = props.prefixPopupClassName;
   var _useState = (0, _react.useState)(options.find(function (o) {
       return getDataIndex(o) === defaultSelectedDataIndex;
     })),
@@ -384,7 +385,8 @@ var ComplexSearch = function ComplexSearch(props) {
     onChange: function onChange(value) {
       handlerFilterTypeChange(value);
     },
-    itemRender: prefixSelectItemRender
+    itemRender: prefixSelectItemRender,
+    popupClassName: prefixPopupClassName
   }) : null), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('forms')
   }, !selectedFilterType && prefixSelectMode === 'cascader' ? /*#__PURE__*/_react.default.createElement(_consoleComponents.CascaderSelect, {
@@ -397,7 +399,8 @@ var ComplexSearch = function ComplexSearch(props) {
     onChange: function onChange(value) {
       handlerFilterTypeChange(value);
     },
-    itemRender: prefixSelectItemRender
+    itemRender: prefixSelectItemRender,
+    popupClassName: prefixPopupClassName
   }) : null, !selectedFilterType && prefixSelectMode === 'select' ? /*#__PURE__*/_react.default.createElement(AutoComplete, (0, _extends2.default)({}, init(_constants.SEARCH_FILTER_FIELD, {
     props: {
       // @ts-ignore

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

@@ -74,4 +74,8 @@ export interface IRcSearchProps {
      * @returns
      */
     prefixSelectItemRender?: (item: any) => React.ReactNode;
+    /**
+     * 前缀选择器弹层类名
+     */
+    prefixPopupClassName?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alicloud/console-components-search",
-  "version": "0.2.38",
+  "version": "0.2.39-beta.3",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "license": "MIT",