@alicloud/console-components-search 0.2.28 → 0.2.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/config/components-with-style.tsx +1 -1
- package/demos/demo1.demo.tsx +1 -1
- package/dist/index.js +1 -1
- package/doc-dist/10.js +1 -1
- package/doc-dist/deps/main.js +4 -4
- package/doc-dist/log-deps-build.log +1 -1
- package/es/ComplexSearch/index.js +3 -1
- package/lib/ComplexSearch/index.js +3 -1
- package/package.json +1 -1
package/demos/demo1.demo.tsx
CHANGED
package/dist/index.js
CHANGED
|
@@ -107627,7 +107627,7 @@ var ComplexSearch = function (props) {
|
|
|
107627
107627
|
var _a, _b, _c;
|
|
107628
107628
|
var type = selectedFilterType === null || selectedFilterType === void 0 ? void 0 : selectedFilterType.template;
|
|
107629
107629
|
var searchValue = getValue(constants_1.SEARCH_FILTER_VALUE_FIELD);
|
|
107630
|
-
var props = __assign({ hasBorder: false, autoFocus: true, hasClear: true, key: type, placeholder: ((_a = selectedFilterType === null || selectedFilterType === void 0 ? void 0 : selectedFilterType.templateProps) === null || _a === void 0 ? void 0 : _a.placeholder) ||
|
|
107630
|
+
var props = __assign({ hasBorder: false, autoFocus: true, hasClear: true, key: type, placeholder: ((_a = selectedFilterType === null || selectedFilterType === void 0 ? void 0 : selectedFilterType.templateProps) === null || _a === void 0 ? void 0 : _a.placeholder) || lodash_1.template(message_1.default.defaultPlaceHolder)({ value: selectedFilterType === null || selectedFilterType === void 0 ? void 0 : selectedFilterType.label }) }, focusProps);
|
|
107631
107631
|
var selectProps = {
|
|
107632
107632
|
dataSource: normalizeSelectDataSource(selectedFilterType === null || selectedFilterType === void 0 ? void 0 : selectedFilterType.label, ((_b = selectedFilterType === null || selectedFilterType === void 0 ? void 0 : selectedFilterType.templateProps) === null || _b === void 0 ? void 0 : _b.dataSource) || []),
|
|
107633
107633
|
defaultVisible: true,
|
package/doc-dist/10.js
CHANGED
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
if (!window.__CONSOLE_OS_GLOBAL_HOOK__){window.__CONSOLE_OS_GLOBAL_VARS_={};window.__CONSOLE_OS_GLOBAL_HOOK__ = function(id, resolver) {resolver(undefined, undefined, undefined, {window: window,location: location,history: history,document: document})};window.__CONSOLE_OS_GLOBAL_HOOK__.standalone = true}
|
|
3
3
|
window.__CONSOLE_OS_GLOBAL_HOOK__("console-fe-test-rc-search-doc", function(require, module, exports, context){ var window = context.window;var location = context.location;var history = context.history;var document = context.document;with(window.__CONSOLE_OS_GLOBAL_VARS_) {
|
|
4
4
|
|
|
5
|
-
(window["webpackJsonpconsole-fe-test-rc-search-doc"]=window["webpackJsonpconsole-fe-test-rc-search-doc"]||[]).push([[10],{681:function(e,n,a){"use strict";a.r(n),a.d(n,"demo",(function(){return x})),a.d(n,"meta",(function(){return f})),a.d(n,"code",(function(){return b})),a.d(n,"imports",(function(){return m})),a.d(n,"deps",(function(){return v}));var t={};a.r(t),a.d(t,"default",(function(){return p}));var l=a(5),o=a(1),r=a(0),d=a.n(r),c=a(63),u=a(64),s=[{label:"实例名称",dataIndex:"name",template:"input",templateProps:{
|
|
5
|
+
(window["webpackJsonpconsole-fe-test-rc-search-doc"]=window["webpackJsonpconsole-fe-test-rc-search-doc"]||[]).push([[10],{681:function(e,n,a){"use strict";a.r(n),a.d(n,"demo",(function(){return x})),a.d(n,"meta",(function(){return f})),a.d(n,"code",(function(){return b})),a.d(n,"imports",(function(){return m})),a.d(n,"deps",(function(){return v}));var t={};a.r(t),a.d(t,"default",(function(){return p}));var l=a(5),o=a(1),r=a(0),d=a.n(r),c=a(63),u=a(64),s=[{label:"实例名称",dataIndex:"name",template:"input",templateProps:{dataSource:[]},groupName:"test"},{label:"网络类型",dataIndex:"type",template:"select",templateProps:{placeholder:"请选择网络类型",dataSource:[{label:"A",value:"a"},{label:"B",value:"b"},{label:"C",value:"c"},{label:"D",value:"d"}]},groupName:"test"},{label:"付费类型",dataIndex:"pay",template:"multiple",templateProps:{placeholder:"请选择付费类型",dataSource:[{label:"A",value:"a"},{label:"B",value:"b"},{label:"C",value:"c"},{label:"D",value:"d"}]},groupName:"test2"}],i=[{label:"实例名称",dataIndex:"name",template:"input",templateProps:{placeholder:"按实例名称搜索",dataSource:[]}}],p=function(e){var n=Object(r.useState)([{label:"实例名称",value:"xxxxxx",dataIndex:"name"},{value:[{tagKey:"test",tagValue:""}],dataIndex:"tag"}]),a=Object(o.a)(n,2),t=a[0],p=a[1];return d.a.createElement(u.ConfigProvider,null,d.a.createElement("div",null,d.a.createElement("div",null,"默认固定搜索条件"),d.a.createElement(c.Search,{defaultDataIndex:"name",defaultSelectedDataIndex:"name",options:[{label:"实例名称",dataIndex:"name",template:"input",templateProps:{placeholder:"按实例名称搜索"}}],onSearch:function(e,n){console.log(e,n)}}),d.a.createElement("br",null),d.a.createElement("br",null),d.a.createElement(c.Search,{defaultDataIndex:"name",options:i,onSearch:function(e,n){console.log(e,n)},suggestions:[{label:"实例名称",children:["222222"]},"33333333"]}),d.a.createElement("br",null),d.a.createElement("br",null),d.a.createElement("div",null,"搜索条件成组"),d.a.createElement(c.Search,{defaultDataIndex:"name",defaultSelectedDataIndex:"name",options:s,onSearch:function(e,n,a){p([].concat(Object(l.a)(t),[a]))},suggestions:[{label:"实例名称",children:["222222"]},"33333333"]}),d.a.createElement("div",{style:{marginTop:8}},d.a.createElement(c.SearchFilter,{dataSource:t,onChange:function(e,n){p(n)}}))))};const m=["react","@alicloud/console-components-search","@alicloud/console-components","react"],b="/**\n * @title 场景1\n */\n\nimport React from \"react\";\nimport { Search, SearchFilter } from \"@alicloud/console-components-search\";\nimport { ConfigProvider } from \"@alicloud/console-components\";\nimport { useState } from \"react\";\n \n let options = [\n {\n label: '实例名称',\n dataIndex: 'name',\n template: 'input',\n templateProps: {\n // placeholder: '按实例名称搜索',\n dataSource: []\n },\n groupName:\"test\"\n },\n {\n label: '网络类型',\n dataIndex: 'type',\n template: 'select',\n templateProps: {\n placeholder: '请选择网络类型',\n dataSource: [\n {label: 'A', value: 'a'},\n {label: 'B', value: 'b'},\n {label: 'C', value: 'c'},\n {label: 'D', value: 'd'},\n ]\n },\n groupName:\"test\"\n },\n {\n label: '付费类型',\n dataIndex: 'pay',\n template: 'multiple',\n templateProps: {\n placeholder: '请选择付费类型',\n dataSource: [\n {label: 'A', value: 'a'},\n {label: 'B', value: 'b'},\n {label: 'C', value: 'c'},\n {label: 'D', value: 'd'},\n ]\n },\n groupName:\"test2\"\n }\n]\n\nlet options2 = [\n {\n label: '实例名称',\n dataIndex: 'name',\n template: 'input',\n templateProps: {\n placeholder: '按实例名称搜索',\n dataSource: []\n },\n }\n]\n\n\n const Demo1: React.FC<{}> = (props) => {\n const [filters, setFilters] = useState<any>([\n {label: '实例名称', value: 'xxxxxx', dataIndex: 'name'},\n {value: [{tagKey: 'test', tagValue: ''}], dataIndex: 'tag'}\n ]);\n return (\n <ConfigProvider>\n <div>\n <div>默认固定搜索条件</div>\n <Search\n defaultDataIndex=\"name\"\n defaultSelectedDataIndex=\"name\"\n options={[{\n label: '实例名称',\n dataIndex: 'name',\n template: 'input',\n templateProps: {\n placeholder: '按实例名称搜索',\n },\n }]}\n onSearch={(value, dataIndex) => {\n console.log(value, dataIndex)\n }}\n />\n <br/><br/>\n <Search\n defaultDataIndex=\"name\"\n options={options2}\n onSearch={(value, dataIndex) => {\n console.log(value, dataIndex)\n }}\n suggestions={[{label: '实例名称', children: ['222222']}, '33333333']}\n />\n <br/><br/>\n\n <div>搜索条件成组</div>\n <Search\n defaultDataIndex=\"name\"\n defaultSelectedDataIndex=\"name\"\n options={options}\n onSearch={(value, dataIndex, extra) => {\n //@ts-ignore\n setFilters([...filters, extra])\n }}\n suggestions={[{label: '实例名称', children: ['222222']}, '33333333']}\n />\n\n <div style={{marginTop: 8}}>\n <SearchFilter\n dataSource={filters}\n onChange={(deletedFilter, remainFilters)=> {\n setFilters(remainFilters)\n }}\n />\n </div>\n </div>\n </ConfigProvider>\n );\n };\n \n export default Demo1;\n ",v={react:r,"@alicloud/console-components-search":c,"@alicloud/console-components":u,react:r},{default:x,meta:f={}}=t}}]);
|
|
6
6
|
}})
|