@alicloud/console-components-search 0.1.0 → 0.1.1

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/lib/style.js CHANGED
@@ -9,26 +9,30 @@ exports.TagListWrap = exports.SearchWarp = exports.MultiBtnWarp = exports.MenuCo
9
9
 
10
10
  var _styledComponents = _interopRequireDefault(require("styled-components"));
11
11
 
12
+ var prefix = function prefix(props) {
13
+ return props.prefix ? ".".concat(props.prefix) : '.next-';
14
+ };
15
+
12
16
  var SearchWarp = _styledComponents.default.div.withConfig({
13
17
  componentId: "sc-1afc1cn-0"
14
- })(["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;}}"]);
18
+ })(["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;", "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%;}", "input,", "-input{height:auto;box-shadow:none;}}", "-input", "-medium{height:auto;}}.right-wrap{width:32px;.search-btn{width:32px;padding:0 !important;border-bottom-left-radius:0;border-top-left-radius:0;border-left:none;}}"], prefix, prefix, prefix, prefix, prefix);
15
19
 
16
20
  exports.SearchWarp = SearchWarp;
17
21
 
18
22
  var MenuContentWrap = _styledComponents.default.ul.withConfig({
19
23
  componentId: "sc-1afc1cn-1"
20
- })([".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);}"]);
24
+ })(["", "tag-small", "tag-closable > ", "tag-close-btn{margin-left:8px;padding-right:4px;padding-top:1px;}", "tag-small", "tag-closable > ", "tag-body{max-width:calc(100% - 8px - 8px - var(--tag-size-m-padding-lr,8px));}", "tag-small", "tag-closable > ", "tag-close-btn ", "icon:before,", "tag-small", "tag-closable > ", "tag-close-btn ", "icon ", "icon-remote{font-size:13px;}&& [class*='-icon-close']:hover::before{color:#181818;}&& [class*='-icon-close']::before{color:#808080;content:var(--icon-content-delete-filling);}"], prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);
21
25
 
22
26
  exports.MenuContentWrap = MenuContentWrap;
23
27
 
24
28
  var MultiBtnWarp = _styledComponents.default.div.withConfig({
25
29
  componentId: "sc-1afc1cn-2"
26
- })(["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;}"]);
30
+ })(["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;}", "btn", "small:not(.isOnlyIcon):not(", "btn-text){min-width:auto;}"], prefix, prefix, prefix);
27
31
 
28
32
  exports.MultiBtnWarp = MultiBtnWarp;
29
33
 
30
34
  var TagListWrap = _styledComponents.default.div.withConfig({
31
35
  componentId: "sc-1afc1cn-3"
32
- })([".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;}"]);
36
+ })(["", "tag-medium", "tag-closable > ", "tag-close-btn{margin-left:8px;padding-right:6px;}", "tag-medium", "tag-closable > ", "tag-body{max-width:calc(100% - 8px - 8px - var(--tag-size-m-padding-lr,8px));}", "tag-medium", "tag-closable > ", "tag-close-btn ", "icon:before,", "tag-medium", "tag-closable > ", "tag-close-btn ", "icon ", "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;}"], prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);
33
37
 
34
38
  exports.TagListWrap = TagListWrap;
@@ -8,7 +8,7 @@ export interface IRcSearchProps {
8
8
  * - 场景三:multi-multi:多维度多类别单选<br />
9
9
  * @default "single-single"
10
10
  */
11
- mode?: "single-single" | "single-multi" | "multi-multi" | string;
11
+ simple?: boolean;
12
12
  /**
13
13
  * 类名
14
14
  */
@@ -39,7 +39,7 @@ export interface IRcSearchProps {
39
39
  /**
40
40
  * regionId
41
41
  */
42
- regionId: string;
42
+ regionId?: string;
43
43
  /**
44
44
  * resourceType
45
45
  */
@@ -47,11 +47,11 @@ export interface IRcSearchProps {
47
47
  /**
48
48
  * 点击搜索按钮, 触发搜索回调。
49
49
  */
50
- onSearch?: (allFileds: any) => void;
50
+ onSearch?: (allFields: any) => void;
51
51
  /**
52
52
  * 包括onInput的回车;onSelect; 对Tag的增减。
53
53
  */
54
- onChange?: (changeFileds: any, allFileds: any) => void;
54
+ onChange?: (changeFields: any, allFields: any) => void;
55
55
  /**
56
56
  * input的input
57
57
  */
@@ -69,8 +69,4 @@ export interface IRcSearchProps {
69
69
  * 提供单选和多选, 触发。
70
70
  */
71
71
  onSelect?: () => void;
72
- /**
73
- * tag有增减时。
74
- */
75
- onTagChange?: (newTags: any) => void;
76
72
  }
package/package.json CHANGED
@@ -1,8 +1,7 @@
1
1
  {
2
2
  "name": "@alicloud/console-components-search",
3
- "version": "0.1.0",
3
+ "version": "0.1.1",
4
4
  "main": "lib/index.js",
5
- "module": "es/index.js",
6
5
  "types": "lib/index.d.ts",
7
6
  "license": "MIT",
8
7
  "scripts": {
@@ -15,8 +14,7 @@
15
14
  "babel:esm": "breezr build --engine babel --es-module",
16
15
  "types": "tsc -p src --emitDeclarationOnly",
17
16
  "build": "breezr build --engine webpack",
18
- "clean": "rm -rf dist lib es doc-dist",
19
- "prepublishOnly": "npm run clean && npm run babel && npm run babel:esm && npm run types && npm run build && npm run doc:build"
17
+ "clean": "rm -rf dist lib es doc-dist"
20
18
  },
21
19
  "devDependencies": {
22
20
  "@alicloud/console-toolkit-cli": "^1.2.0",