@alicloud/console-components-search 0.2.37 → 0.2.39-beta.1

package/CHANGELOG.md

@@ -12,3 +12,9 @@
 ### Patch Changes
 
 - rc-search(fix): 修复一国一云环境的多语言问题
+
+## 0.2.29
+
+### Patch Changes
+
+- rc-search(feat): 开放前缀选择器的弹层属性

package/demos/demo1.demo.tsx

@@ -231,6 +231,10 @@ const Demo1: React.FC<{}> = (props) => {
             setFilters([...filters, extra]);
           }}
           suggestions={[{ label: '实例名称', children: ['222222'] }, '33333333']}
+          // prefixPopupClassName='testetesgy'
+          prefixPopupProps={{
+            className: 'testtestsgy'
+          }}
         />
 
         <div style={{ marginTop: 8 }}>

package/dist/index.js

@@ -82134,7 +82134,7 @@ var messages = {
         clearFilter: 'フィルタリング条件のクリア',
     },
 };
-var lang = isSSR ? 'zh' : (js_cookie_1.default.get('aliyun_lang') || js_cookie_1.default.get('aspara_lang') || 'zh');
+var lang = isSSR ? 'zh' : (js_cookie_1.default.get('aliyun_lang') || js_cookie_1.default.get('apsara_lang') || 'zh');
 if (!Object.keys(messages).includes(lang)) {
     lang = 'zh';
 }
@@ -90140,7 +90140,7 @@ var getDataIndex = function (option) {
     return (option === null || option === void 0 ? void 0 : option.dataIndex) || (option === null || option === void 0 ? void 0 : option.value);
 };
 var ComplexSearch = function (props) {
-    var _a = props.options, options = _a === void 0 ? [] : _a, fuzzy = props.fuzzy, defaultDataIndex = props.defaultDataIndex, defaultSelectedDataIndex = props.defaultSelectedDataIndex, placeholder = props.placeholder, onSearch = props.onSearch, onSuggest = props.onSuggest, _b = props.suggestions, suggestions = _b === void 0 ? [] : _b, _c = props.prefix, prefix = _c === void 0 ? 'next-' : _c, _d = props.prefixSelectMode, prefixSelectMode = _d === void 0 ? 'select' : _d, prefixSelectItemRender = props.prefixSelectItemRender;
+    var _a = props.options, options = _a === void 0 ? [] : _a, fuzzy = props.fuzzy, defaultDataIndex = props.defaultDataIndex, defaultSelectedDataIndex = props.defaultSelectedDataIndex, placeholder = props.placeholder, onSearch = props.onSearch, onSuggest = props.onSuggest, _b = props.suggestions, suggestions = _b === void 0 ? [] : _b, _c = props.prefix, prefix = _c === void 0 ? 'next-' : _c, _d = props.prefixSelectMode, prefixSelectMode = _d === void 0 ? 'select' : _d, prefixSelectItemRender = props.prefixSelectItemRender, prefixPopupClassName = props.prefixPopupClassName, prefixPopupProps = props.prefixPopupProps;
     var _e = (0, react_1.useState)(options.find(function (o) { return getDataIndex(o) === defaultSelectedDataIndex; })), selectedFilterType = _e[0], setSelectedFilterType = _e[1];
     var _f = (0, react_1.useState)(false), focused = _f[0], setFocused = _f[1];
     var autoRef = (0, react_1.useRef)(null);
@@ -90287,7 +90287,7 @@ var ComplexSearch = function (props) {
             }) },
             react_1.default.createElement("div", { className: (0, classnames_1.default)('condition') }, selectedFilterType ? (react_1.default.createElement(InputPrefix_1.default, { type: prefixSelectMode, dataSource: normalizeOptions(options, prefixSelectMode), label: selectedFilterType === null || selectedFilterType === void 0 ? void 0 : selectedFilterType.label, defaultValue: getDataIndex(selectedFilterType), onChange: function (value) {
                     handlerFilterTypeChange(value);
-                }, itemRender: prefixSelectItemRender })) : null),
+                }, itemRender: prefixSelectItemRender, popupClassName: prefixPopupClassName, popupProps: prefixPopupProps })) : null),
             react_1.default.createElement("div", { className: (0, classnames_1.default)('forms') },
                 !selectedFilterType && prefixSelectMode === 'cascader' ? react_1.default.createElement(console_components_1.CascaderSelect, { className: (0, classnames_1.default)('main-input', 'multi'), hasBorder: false, dataSource: normalizeOptions(options, prefixSelectMode), placeholder: placeholder ||
                         ((defaultFilter === null || defaultFilter === void 0 ? void 0 : defaultFilter.label)
@@ -90296,7 +90296,7 @@ var ComplexSearch = function (props) {
                             })
                             : ''), onChange: function (value) {
                         handlerFilterTypeChange(value);
-                    }, itemRender: prefixSelectItemRender }) : null,
+                    }, itemRender: prefixSelectItemRender, popupClassName: prefixPopupClassName, popupProps: prefixPopupProps }) : null,
                 !selectedFilterType && prefixSelectMode === 'select' ? (react_1.default.createElement(AutoComplete, __assign({}, init(constants_1.SEARCH_FILTER_FIELD, {
                     props: {
                         // @ts-ignore
@@ -114270,7 +114270,7 @@ var classnames_1 = __importDefault(__webpack_require__(3));
 var console_components_1 = __webpack_require__(45);
 var SearchConditionSelectPrefix = function (props) {
     var _a, _b;
-    var defaultValue = props.defaultValue, _c = props.dataSource, dataSource = _c === void 0 ? [] : _c, label = props.label, type = props.type, reset = __rest(props, ["defaultValue", "dataSource", "label", "type"]);
+    var defaultValue = props.defaultValue, _c = props.dataSource, dataSource = _c === void 0 ? [] : _c, label = props.label, type = props.type, popupClassName = props.popupClassName, popupProps = props.popupProps, reset = __rest(props, ["defaultValue", "dataSource", "label", "type", "popupClassName", "popupProps"]);
     var noSelect = dataSource.length < 2 && ((_b = (_a = dataSource[0]) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b.length) < 2;
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)('condition-item') },
         react_1.default.createElement("span", { className: (0, classnames_1.default)('condition-item-txt') }, label),
@@ -114278,7 +114278,7 @@ var SearchConditionSelectPrefix = function (props) {
         type === 'select' ? react_1.default.createElement(console_components_1.Select, __assign({ className: (0, classnames_1.default)('condition-select', { 'rc-search-prefix-no-select': noSelect }), defaultValue: defaultValue, hasBorder: false, disabled: noSelect, autoHighlightFirstItem: false, dataSource: dataSource, itemRender: function (_a) {
                 var label = _a.label, value = _a.value;
                 return (react_1.default.createElement("span", { "data-value": value }, label));
-            } }, reset, { autoWidth: false, popupClassName: "rc-search-prefix" })) : react_1.default.createElement(console_components_1.CascaderSelect, __assign({ className: (0, classnames_1.default)('condition-select', { 'rc-search-prefix-no-select': noSelect }), defaultValue: defaultValue, hasBorder: false, disabled: noSelect, autoHighlightFirstItem: false, dataSource: dataSource }, reset, { autoWidth: false, popupClassName: "rc-search-prefix", canOnlyCheckLeaf: true }))));
+            } }, reset, { autoWidth: false, popupClassName: (0, classnames_1.default)('rc-search-prefix', popupClassName), popupProps: popupProps })) : react_1.default.createElement(console_components_1.CascaderSelect, __assign({ className: (0, classnames_1.default)('condition-select', { 'rc-search-prefix-no-select': noSelect }), defaultValue: defaultValue, hasBorder: false, disabled: noSelect, autoHighlightFirstItem: false, dataSource: dataSource }, reset, { autoWidth: false, popupClassName: (0, classnames_1.default)('rc-search-prefix', popupClassName), popupProps: popupProps, canOnlyCheckLeaf: true }))));
 };
 exports.default = SearchConditionSelectPrefix;
 

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", "popupProps"];
 import React from 'react';
 import classNames from 'classnames';
 import { Icon, Select, CascaderSelect } from '@alicloud/console-components';
@@ -11,6 +11,8 @@ var SearchConditionSelectPrefix = function SearchConditionSelectPrefix(props) {
     dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
     label = props.label,
     type = props.type,
+    popupClassName = props.popupClassName,
+    popupProps = props.popupProps,
     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 +40,8 @@ var SearchConditionSelectPrefix = function SearchConditionSelectPrefix(props) {
     }
   }, reset, {
     autoWidth: false,
-    popupClassName: "rc-search-prefix"
+    popupClassName: classNames('rc-search-prefix', popupClassName),
+    popupProps: popupProps
   })) : /*#__PURE__*/React.createElement(CascaderSelect, _extends({
     className: classNames('condition-select', {
       'rc-search-prefix-no-select': noSelect
@@ -51,7 +54,8 @@ 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),
+    popupProps: popupProps,
     canOnlyCheckLeaf: true
   })));
 };

package/es/ComplexSearch/index.js

@@ -152,7 +152,9 @@ 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,
+    prefixPopupProps = props.prefixPopupProps;
   var _useState = useState(options.find(function (o) {
       return getDataIndex(o) === defaultSelectedDataIndex;
     })),
@@ -375,7 +377,9 @@ var ComplexSearch = function ComplexSearch(props) {
     onChange: function onChange(value) {
       handlerFilterTypeChange(value);
     },
-    itemRender: prefixSelectItemRender
+    itemRender: prefixSelectItemRender,
+    popupClassName: prefixPopupClassName,
+    popupProps: prefixPopupProps
   }) : null), /*#__PURE__*/React.createElement("div", {
     className: classNames('forms')
   }, !selectedFilterType && prefixSelectMode === 'cascader' ? /*#__PURE__*/React.createElement(CascaderSelect, {
@@ -388,7 +392,9 @@ var ComplexSearch = function ComplexSearch(props) {
     onChange: function onChange(value) {
       handlerFilterTypeChange(value);
     },
-    itemRender: prefixSelectItemRender
+    itemRender: prefixSelectItemRender,
+    popupClassName: prefixPopupClassName,
+    popupProps: prefixPopupProps
   }) : null, !selectedFilterType && prefixSelectMode === 'select' ? /*#__PURE__*/React.createElement(AutoComplete, _extends({}, init(SEARCH_FILTER_FIELD, {
     props: {
       // @ts-ignore

package/es/message.js

@@ -42,7 +42,7 @@ var messages = {
     clearFilter: 'フィルタリング条件のクリア'
   }
 };
-var lang = isSSR ? 'zh' : Cookie.get('aliyun_lang') || Cookie.get('aspara_lang') || 'zh';
+var lang = isSSR ? 'zh' : Cookie.get('aliyun_lang') || Cookie.get('apsara_lang') || 'zh';
 if (!Object.keys(messages).includes(lang)) {
   lang = 'zh';
 }

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", "popupProps"];
 var SearchConditionSelectPrefix = function SearchConditionSelectPrefix(props) {
   var _dataSource$, _dataSource$$children;
   var defaultValue = props.defaultValue,
@@ -18,6 +18,8 @@ var SearchConditionSelectPrefix = function SearchConditionSelectPrefix(props) {
     dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
     label = props.label,
     type = props.type,
+    popupClassName = props.popupClassName,
+    popupProps = props.popupProps,
     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 +47,8 @@ var SearchConditionSelectPrefix = function SearchConditionSelectPrefix(props) {
     }
   }, reset, {
     autoWidth: false,
-    popupClassName: "rc-search-prefix"
+    popupClassName: (0, _classnames.default)('rc-search-prefix', popupClassName),
+    popupProps: popupProps
   })) : /*#__PURE__*/_react.default.createElement(_consoleComponents.CascaderSelect, (0, _extends2.default)({
     className: (0, _classnames.default)('condition-select', {
       'rc-search-prefix-no-select': noSelect
@@ -58,7 +61,8 @@ 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),
+    popupProps: popupProps,
     canOnlyCheckLeaf: true
   })));
 };

package/lib/ComplexSearch/index.js

@@ -161,7 +161,9 @@ 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,
+    prefixPopupProps = props.prefixPopupProps;
   var _useState = (0, _react.useState)(options.find(function (o) {
       return getDataIndex(o) === defaultSelectedDataIndex;
     })),
@@ -384,7 +386,9 @@ var ComplexSearch = function ComplexSearch(props) {
     onChange: function onChange(value) {
       handlerFilterTypeChange(value);
     },
-    itemRender: prefixSelectItemRender
+    itemRender: prefixSelectItemRender,
+    popupClassName: prefixPopupClassName,
+    popupProps: prefixPopupProps
   }) : null), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('forms')
   }, !selectedFilterType && prefixSelectMode === 'cascader' ? /*#__PURE__*/_react.default.createElement(_consoleComponents.CascaderSelect, {
@@ -397,7 +401,9 @@ var ComplexSearch = function ComplexSearch(props) {
     onChange: function onChange(value) {
       handlerFilterTypeChange(value);
     },
-    itemRender: prefixSelectItemRender
+    itemRender: prefixSelectItemRender,
+    popupClassName: prefixPopupClassName,
+    popupProps: prefixPopupProps
   }) : null, !selectedFilterType && prefixSelectMode === 'select' ? /*#__PURE__*/_react.default.createElement(AutoComplete, (0, _extends2.default)({}, init(_constants.SEARCH_FILTER_FIELD, {
     props: {
       // @ts-ignore

package/lib/message.js

@@ -49,7 +49,7 @@ var messages = {
     clearFilter: 'フィルタリング条件のクリア'
   }
 };
-var lang = isSSR ? 'zh' : _jsCookie.default.get('aliyun_lang') || _jsCookie.default.get('aspara_lang') || 'zh';
+var lang = isSSR ? 'zh' : _jsCookie.default.get('aliyun_lang') || _jsCookie.default.get('apsara_lang') || 'zh';
 if (!Object.keys(messages).includes(lang)) {
   lang = 'zh';
 }

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

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

package/package.json

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