@alicloud/console-components-search 0.2.29 → 0.2.31

package/lib/searchTagList/index.js

@@ -29,9 +29,9 @@ var _useCssVar = require("../useCssVar");
 
 var _message = _interopRequireDefault(require("../message"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var TagGroup = _consoleComponents.Tag.Group,
     ClosableTag = _consoleComponents.Tag.Closeable;

package/lib/style.js

@@ -5,34 +5,30 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TagListWrap = exports.SearchWarp = exports.MultiBtnWarp = exports.MenuContentWrap = void 0;
+exports.MenuContentWrap = exports.TagListWrap = exports.MultiBtnWarp = exports.SearchWarp = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
 var prefix = function prefix(props) {
   return props.prefix ? ".".concat(props.prefix) : '.next-';
 };
 
-var SearchWarp = _styledComponents.default.div.withConfig({
-  componentId: "sc-1afc1cn-0"
-})(["height:100%;width:100%;display:flex;--input-clear-icon-transform:1;--input-hint-icon-color:#808080;.left-wrap{flex:1;border:1px solid var(--btn-pure-normal-border-color,#d1d5d9);display:flex;border-bottom-left-radius:var(--corner-1,2px);border-top-left-radius:var(--corner-1,2px);border-right:none;&.focus{border:1px solid #0064c8;border:1px solid var(--input-focus-border-color,#0064c8);;border-right:none;}.condition{height:26px;display:inline-block;margin-top:2px;}.condition-item{height:26px;display:inline-block;line-height:26px;background-color:var(--console-rc-search-label-color,#F7F9FA);:hover{background-color:var(--console-rc-search-label-hover-color,#EFF3F8);}border-radius:var(--corner-1,2px);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;&.rc-search-prefix-no-select{", "input", "disabled{cursor:auto;}}", "select-inner{min-width:auto;}}.forms{flex:1;position:relative;.clear-level1{position:absolute;top:var(--console-rc-search-close-btn-top,1px);right:var(--console-rc-search-close-btn-left,1px);height:28px;width:30px;background-color:transparent;z-index:99;color:#333;text-align:center;line-height:28px;font-size:12px;cursor:pointer;padding:6px 0 0 6px;}}.main-input{", "select-arrow{display:none !important;}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;&.focus{border-color:#0064c8;border-color:var(--input-focus-border-color,#0064c8);}}}.isWidget & .right-wrap,.isWind & .right-wrap{.search-btn{&:hover{border-color:#0064c8;border-color:var(--input-focus-border-color,#0064c8);}}}& ", "input-control ", "input-clear-icon::before{content:var(--icon-content-close,\"ea22\") !important;}.isWidget & ", "input-control ", "input-clear-icon::before{content:\"\\E697\" !important;}"], prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);
+var SearchWarp = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  height: 100%;\n  width: 100%;\n  display: flex;\n  --input-clear-icon-transform: 1;\n  --input-hint-icon-color: #808080;\n  .left-wrap {\n    flex: 1;\n    border: 1px solid var(--btn-pure-normal-border-color, #d1d5d9);\n    display: flex;\n    border-bottom-left-radius: var(--corner-1, 2px);\n    border-top-left-radius: var(--corner-1, 2px);\n    border-right: none;\n    &.focus {\n      border: 1px solid #0064c8;\n      border: 1px solid var(--input-focus-border-color,#0064c8);;\n      border-right: none;\n    }\n    .condition{\n      height: 26px;\n      display: inline-block;\n      margin-top: 2px;\n    }\n    .condition-item{\n      height: 26px;\n      display: inline-block;\n      line-height: 26px;\n      background-color: var(--console-rc-search-label-color, #F7F9FA);\n      :hover {\n        background-color: var(--console-rc-search-label-hover-color, #EFF3F8);\n      }\n      border-radius: var(--corner-1, 2px);\n      padding: 0 8px;\n      margin: 0 2px;\n      font-size: 12px;\n      color: #333;\n      position: relative;\n      &-txt{\n        padding-right: 4px;\n      }\n      &:hover{\n        background-color: #E0E4E8;\n      }\n    }\n    .condition-select{\n      width: 100%;\n      height: 100%;\n      opacity: 0;\n      position: absolute;\n      top: 0;\n      left: 0;\n      min-width: auto;\n      &.rc-search-prefix-no-select {\n        ", "input", "disabled {\n          cursor: auto;\n        }\n      }\n      ", "select-inner{\n        min-width: auto;\n      }\n    }\n    .forms{\n      flex: 1;\n      position: relative;\n      .clear-level1{\n        position: absolute;\n        top: var(--console-rc-search-close-btn-top, 1px);\n        right: var(--console-rc-search-close-btn-left, 1px);\n        height: 28px;\n        width: 30px;\n        background-color: transparent;\n        z-index: 1;\n        color: #333;\n        text-align: center;\n        line-height: 28px;\n        font-size: 12px;\n        cursor: pointer;\n        padding: 6px 0 0 6px;\n      }\n    }\n    .main-input{\n      ", "select-arrow {\n        display: none !important;\n      }\n      height: auto;\n      border: none;\n      box-shadow: none;\n      &.single{\n        flex: 1;\n      }\n      &.select{\n        width: 100%;\n      }\n      &.multi{\n        width: 100%;\n        /* .next-select-values .next-tag{\n          display: none;\n        } */\n      }\n      \n      ", "input, ", "input{\n        height: auto;\n        box-shadow: none;\n      }\n    }\n    ", "input", "medium{\n      height: auto;\n    }\n  }\n\n  .right-wrap {\n    width: 32px;\n    .search-btn {\n      width: 32px;\n      padding: 0 !important;\n      border-bottom-left-radius: 0;\n      border-top-left-radius: 0;\n      &.focus {\n        border-color: #0064c8;\n        border-color: var(--input-focus-border-color,#0064c8);\n      }\n    }\n  }\n\n  .isWidget & .right-wrap,\n  .isWind & .right-wrap {\n    .search-btn {\n      &:hover {\n        border-color: #0064c8;\n        border-color: var(--input-focus-border-color,#0064c8);\n      }\n    }\n  }\n\n  & ", "input-control ", "input-clear-icon::before {\n    content: var(--icon-content-close, \"ea22\") !important;\n  }\n\n  .isWidget & ", "input-control ", "input-clear-icon::before {\n    content: \"\\E697\" !important;\n  }\n"], ["\n  height: 100%;\n  width: 100%;\n  display: flex;\n  --input-clear-icon-transform: 1;\n  --input-hint-icon-color: #808080;\n  .left-wrap {\n    flex: 1;\n    border: 1px solid var(--btn-pure-normal-border-color, #d1d5d9);\n    display: flex;\n    border-bottom-left-radius: var(--corner-1, 2px);\n    border-top-left-radius: var(--corner-1, 2px);\n    border-right: none;\n    &.focus {\n      border: 1px solid #0064c8;\n      border: 1px solid var(--input-focus-border-color,#0064c8);;\n      border-right: none;\n    }\n    .condition{\n      height: 26px;\n      display: inline-block;\n      margin-top: 2px;\n    }\n    .condition-item{\n      height: 26px;\n      display: inline-block;\n      line-height: 26px;\n      background-color: var(--console-rc-search-label-color, #F7F9FA);\n      :hover {\n        background-color: var(--console-rc-search-label-hover-color, #EFF3F8);\n      }\n      border-radius: var(--corner-1, 2px);\n      padding: 0 8px;\n      margin: 0 2px;\n      font-size: 12px;\n      color: #333;\n      position: relative;\n      &-txt{\n        padding-right: 4px;\n      }\n      &:hover{\n        background-color: #E0E4E8;\n      }\n    }\n    .condition-select{\n      width: 100%;\n      height: 100%;\n      opacity: 0;\n      position: absolute;\n      top: 0;\n      left: 0;\n      min-width: auto;\n      &.rc-search-prefix-no-select {\n        ", "input", "disabled {\n          cursor: auto;\n        }\n      }\n      ", "select-inner{\n        min-width: auto;\n      }\n    }\n    .forms{\n      flex: 1;\n      position: relative;\n      .clear-level1{\n        position: absolute;\n        top: var(--console-rc-search-close-btn-top, 1px);\n        right: var(--console-rc-search-close-btn-left, 1px);\n        height: 28px;\n        width: 30px;\n        background-color: transparent;\n        z-index: 1;\n        color: #333;\n        text-align: center;\n        line-height: 28px;\n        font-size: 12px;\n        cursor: pointer;\n        padding: 6px 0 0 6px;\n      }\n    }\n    .main-input{\n      ", "select-arrow {\n        display: none !important;\n      }\n      height: auto;\n      border: none;\n      box-shadow: none;\n      &.single{\n        flex: 1;\n      }\n      &.select{\n        width: 100%;\n      }\n      &.multi{\n        width: 100%;\n        /* .next-select-values .next-tag{\n          display: none;\n        } */\n      }\n      \n      ", "input, ", "input{\n        height: auto;\n        box-shadow: none;\n      }\n    }\n    ", "input", "medium{\n      height: auto;\n    }\n  }\n\n  .right-wrap {\n    width: 32px;\n    .search-btn {\n      width: 32px;\n      padding: 0 !important;\n      border-bottom-left-radius: 0;\n      border-top-left-radius: 0;\n      &.focus {\n        border-color: #0064c8;\n        border-color: var(--input-focus-border-color,#0064c8);\n      }\n    }\n  }\n\n  .isWidget & .right-wrap,\n  .isWind & .right-wrap {\n    .search-btn {\n      &:hover {\n        border-color: #0064c8;\n        border-color: var(--input-focus-border-color,#0064c8);\n      }\n    }\n  }\n\n  & ", "input-control ", "input-clear-icon::before {\n    content: var(--icon-content-close, \"\\ea22\") !important;\n  }\n\n  .isWidget & ", "input-control ", "input-clear-icon::before {\n    content: \"\\\\E697\" !important;\n  }\n"])), prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);
 
 exports.SearchWarp = SearchWarp;
 
-var MenuContentWrap = _styledComponents.default.ul.withConfig({
-  componentId: "sc-1afc1cn-1"
-})(["", "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;}"], prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);
+var MenuContentWrap = _styledComponents.default.ul(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    ", "tag-small", "tag-closable > ", "tag-close-btn {\n    margin-left: 8px;\n    padding-right: 4px;\n    padding-top: 1px;\n  }\n  ", "tag-small", "tag-closable > ", "tag-body {\n    max-width: calc(100% - 8px - 8px - var(--tag-size-m-padding-lr, 8px));\n  }\n  ", "tag-small", "tag-closable > ", "tag-close-btn ", "icon:before, ", "tag-small", "tag-closable > ", "tag-close-btn ", "icon ", "icon-remote {\n    font-size: 13px;\n  }\n"])), prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);
 
 exports.MenuContentWrap = MenuContentWrap;
 
-var MultiBtnWarp = _styledComponents.default.div.withConfig({
-  componentId: "sc-1afc1cn-2"
-})(["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);
+var MultiBtnWarp = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding: \"0 4px\";\n  text-align: \"center\";\n  /* display: \"flex\"; */\n  /* justify-content: \"start\"; */\n  .pri-btn{\n    margin-right: 8px;\n    width: auto;\n    min-width: auto;\n    padding: 3px 12px;\n  }\n  .cancel-btn{\n    padding: 3px 12px;\n    width: auto;\n    min-width: auto;\n  }\n  ", "btn", "small:not(.isOnlyIcon):not(", "btn-text) {\n      min-width: auto;\n  }\n"])), prefix, prefix, prefix);
 
 exports.MultiBtnWarp = MultiBtnWarp;
 
-var TagListWrap = _styledComponents.default.div.withConfig({
-  componentId: "sc-1afc1cn-3"
-})(["", "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']::before{color:#808080;font-size:12px !important;}.remove-btn{line-height:24px;margin-top:4px;display:inline-block;vertical-align:middle;cursor:pointer;}"], prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);
+var TagListWrap = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  ", "tag-medium", "tag-closable > ", "tag-close-btn {\n    margin-left: 8px;\n    padding-right: 6px;\n  }\n  ", "tag-medium", "tag-closable > ", "tag-body {\n    max-width: calc(100% - 8px - 8px - var(--tag-size-m-padding-lr, 8px));\n  }\n  ", "tag-medium", "tag-closable > ", "tag-close-btn ", "icon:before, ", "tag-medium", "tag-closable > ", "tag-close-btn ", "icon ", "icon-remote{\n    font-size: 16px;\n  }\n  && [class*='-icon-close']::before{\n    color: #808080;\n    font-size: 12px !important;\n  }\n  .remove-btn{\n    line-height: 24px;\n    margin-top: 4px;\n    display: inline-block;\n    vertical-align: middle;\n    cursor: pointer;\n  }\n"])), prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix, prefix);
 
 exports.TagListWrap = TagListWrap;

package/lib/types/IRcSearchOptions.type.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/lib/types/IRcSearchProps.type.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/lib/types/IRcSearchTagItemProps.type.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/lib/types/IRcSearchTagListProps.type.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/lib/utils.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setHistoryTag = exports.removeHistoryTagItem = exports.isValidKey = exports.getTagByFileds = exports.getSelectOptionAdatp = exports.getLogger = exports.getHistoryTag = exports.getEnv = exports.checkNoIndexListFormat = void 0;
+exports.isValidKey = exports.getLogger = exports.getEnv = exports.getSelectOptionAdatp = exports.checkNoIndexListFormat = exports.getTagByFileds = exports.removeHistoryTagItem = exports.setHistoryTag = exports.getHistoryTag = void 0;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 

package/package.json

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