bm-admin-ui 1.0.7-alpha → 1.0.10-alpha

package/lib/components/feedback/index.js

@@ -15,7 +15,7 @@ var AAlert__default = /*#__PURE__*/_interopDefaultLegacy(AAlert);
 var AModal__default = /*#__PURE__*/_interopDefaultLegacy(AModal$1);
 var message__default = /*#__PURE__*/_interopDefaultLegacy(message);
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -104,7 +104,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return Number(n) * 100 + "%";
+        return "".concat(Number(n) * 100, "%");
     }
     return n;
 }
@@ -486,12 +486,12 @@ var CSS_INTEGER = '[-\\+]?\\d+%?';
 // <http://www.w3.org/TR/css3-values/#number-value>
 var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
 // Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
-var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
+var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
 // Actual matching.
 // Parentheses and commas are optional, but not required.
 // Whitespace can take the place of commas or opening paren
-var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
-var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
+var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
 var matchers = {
     CSS_UNIT: new RegExp(CSS_UNIT),
     rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),
@@ -816,19 +816,6 @@ Object.keys(presetPrimaryColors).forEach(function (key) {
   });
   presetDarkPalettes[key].primary = presetDarkPalettes[key][5];
 });
-presetPalettes.red;
-presetPalettes.volcano;
-presetPalettes.gold;
-presetPalettes.orange;
-presetPalettes.yellow;
-presetPalettes.lime;
-presetPalettes.green;
-presetPalettes.cyan;
-presetPalettes.blue;
-presetPalettes.geekblue;
-presetPalettes.purple;
-presetPalettes.magenta;
-presetPalettes.grey;
 
 // https://github.com/substack/insert-css
 var containers = []; // will store container HTMLElement references

package/lib/components/multi-cascader-compose/index.js

@@ -69,7 +69,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return Number(n) * 100 + "%";
+        return "".concat(Number(n) * 100, "%");
     }
     return n;
 }
@@ -451,12 +451,12 @@ var CSS_INTEGER = '[-\\+]?\\d+%?';
 // <http://www.w3.org/TR/css3-values/#number-value>
 var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
 // Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
-var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
+var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
 // Actual matching.
 // Parentheses and commas are optional, but not required.
 // Whitespace can take the place of commas or opening paren
-var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
-var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
+var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
 var matchers = {
     CSS_UNIT: new RegExp(CSS_UNIT),
     rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),
@@ -781,19 +781,6 @@ Object.keys(presetPrimaryColors).forEach(function (key) {
   });
   presetDarkPalettes[key].primary = presetDarkPalettes[key][5];
 });
-presetPalettes.red;
-presetPalettes.volcano;
-presetPalettes.gold;
-presetPalettes.orange;
-presetPalettes.yellow;
-presetPalettes.lime;
-presetPalettes.green;
-presetPalettes.cyan;
-presetPalettes.blue;
-presetPalettes.geekblue;
-presetPalettes.purple;
-presetPalettes.magenta;
-presetPalettes.grey;
 
 // https://github.com/substack/insert-css
 var containers = []; // will store container HTMLElement references

package/lib/components/search-filter/index.d.ts

@@ -3,6 +3,10 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
         type: BooleanConstructor;
         default: boolean;
     };
+    showSearchIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     userRule: {
         type: ArrayConstructor;
         default(): never[];
@@ -21,6 +25,10 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
         type: ObjectConstructor;
         default(): {};
     };
+    gutter: {
+        type: ArrayConstructor;
+        default(): number[];
+    };
     fixedCount: {
         type: NumberConstructor;
         default: number;
@@ -39,6 +47,10 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
             type: BooleanConstructor;
             default: boolean;
         };
+        showSearchIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         userRule: {
             type: ArrayConstructor;
             default(): never[];
@@ -57,6 +69,10 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
             type: ObjectConstructor;
             default(): {};
         };
+        gutter: {
+            type: ArrayConstructor;
+            default(): number[];
+        };
         fixedCount: {
             type: NumberConstructor;
             default: number;
@@ -81,6 +97,7 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
         type: string;
         props: {
             showExpandBtn: boolean;
+            showSearchIcon: boolean;
         };
         on: {
             submit: () => void;
@@ -94,7 +111,7 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
             span: number;
         };
         row: {
-            gutter: number[];
+            gutter: unknown[];
         };
         form: {
             labelCol: Record<string, any>;
@@ -116,6 +133,10 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
         type: BooleanConstructor;
         default: boolean;
     };
+    showSearchIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     userRule: {
         type: ArrayConstructor;
         default(): never[];
@@ -134,6 +155,10 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
         type: ObjectConstructor;
         default(): {};
     };
+    gutter: {
+        type: ArrayConstructor;
+        default(): number[];
+    };
     fixedCount: {
         type: NumberConstructor;
         default: number;
@@ -154,9 +179,11 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
 }, {
     value: Record<string, any>;
     showExpandBtn: boolean;
+    showSearchIcon: boolean;
     userRule: unknown[];
     labelCol: Record<string, any>;
     ruleSpan: Record<string, any>;
+    gutter: unknown[];
     fixedCount: number;
     fixedFields: string[];
     expandPlacement: "left" | "right";

package/lib/components/search-filter/index.js

@@ -74,7 +74,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return Number(n) * 100 + "%";
+        return "".concat(Number(n) * 100, "%");
     }
     return n;
 }
@@ -456,12 +456,12 @@ var CSS_INTEGER = '[-\\+]?\\d+%?';
 // <http://www.w3.org/TR/css3-values/#number-value>
 var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
 // Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
-var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
+var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
 // Actual matching.
 // Parentheses and commas are optional, but not required.
 // Whitespace can take the place of commas or opening paren
-var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
-var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
+var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
 var matchers = {
     CSS_UNIT: new RegExp(CSS_UNIT),
     rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),
@@ -786,19 +786,6 @@ Object.keys(presetPrimaryColors).forEach(function (key) {
   });
   presetDarkPalettes[key].primary = presetDarkPalettes[key][5];
 });
-presetPalettes.red;
-presetPalettes.volcano;
-presetPalettes.gold;
-presetPalettes.orange;
-presetPalettes.yellow;
-presetPalettes.lime;
-presetPalettes.green;
-presetPalettes.cyan;
-presetPalettes.blue;
-presetPalettes.geekblue;
-presetPalettes.purple;
-presetPalettes.magenta;
-presetPalettes.grey;
 
 // https://github.com/substack/insert-css
 var containers = []; // will store container HTMLElement references
@@ -860,9 +847,9 @@ function insertCss(css, options) {
   return styleElement;
 }
 
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$7(target, key, source[key]); }); } return target; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$8(target, key, source[key]); }); } return target; }
 
-function _defineProperty$7(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$8(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function warn(valid, message) {
   // Support uglify
   if (process.env.NODE_ENV !== 'production' && !valid && console !== undefined) {
@@ -878,14 +865,14 @@ function isIconDefinition(target) {
 }
 function generate(node, key, rootProps) {
   if (!rootProps) {
-    return vue.h(node.tag, _objectSpread$7({
+    return vue.h(node.tag, _objectSpread$8({
       key: key
     }, node.attrs), (node.children || []).map(function (child, index) {
       return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
     }));
   }
 
-  return vue.h(node.tag, _objectSpread$7({
+  return vue.h(node.tag, _objectSpread$8({
     key: key
   }, rootProps, node.attrs), (node.children || []).map(function (child, index) {
     return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
@@ -925,9 +912,9 @@ function _objectWithoutProperties$1(source, excluded) { if (source == null) retu
 
 function _objectWithoutPropertiesLoose$1(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$6(target, key, source[key]); }); } return target; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$7(target, key, source[key]); }); } return target; }
 
-function _defineProperty$6(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$7(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var twoToneColorPalette = {
   primaryColor: '#333',
   secondaryColor: '#E6E6E6',
@@ -943,11 +930,11 @@ function setTwoToneColors(_ref) {
 }
 
 function getTwoToneColors() {
-  return _objectSpread$6({}, twoToneColorPalette);
+  return _objectSpread$7({}, twoToneColorPalette);
 }
 
 var IconBase = function IconBase(props, context) {
-  var _props$context$attrs = _objectSpread$6({}, props, context.attrs),
+  var _props$context$attrs = _objectSpread$7({}, props, context.attrs),
       icon = _props$context$attrs.icon,
       primaryColor = _props$context$attrs.primaryColor,
       secondaryColor = _props$context$attrs.secondaryColor,
@@ -972,12 +959,12 @@ var IconBase = function IconBase(props, context) {
   var target = icon;
 
   if (target && typeof target.icon === 'function') {
-    target = _objectSpread$6({}, target, {
+    target = _objectSpread$7({}, target, {
       icon: target.icon(colors.primaryColor, colors.secondaryColor)
     });
   }
 
-  return generate(target.icon, "svg-".concat(target.name), _objectSpread$6({}, restProps, {
+  return generate(target.icon, "svg-".concat(target.name), _objectSpread$7({}, restProps, {
     'data-icon': target.name,
     width: '1em',
     height: '1em',
@@ -1044,9 +1031,9 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$5(target, key, source[key]); }); } return target; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$6(target, key, source[key]); }); } return target; }
 
-function _defineProperty$5(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$6(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -1057,7 +1044,7 @@ setTwoToneColor('#1890ff');
 var Icon = function Icon(props, context) {
   var _classObj;
 
-  var _props$context$attrs = _objectSpread$5({}, props, context.attrs),
+  var _props$context$attrs = _objectSpread$6({}, props, context.attrs),
       cls = _props$context$attrs["class"],
       icon = _props$context$attrs.icon,
       spin = _props$context$attrs.spin,
@@ -1069,7 +1056,7 @@ var Icon = function Icon(props, context) {
 
   var classObj = (_classObj = {
     anticon: true
-  }, _defineProperty$5(_classObj, "anticon-".concat(icon.name), Boolean(icon.name)), _defineProperty$5(_classObj, cls, cls), _classObj);
+  }, _defineProperty$6(_classObj, "anticon-".concat(icon.name), Boolean(icon.name)), _defineProperty$6(_classObj, cls, cls), _classObj);
   var svgClassString = spin === '' || !!spin || icon.name === 'loading' ? 'anticon-spin' : '';
   var iconTabIndex = tabindex;
 
@@ -1088,7 +1075,7 @@ var Icon = function Icon(props, context) {
       primaryColor = _normalizeTwoToneColo2[0],
       secondaryColor = _normalizeTwoToneColo2[1];
 
-  return vue.createVNode("span", _objectSpread$5({
+  return vue.createVNode("span", _objectSpread$6({
     "role": "img",
     "aria-label": icon.name
   }, restProps, {
@@ -1119,14 +1106,14 @@ var AntdIcon = Icon;
 var CloseCircleFilled$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z" } }] }, "name": "close-circle", "theme": "filled" };
 var CloseCircleFilledSvg = CloseCircleFilled$2;
 
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$4(target, key, source[key]); }); } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$5(target, key, source[key]); }); } return target; }
 
-function _defineProperty$4(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$5(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var CloseCircleFilled = function CloseCircleFilled(props, context) {
-  var p = _objectSpread$4({}, props, context.attrs);
+  var p = _objectSpread$5({}, props, context.attrs);
 
-  return vue.createVNode(AntdIcon, _objectSpread$4({}, p, {
+  return vue.createVNode(AntdIcon, _objectSpread$5({}, p, {
     "icon": CloseCircleFilledSvg
   }), null);
 };
@@ -1139,14 +1126,14 @@ var CloseCircleFilled$1 = CloseCircleFilled;
 var CloseOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z" } }] }, "name": "close", "theme": "outlined" };
 var CloseOutlinedSvg = CloseOutlined$2;
 
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$4(target, key, source[key]); }); } return target; }
 
-function _defineProperty$3(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$4(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var CloseOutlined = function CloseOutlined(props, context) {
-  var p = _objectSpread$3({}, props, context.attrs);
+  var p = _objectSpread$4({}, props, context.attrs);
 
-  return vue.createVNode(AntdIcon, _objectSpread$3({}, p, {
+  return vue.createVNode(AntdIcon, _objectSpread$4({}, p, {
     "icon": CloseOutlinedSvg
   }), null);
 };
@@ -1159,14 +1146,14 @@ var CloseOutlined$1 = CloseOutlined;
 var DownOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" } }] }, "name": "down", "theme": "outlined" };
 var DownOutlinedSvg = DownOutlined$2;
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$2(target, key, source[key]); }); } return target; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } return target; }
 
-function _defineProperty$2(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$3(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var DownOutlined = function DownOutlined(props, context) {
-  var p = _objectSpread$2({}, props, context.attrs);
+  var p = _objectSpread$3({}, props, context.attrs);
 
-  return vue.createVNode(AntdIcon, _objectSpread$2({}, p, {
+  return vue.createVNode(AntdIcon, _objectSpread$3({}, p, {
     "icon": DownOutlinedSvg
   }), null);
 };
@@ -1179,14 +1166,14 @@ var DownOutlined$1 = DownOutlined;
 var RightOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, "name": "right", "theme": "outlined" };
 var RightOutlinedSvg = RightOutlined$2;
 
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } return target; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$2(target, key, source[key]); }); } return target; }
 
-function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$2(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var RightOutlined = function RightOutlined(props, context) {
-  var p = _objectSpread$1({}, props, context.attrs);
+  var p = _objectSpread$2({}, props, context.attrs);
 
-  return vue.createVNode(AntdIcon, _objectSpread$1({}, p, {
+  return vue.createVNode(AntdIcon, _objectSpread$2({}, p, {
     "icon": RightOutlinedSvg
   }), null);
 };
@@ -1195,6 +1182,26 @@ RightOutlined.displayName = 'RightOutlined';
 RightOutlined.inheritAttrs = false;
 var RightOutlined$1 = RightOutlined;
 
+// This icon file is generated automatically.
+var SearchOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z" } }] }, "name": "search", "theme": "outlined" };
+var SearchOutlinedSvg = SearchOutlined$2;
+
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } return target; }
+
+function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var SearchOutlined = function SearchOutlined(props, context) {
+  var p = _objectSpread$1({}, props, context.attrs);
+
+  return vue.createVNode(AntdIcon, _objectSpread$1({}, p, {
+    "icon": SearchOutlinedSvg
+  }), null);
+};
+
+SearchOutlined.displayName = 'SearchOutlined';
+SearchOutlined.inheritAttrs = false;
+var SearchOutlined$1 = SearchOutlined;
+
 // This icon file is generated automatically.
 var UpOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z" } }] }, "name": "up", "theme": "outlined" };
 var UpOutlinedSvg = UpOutlined$2;
@@ -1220,6 +1227,10 @@ const searchResetBtnProps = {
         type: Boolean,
         default: false,
     },
+    showSearchIcon: {
+        type: Boolean,
+        default: false,
+    },
 };
 const searchFilterProps = Object.assign({ userRule: {
         type: Array,
@@ -1243,6 +1254,11 @@ const searchFilterProps = Object.assign({ userRule: {
         default() {
             return {};
         },
+    }, gutter: {
+        type: Array,
+        default() {
+            return [24, 16];
+        },
     }, fixedCount: {
         type: Number,
         default: 999999,
@@ -1269,7 +1285,7 @@ const _hoisted_2$1 = { class: "bm-search-filter-actions" };
 const _hoisted_3$1 = /* @__PURE__ */ vue.createTextVNode("\u91CD\u7F6E");
 const _hoisted_4$1 = /* @__PURE__ */ vue.createTextVNode("\u67E5\u8BE2");
 const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-  name: "search-reset-btn",
+  __name: "search-reset-btn",
   props: searchResetBtnProps,
   emits: ["submit", "reset", "expand"],
   setup(__props, { emit: emits }) {
@@ -1308,6 +1324,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
             onClick: handleSubmit
           }, {
             default: vue.withCtx(() => [
+              props.showSearchIcon ? (vue.openBlock(), vue.createBlock(vue.unref(SearchOutlined$1), { key: 0 })) : vue.createCommentVNode("v-if", true),
               _hoisted_4$1
             ]),
             _: 1
@@ -1849,7 +1866,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       {
         type: "SearchResetBtn",
         props: {
-          showExpandBtn: props.showExpandBtn
+          showExpandBtn: props.showExpandBtn,
+          showSearchIcon: props.showSearchIcon
         },
         on: {
           submit() {
@@ -1872,7 +1890,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         span: 8
       },
       row: {
-        gutter: [24, 16]
+        gutter: props.gutter
       },
       form: {
         labelCol: props.labelCol,

package/lib/components/search-filter/src/{serach-filter.d.ts → search-filter.d.ts}

@@ -4,12 +4,20 @@ export declare const searchResetBtnProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    showSearchIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const searchFilterProps: {
     showExpandBtn: {
         type: BooleanConstructor;
         default: boolean;
     };
+    showSearchIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     userRule: {
         type: ArrayConstructor;
         default(): never[];
@@ -28,6 +36,10 @@ export declare const searchFilterProps: {
         type: ObjectConstructor;
         default(): {};
     };
+    gutter: {
+        type: ArrayConstructor;
+        default(): number[];
+    };
     fixedCount: {
         type: NumberConstructor;
         default: number;

package/lib/components/search-filter/src/search-filter.vue.d.ts

@@ -3,6 +3,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showSearchIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     userRule: {
         type: ArrayConstructor;
         default(): never[];
@@ -21,6 +25,10 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default(): {};
     };
+    gutter: {
+        type: ArrayConstructor;
+        default(): number[];
+    };
     fixedCount: {
         type: NumberConstructor;
         default: number;
@@ -39,6 +47,10 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        showSearchIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         userRule: {
             type: ArrayConstructor;
             default(): never[];
@@ -57,6 +69,10 @@ declare const _default: import("vue").DefineComponent<{
             type: ObjectConstructor;
             default(): {};
         };
+        gutter: {
+            type: ArrayConstructor;
+            default(): number[];
+        };
         fixedCount: {
             type: NumberConstructor;
             default: number;
@@ -81,6 +97,7 @@ declare const _default: import("vue").DefineComponent<{
         type: string;
         props: {
             showExpandBtn: boolean;
+            showSearchIcon: boolean;
         };
         on: {
             submit: () => void;
@@ -94,7 +111,7 @@ declare const _default: import("vue").DefineComponent<{
             span: number;
         };
         row: {
-            gutter: number[];
+            gutter: unknown[];
         };
         form: {
             labelCol: Record<string, any>;
@@ -116,6 +133,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showSearchIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     userRule: {
         type: ArrayConstructor;
         default(): never[];
@@ -134,6 +155,10 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default(): {};
     };
+    gutter: {
+        type: ArrayConstructor;
+        default(): number[];
+    };
     fixedCount: {
         type: NumberConstructor;
         default: number;
@@ -154,9 +179,11 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     value: Record<string, any>;
     showExpandBtn: boolean;
+    showSearchIcon: boolean;
     userRule: unknown[];
     labelCol: Record<string, any>;
     ruleSpan: Record<string, any>;
+    gutter: unknown[];
     fixedCount: number;
     fixedFields: string[];
     expandPlacement: "left" | "right";