bm-admin-ui 1.0.6-alpha → 1.0.9-alpha

package/index.esm.js

@@ -27391,6 +27391,10 @@ const searchResetBtnProps = {
         type: Boolean,
         default: false,
     },
+    showSearchIcon: {
+        type: Boolean,
+        default: false,
+    },
 };
 const searchFilterProps = Object.assign({ userRule: {
         type: Array,
@@ -27414,9 +27418,14 @@ const searchFilterProps = Object.assign({ userRule: {
         default() {
             return {};
         },
+    }, gutter: {
+        type: Array,
+        default() {
+            return [24, 16];
+        },
     }, fixedCount: {
         type: Number,
-        default: 0,
+        default: 999999,
     }, fixedFields: {
         type: Array,
         default() {
@@ -27470,6 +27479,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             onClick: handleSubmit
           }, {
             default: withCtx(() => [
+              props.showSearchIcon ? (openBlock(), createBlock(unref(SearchOutlined$4), { key: 0 })) : createCommentVNode("v-if", true),
               _hoisted_4$6
             ]),
             _: 1
@@ -28010,7 +28020,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       {
         type: "SearchResetBtn",
         props: {
-          showExpandBtn: props.showExpandBtn
+          showExpandBtn: props.showExpandBtn,
+          showSearchIcon: props.showSearchIcon
         },
         on: {
           submit() {
@@ -28033,7 +28044,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         span: 8
       },
       row: {
-        gutter: [24, 16]
+        gutter: props.gutter
       },
       form: {
         labelCol: props.labelCol,

package/index.js

@@ -27399,6 +27399,10 @@ var process = {
           type: Boolean,
           default: false,
       },
+      showSearchIcon: {
+          type: Boolean,
+          default: false,
+      },
   };
   const searchFilterProps = Object.assign({ userRule: {
           type: Array,
@@ -27422,9 +27426,14 @@ var process = {
           default() {
               return {};
           },
+      }, gutter: {
+          type: Array,
+          default() {
+              return [24, 16];
+          },
       }, fixedCount: {
           type: Number,
-          default: 0,
+          default: 999999,
       }, fixedFields: {
           type: Array,
           default() {
@@ -27478,6 +27487,7 @@ var process = {
               onClick: handleSubmit
             }, {
               default: require$$1$1.withCtx(() => [
+                props.showSearchIcon ? (require$$1$1.openBlock(), require$$1$1.createBlock(require$$1$1.unref(SearchOutlined$4), { key: 0 })) : require$$1$1.createCommentVNode("v-if", true),
                 _hoisted_4$6
               ]),
               _: 1
@@ -28018,7 +28028,8 @@ var process = {
         {
           type: "SearchResetBtn",
           props: {
-            showExpandBtn: props.showExpandBtn
+            showExpandBtn: props.showExpandBtn,
+            showSearchIcon: props.showSearchIcon
           },
           on: {
             submit() {
@@ -28041,7 +28052,7 @@ var process = {
           span: 8
         },
         row: {
-          gutter: [24, 16]
+          gutter: props.gutter
         },
         form: {
           labelCol: props.labelCol,

package/lib/components/multi-cascader-compose/index.d.ts

@@ -77,7 +77,7 @@ declare const BmMultiCascaderCompose: import("bm-admin-ui/es/utils/with-install"
         onChange?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>>;
-    emits: (event: "change" | "update:modelValue", ...args: any[]) => void;
+    emits: (event: "update:modelValue" | "change", ...args: any[]) => void;
     path: import("vue").Ref<{
         [x: string]: any;
         index: number;
@@ -106,7 +106,7 @@ declare const BmMultiCascaderCompose: import("bm-admin-ui/es/utils/with-install"
     RightOutlined: import("@ant-design/icons-vue/lib/icons/RightOutlined").RightOutlinedIconType;
     DownOutlined: import("@ant-design/icons-vue/lib/icons/DownOutlined").DownOutlinedIconType;
     CloseCircleFilled: import("@ant-design/icons-vue/lib/icons/CloseCircleFilled").CloseCircleFilledIconType;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     options: {
         type: import("vue").PropType<import("./types").MutilCascaderItem[]>;
         default(): import("./types").MutilCascaderItem[];
@@ -148,12 +148,12 @@ declare const BmMultiCascaderCompose: import("bm-admin-ui/es/utils/with-install"
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     placeholder: string;
-    allowClear: boolean;
     options: import("./types").MutilCascaderItem[];
     modelValue: string[];
     optionValueName: string;
     optionLabelName: string;
     maxTagCount: number;
+    allowClear: boolean;
     emptyImage: JSX.Element | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null | undefined) | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {

package/lib/components/multi-cascader-compose/src/multi-cascader-compose.vue.d.ts

@@ -78,7 +78,7 @@ declare const _default: import("vue").DefineComponent<{
         onChange?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>>;
-    emits: (event: "change" | "update:modelValue", ...args: any[]) => void;
+    emits: (event: "update:modelValue" | "change", ...args: any[]) => void;
     path: import("vue").Ref<{
         [x: string]: any;
         index: number;
@@ -107,7 +107,7 @@ declare const _default: import("vue").DefineComponent<{
     RightOutlined: import("@ant-design/icons-vue/lib/icons/RightOutlined").RightOutlinedIconType;
     DownOutlined: import("@ant-design/icons-vue/lib/icons/DownOutlined").DownOutlinedIconType;
     CloseCircleFilled: import("@ant-design/icons-vue/lib/icons/CloseCircleFilled").CloseCircleFilledIconType;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     options: {
         type: import("vue").PropType<MutilCascaderItem[]>;
         default(): MutilCascaderItem[];
@@ -149,12 +149,12 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     placeholder: string;
-    allowClear: boolean;
     options: MutilCascaderItem[];
     modelValue: string[];
     optionValueName: string;
     optionLabelName: string;
     maxTagCount: number;
+    allowClear: boolean;
     emptyImage: JSX.Element | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null | undefined) | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {

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: {
@@ -118,6 +135,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[];
@@ -136,6 +157,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,11 +179,13 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     onExpand?: ((...args: any[]) => any) | undefined;
 }, {
+    value: Record<string, any>;
     showExpandBtn: boolean;
+    showSearchIcon: boolean;
     userRule: unknown[];
     labelCol: Record<string, any>;
-    value: Record<string, any>;
     ruleSpan: Record<string, any>;
+    gutter: unknown[];
     fixedCount: number;
     fixedFields: string[];
     expandPlacement: "left" | "right";

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

@@ -860,9 +860,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 +878,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 +925,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 +943,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 +972,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 +1044,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 +1057,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 +1069,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 +1088,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 +1119,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 +1139,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 +1159,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 +1179,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 +1195,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 +1240,10 @@ const searchResetBtnProps = {
         type: Boolean,
         default: false,
     },
+    showSearchIcon: {
+        type: Boolean,
+        default: false,
+    },
 };
 const searchFilterProps = Object.assign({ userRule: {
         type: Array,
@@ -1243,9 +1267,14 @@ const searchFilterProps = Object.assign({ userRule: {
         default() {
             return {};
         },
+    }, gutter: {
+        type: Array,
+        default() {
+            return [24, 16];
+        },
     }, fixedCount: {
         type: Number,
-        default: 0,
+        default: 999999,
     }, fixedFields: {
         type: Array,
         default() {
@@ -1307,6 +1336,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
@@ -1848,7 +1878,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       {
         type: "SearchResetBtn",
         props: {
-          showExpandBtn: props.showExpandBtn
+          showExpandBtn: props.showExpandBtn,
+          showSearchIcon: props.showSearchIcon
         },
         on: {
           submit() {
@@ -1871,7 +1902,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;