@alicloud/console-components-search 0.2.19 → 0.2.22
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 +3 -1
- package/demos/demo1.demo.tsx +18 -29
- package/demos/fuzzy.demo.tsx +97 -0
- package/dist/index.css +18 -8
- package/dist/index.js +59 -37
- package/doc-dist/10.js +1 -1
- package/doc-dist/11.js +1 -1
- package/doc-dist/12.js +1 -1
- package/doc-dist/13.js +1 -1
- package/doc-dist/14.js +1 -1
- package/doc-dist/15.js +1 -1
- package/doc-dist/16.js +6 -0
- package/doc-dist/9.js +1 -1
- package/doc-dist/deps/main.css +1 -1
- package/doc-dist/deps/main.js +7 -7
- package/doc-dist/deps/main.os.css +1 -1
- package/doc-dist/index.js +1 -1
- package/doc-dist/log-deps-build.log +3 -3
- package/es/ComplexSearch/InputPrefix.js +16 -7
- package/es/ComplexSearch/index.js +56 -17
- package/es/searchTagList/PureTag.js +3 -3
- package/es/searchTagList/index.js +4 -4
- package/es/style.js +3 -3
- package/lib/ComplexSearch/InputPrefix.js +16 -7
- package/lib/ComplexSearch/index.js +55 -16
- package/lib/searchTagList/PureTag.js +3 -3
- package/lib/searchTagList/index.js +4 -4
- package/lib/style.js +3 -3
- package/lib/types/IRcSearchProps.type.d.ts +5 -1
- package/package.json +1 -1
package/doc-dist/15.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([[15],{
|
|
5
|
+
(window["webpackJsonpconsole-fe-test-rc-search-doc"]=window["webpackJsonpconsole-fe-test-rc-search-doc"]||[]).push([[15],{687:function(e,t,n){"use strict";n.r(t),n.d(t,"typeInfo",(function(){return o}));var o={name:"IRcSearchTagListProps",documentation:"",properties:[{name:"className",typeText:" string",documentation:"类名"},{name:"style",typeText:" any",documentation:"样式"},{name:"dataSource",typeText:" IRcSearchTagItemProps[]",documentation:"筛选项"},{name:"regionId",typeText:" string",documentation:"regionId"},{name:"resourceType",typeText:" string",documentation:"resourceType"},{name:"onChange",typeText:" (deletedFilter: IRcSearchTagItemProps, remainFilters: IRcSearchTagItemProps[]) => void",documentation:"当删减 tag 时， 返回新的筛选项"},{name:"onClear",typeText:" () => void",documentation:"清除山选项"}]}}}]);
|
|
6
6
|
}})
|
package/doc-dist/16.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
|
|
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
|
+
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
|
+
|
|
5
|
+
(window["webpackJsonpconsole-fe-test-rc-search-doc"]=window["webpackJsonpconsole-fe-test-rc-search-doc"]||[]).push([[16],{676:function(e,t,n){"use strict";n.r(t);var r=n(3),l=n(2),a=n(0),c=n.n(a),o=n(285);function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach((function(t){Object(l.a)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var s={p:function(e){return c.a.createElement("p",Object(r.a)({style:i({margin:0},e.style)},e))},ul:function(e){return c.a.createElement("ul",e)},ol:function(e){return c.a.createElement("ol",e)},li:function(e){return c.a.createElement("li",e)}},m={width:"100%",overflowX:"auto"};t.default=function(e){var t=e.typeInfo;return c.a.createElement("div",{style:m},c.a.createElement(o.c.table,null,c.a.createElement("colgroup",null,c.a.createElement("col",{span:1,style:{width:"15%"}}),c.a.createElement("col",{span:1,style:{width:"15%"}}),c.a.createElement("col",{span:1,style:{width:"60%"}}),c.a.createElement("col",{span:1,style:{width:"10%"}})),c.a.createElement(o.c.thead,null,c.a.createElement("tr",null,c.a.createElement("th",null,"名称"),c.a.createElement("th",null,"类型"),c.a.createElement("th",null,"说明"),c.a.createElement("th",null,"默认值"))),c.a.createElement(o.c.tbody,null,t.properties.map((function(e,t){return c.a.createElement("tr",{key:t},c.a.createElement("td",null,e.name),c.a.createElement("td",null,c.a.createElement(o.c.inlinecode,null,e.typeText)),c.a.createElement("td",null,c.a.createElement(o.a,{source:e.documentation,components:s})),c.a.createElement("td",null,e.defaultValue&&c.a.createElement(o.c.inlinecode,null,e.defaultValue)))})))))}}}]);
|
|
6
|
+
}})
|
package/doc-dist/9.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([[9],{
|
|
5
|
+
(window["webpackJsonpconsole-fe-test-rc-search-doc"]=window["webpackJsonpconsole-fe-test-rc-search-doc"]||[]).push([[9],{683:function(e,n,a){"use strict";a.r(n);var l=a(0),o=a.n(l),t=a(285);n.default=e=>o.a.createElement(t.a,Object.assign({source:"# @alicloud/console-components-search\n\n基础搜索组件： 当前控制台的基础搜索主要针对列表页的搜索场景，此次基础搜索组件主要通过一个简约通用的框架满足控制台针对列表页不同场景下的搜索需求\n## install \n\n```bash\ntnpm i @alicloud/console-components-search --save-dev\n```\n\n\n## Demo\n\n\n[$XView](https://xconsole.aliyun-inc.com/demo-playground?consoleOSId=console-fe-test-rc-search-doc&servePath=https%3A%2F%2Fopensource-microapp.oss-cn-hangzhou.aliyuncs.com%2Fapp%2Fbreezr-docs%2Fconsole-fe-test-rc-search-doc%2F-latest%2F&entryKey=demo1 )\n\n\n## Usage\n\n```js\n/**\n * @title 场景1\n */\n\n import React from \"react\";\n import { Search } from \"@alicloud/console-components-search\";\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 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 },\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 }\n]\n\n\n const Demo1: React.FC<{}> = (props) => {\n \n return (\n <div>\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 options={options}\n onSearch={(value, dataIndex) => {\n console.log(value, dataIndex)\n }}\n suggestions={[{label: '实例名称', children: ['222222']}, '33333333']}\n />\n </div>\n );\n };\n \n export default Demo1;\n \n```\n\n## API\n\n### Search\n\n基础搜索组件的参数\n[$XView](https://xconsole.aliyun-inc.com/demo-playground?servePath=https%3A%2F%2Fopensource-microapp.oss-cn-hangzhou.aliyuncs.com%2Fapp%2Fbreezr-docs%2Fconsole-fe-test-rc-search-doc%2F-latest%2F&consoleOSId=console-fe-test-rc-search-doc&entryKey=types%2FIRcSearchProps)\n\n### IRcSearchOptionsProps\n\n配置组件类别的options\n[$XView](http://localhost:3333/?entryKey=types%2FIRcSearchOptions&consoleOSId=console-fe-test-rc-search-doc)\n\n### SearchFilter\n\n[$XView](http://localhost:3333/?entryKey=types%2FIRcSearchTagListProps&consoleOSId=console-fe-test-rc-search-doc)\n\n### IRcSearchTagItemProps\n\n[$XView](http://localhost:3333/?entryKey=types%2FIRcSearchTagItemProps&consoleOSId=console-fe-test-rc-search-doc)"},e))}}]);
|
|
6
6
|
}})
|
package/doc-dist/deps/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
body .xconsole-rcsearch-multi-pop.xconsole-rcsearch-multi-pop>ul{padding:8px}body .xconsole-rcsearch-multi-pop .next-select-menu-item{padding-left:0!important}body .xconsole-rcsearch-multi-pop .next-select-menu-item .next-menu-icon-selected{display:none}body .xconsole-rcsearch-multi-pop .next-menu-group-label{padding-left:0}body .xconsole-rc-search-popup{margin-top:4px}body .rc-search.isWind{--console-rc-search-label-color:#f7f7f7;--console-rc-search-label-hover-color:#ebebeb}body .rc-search.isWidget{--console-rc-search-close-btn-top:2px;--console-rc-search-close-btn-left:-3px;--icon-content-delete-filling:"\\E6A2"}.rc-search-taglist:not(.isWind).rc-search-taglist:not(.isWind) [class*=-icon-close]:before{content:var(--icon-content-close)!important}.rc-search-taglist .
|
|
1
|
+
body .xconsole-rcsearch-multi-pop.xconsole-rcsearch-multi-pop>ul{padding:8px}body .xconsole-rcsearch-multi-pop .next-select-menu-item{padding-left:0!important}body .xconsole-rcsearch-multi-pop .next-select-menu-item .next-menu-icon-selected{display:none}body .xconsole-rcsearch-multi-pop .next-menu-group-label{padding-left:0}body .xconsole-rc-search-popup{margin-top:4px}body .rc-search-prefix{--menu-padding-horizontal:24px}body .rc-search.isWind{--console-rc-search-label-color:#f7f7f7;--console-rc-search-label-hover-color:#ebebeb}body .rc-search.isWidget{--console-rc-search-close-btn-top:2px;--console-rc-search-close-btn-left:-3px;--icon-content-delete-filling:"\\E6A2"}body .rc-search-auto-complete [class*=select-menu-empty]{display:none}.rc-search-taglist:not(.isWind){margin-top:-8px}.rc-search-taglist:not(.isWind).rc-search-taglist:not(.isWind) [class*=-icon-close]:before{content:var(--icon-content-close)!important}.rc-search-taglist .search-tags-tag.search-tags-tag{margin-top:8px;font-weight:400;color:var(--color-text1-9,#333)!important}.rc-search-taglist .search-tags-tag.search-tags-tag .search-tags-tag-label{font-weight:500;color:var(--color-text1-6,grey);margin-right:8px}.rc-search-taglist .search-tags-tag.search-tags-tag[class*=tag-closable]>[class*=tag-close-btn]{margin-left:12px}.rc-search-taglist .search-tags-tag.search-tags-tag [class*=icon-close]:hover{color:grey!important}.rc-search-taglist .search-tags-tag:not(:last-child){margin-right:8px}.rc-search-taglist .search-tags-tag_empty{color:var(--color-text1-6,grey)}.rc-search-taglist .search-tags-tag-dot.rc-search-taglist .search-tags-tag-dot [class*=-badge-dot]{right:4px;top:0}
|