bm-admin-ui 1.0.3-alpha → 1.0.6-alpha

package/lib/components/index.d.ts

@@ -1,6 +1,7 @@
 export * from './button';
 export * from './form-designer';
 export * from './flow-designer';
+export * from './feedback';
 export * from './search-filter';
 export * from './multi-cascader-compose';
 export * from './shops-filter';

package/lib/components/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var button = require('./button');
 var formDesigner = require('./form-designer');
 var flowDesigner = require('./flow-designer');
+var feedback = require('./feedback');
 var searchFilter = require('./search-filter');
 var multiCascaderCompose = require('./multi-cascader-compose');
 var shopsFilter = require('./shops-filter');
@@ -34,6 +35,12 @@ Object.keys(flowDesigner).forEach(function (k) {
 		get: function () { return flowDesigner[k]; }
 	});
 });
+Object.keys(feedback).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return feedback[k]; }
+	});
+});
 Object.keys(searchFilter).forEach(function (k) {
 	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
 		enumerable: true,

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

@@ -69,7 +69,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return "".concat(Number(n) * 100, "%");
+        return 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 = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
+var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + 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|\\(]+(".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 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 matchers = {
     CSS_UNIT: new RegExp(CSS_UNIT),
     rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),

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

@@ -21,6 +21,18 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
         type: ObjectConstructor;
         default(): {};
     };
+    fixedCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fixedFields: {
+        type: import("vue").PropType<string[]>;
+        default(): never[];
+    };
+    expandPlacement: {
+        type: import("vue").PropType<"left" | "right">;
+        default: string;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         showExpandBtn: {
@@ -45,12 +57,25 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
             type: ObjectConstructor;
             default(): {};
         };
+        fixedCount: {
+            type: NumberConstructor;
+            default: number;
+        };
+        fixedFields: {
+            type: import("vue").PropType<string[]>;
+            default(): never[];
+        };
+        expandPlacement: {
+            type: import("vue").PropType<"left" | "right">;
+            default: string;
+        };
     }>> & {
-        onSubmit?: ((...args: any[]) => any) | undefined;
         onReset?: ((...args: any[]) => any) | undefined;
+        onSubmit?: ((...args: any[]) => any) | undefined;
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+        onExpand?: ((...args: any[]) => any) | undefined;
     }>>;
-    emits: (event: "submit" | "reset" | "update:value", ...args: any[]) => void;
+    emits: (event: "submit" | "reset" | "update:value" | "expand", ...args: any[]) => void;
     isExpand: import("vue").Ref<boolean>;
     searchResetBtnRule: {
         type: string;
@@ -82,11 +107,13 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
         };
         submitBtn: boolean;
     };
-    rule: import("vue").ComputedRef<any>;
+    rule: import("vue").ComputedRef<unknown[]>;
     handleShowExpandBtn: (val: any) => void;
     handleChange: () => void;
     handleResize: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "reset" | "update:value")[], "submit" | "reset" | "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    expandRule: import("vue").ComputedRef<unknown[]>;
+    handleChangeExpand: (value: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "reset" | "update:value" | "expand")[], "submit" | "reset" | "update:value" | "expand", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     showExpandBtn: {
         type: BooleanConstructor;
         default: boolean;
@@ -109,16 +136,32 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
         type: ObjectConstructor;
         default(): {};
     };
+    fixedCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fixedFields: {
+        type: import("vue").PropType<string[]>;
+        default(): never[];
+    };
+    expandPlacement: {
+        type: import("vue").PropType<"left" | "right">;
+        default: string;
+    };
 }>> & {
-    onSubmit?: ((...args: any[]) => any) | undefined;
     onReset?: ((...args: any[]) => any) | undefined;
+    onSubmit?: ((...args: any[]) => any) | undefined;
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    onExpand?: ((...args: any[]) => any) | undefined;
 }, {
     showExpandBtn: boolean;
     userRule: unknown[];
     labelCol: Record<string, any>;
     value: Record<string, any>;
     ruleSpan: Record<string, any>;
+    fixedCount: number;
+    fixedFields: string[];
+    expandPlacement: "left" | "right";
 }>>;
 export { BmSearchFilter };
 export default BmSearchFilter;

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

@@ -74,7 +74,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return "".concat(Number(n) * 100, "%");
+        return 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 = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
+var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + 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|\\(]+(".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 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 matchers = {
     CSS_UNIT: new RegExp(CSS_UNIT),
     rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),
@@ -1243,6 +1243,17 @@ const searchFilterProps = Object.assign({ userRule: {
         default() {
             return {};
         },
+    }, fixedCount: {
+        type: Number,
+        default: 0,
+    }, fixedFields: {
+        type: Array,
+        default() {
+            return [];
+        },
+    }, expandPlacement: {
+        type: String,
+        default: 'left',
     } }, searchResetBtnProps);
 
 var _export_sfc = (sfc, props) => {
@@ -1253,18 +1264,15 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-const _hoisted_1$2 = { class: "bm-search-filter-btn" };
-const _hoisted_2$1 = /* @__PURE__ */ vue.createTextVNode("\u67E5\u8BE2");
+const _hoisted_1$1 = { class: "bm-search-filter-btn" };
+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({
   props: searchResetBtnProps,
   emits: ["submit", "reset", "expand"],
   setup(__props, { emit: emits }) {
     const props = __props;
-    const expandBtnStyle = {
-      fontSize: "16px",
-      marginLeft: "2px"
-    };
     const isExpand = vue.ref(false);
     function handleExpandBtnChange() {
       isExpand.value = !isExpand.value;
@@ -1278,36 +1286,32 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_a_button = vue.resolveComponent("a-button");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
         props.showExpandBtn ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 0,
-          class: "expand-btn",
+          class: "bm-search-filter-expand",
           onClick: handleExpandBtnChange
         }, [
           vue.createTextVNode(vue.toDisplayString(isExpand.value ? "\u6536\u8D77" : "\u5C55\u5F00"), 1),
-          isExpand.value ? (vue.openBlock(), vue.createBlock(vue.unref(UpOutlined$1), {
-            key: 0,
-            style: vue.normalizeStyle(Object.assign(expandBtnStyle))
-          }, null, 8, ["style"])) : (vue.openBlock(), vue.createBlock(vue.unref(DownOutlined$1), {
-            key: 1,
-            style: vue.normalizeStyle(Object.assign(expandBtnStyle))
-          }, null, 8, ["style"]))
+          isExpand.value ? (vue.openBlock(), vue.createBlock(vue.unref(UpOutlined$1), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(DownOutlined$1), { key: 1 }))
         ])) : vue.createCommentVNode("v-if", true),
-        vue.createVNode(_component_a_button, {
-          type: "primary",
-          onClick: handleSubmit
-        }, {
-          default: vue.withCtx(() => [
-            _hoisted_2$1
-          ]),
-          _: 1
-        }),
-        vue.createVNode(_component_a_button, { onClick: handleReset }, {
-          default: vue.withCtx(() => [
-            _hoisted_3$1
-          ]),
-          _: 1
-        })
+        vue.createElementVNode("span", _hoisted_2$1, [
+          vue.createVNode(_component_a_button, { onClick: handleReset }, {
+            default: vue.withCtx(() => [
+              _hoisted_3$1
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_a_button, {
+            type: "primary",
+            onClick: handleSubmit
+          }, {
+            default: vue.withCtx(() => [
+              _hoisted_4$1
+            ]),
+            _: 1
+          })
+        ])
       ]);
     };
   }
@@ -1355,7 +1359,7 @@ function multiCascaderComposeProps() {
     };
 }
 
-const _hoisted_1$1 = { class: "bm-multi-cascader-wrapper" };
+const _hoisted_1 = { class: "bm-multi-cascader-wrapper" };
 const _hoisted_2 = { class: "bm-multi-cascader" };
 const _hoisted_3 = { class: "bm-multi-cascader-inner" };
 const _hoisted_4 = {
@@ -1703,7 +1707,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       const _component_a_form_item_rest = vue.resolveComponent("a-form-item-rest");
       const _component_a_empty = vue.resolveComponent("a-empty");
       const _component_v_dropdown = vue.resolveComponent("v-dropdown");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createVNode(_component_v_dropdown, {
           placement: "bottom-start",
           container: false,
@@ -1828,14 +1832,13 @@ var MultiCascaderCompose = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file",
 const BmMultiCascaderCompose = withInstall.withInstall(MultiCascaderCompose);
 var BmMultiCascaderCompose$1 = BmMultiCascaderCompose;
 
-const _hoisted_1 = { class: "bm-search-filter" };
 const __default__ = {
   name: "BmSearchFilter"
 };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...__default__,
   props: searchFilterProps,
-  emits: ["update:value", "submit", "reset"],
+  emits: ["update:value", "submit", "reset", "expand"],
   setup(__props, { expose, emit: emits }) {
     const props = __props;
     FormCreateCtr__default["default"].component("SearchResetBtn", SearchResetBtn);
@@ -1852,10 +1855,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             emits("submit", fApi.value.formData());
           },
           reset() {
+            fApi.value?.resetFields?.();
             emits("reset");
           },
           expand(value) {
             isExpand.value = value;
+            emits("expand", value);
           }
         }
       }
@@ -1880,13 +1885,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const rule = vue.computed(() => {
       if (!props.userRule)
         return [];
-      let rule2 = [];
-      if (isExpand.value) {
-        rule2 = props.userRule;
-      } else {
-        rule2 = props.userRule.slice(0, 2);
-      }
-      return rule2.concat(searchResetBtnRule);
+      return [...props.userRule, ...searchResetBtnRule];
     });
     function handleShowExpandBtn(val) {
       searchResetBtnRule[0].props.showExpandBtn = val;
@@ -1920,21 +1919,46 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     }, {
       immediate: true
     });
+    const expandRule = vue.computed(() => {
+      const fixedCount = props.fixedCount && props.fixedCount >= 0 ? props.fixedCount : 0;
+      const fixedFields = props.fixedFields?.length ? props.fixedFields : [];
+      return (props.userRule || []).filter((ruleItem, index) => {
+        return index + 1 > fixedCount && !fixedFields.includes(ruleItem.field || ruleItem.name);
+      });
+    });
+    function handleChangeExpand(value) {
+      if (value) {
+        expandRule.value.forEach((ruleItem) => {
+          ruleItem.hidden = false;
+        });
+      } else {
+        expandRule.value.forEach((ruleItem) => {
+          ruleItem.hidden = true;
+        });
+      }
+    }
+    vue.watch(isExpand, (val) => {
+      handleChangeExpand(val);
+    }, {
+      immediate: true
+    });
     expose({
       fApi
     });
     return (_ctx, _cache) => {
       const _component_form_create = vue.resolveComponent("form-create");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["bm-search-filter", ["bm-search-filter-expand-" + props.expandPlacement]])
+      }, [
         vue.createVNode(_component_form_create, {
           api: fApi.value,
           "onUpdate:api": _cache[0] || (_cache[0] = ($event) => fApi.value = $event),
-          "model-value": _ctx.value,
+          "model-value": props.value,
           rule: vue.unref(rule),
           option: vue.unref(option),
           onChange: handleChange
         }, null, 8, ["api", "model-value", "rule", "option"])
-      ]);
+      ], 2);
     };
   }
 });

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

@@ -21,6 +21,18 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default(): {};
     };
+    fixedCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fixedFields: {
+        type: import("vue").PropType<string[]>;
+        default(): never[];
+    };
+    expandPlacement: {
+        type: import("vue").PropType<"left" | "right">;
+        default: string;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         showExpandBtn: {
@@ -45,12 +57,25 @@ declare const _default: import("vue").DefineComponent<{
             type: ObjectConstructor;
             default(): {};
         };
+        fixedCount: {
+            type: NumberConstructor;
+            default: number;
+        };
+        fixedFields: {
+            type: import("vue").PropType<string[]>;
+            default(): never[];
+        };
+        expandPlacement: {
+            type: import("vue").PropType<"left" | "right">;
+            default: string;
+        };
     }>> & {
-        onSubmit?: ((...args: any[]) => any) | undefined;
         onReset?: ((...args: any[]) => any) | undefined;
+        onSubmit?: ((...args: any[]) => any) | undefined;
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+        onExpand?: ((...args: any[]) => any) | undefined;
     }>>;
-    emits: (event: "submit" | "reset" | "update:value", ...args: any[]) => void;
+    emits: (event: "submit" | "reset" | "update:value" | "expand", ...args: any[]) => void;
     isExpand: import("vue").Ref<boolean>;
     searchResetBtnRule: {
         type: string;
@@ -82,11 +107,13 @@ declare const _default: import("vue").DefineComponent<{
         };
         submitBtn: boolean;
     };
-    rule: import("vue").ComputedRef<any>;
+    rule: import("vue").ComputedRef<unknown[]>;
     handleShowExpandBtn: (val: any) => void;
     handleChange: () => void;
     handleResize: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "reset" | "update:value")[], "submit" | "reset" | "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    expandRule: import("vue").ComputedRef<unknown[]>;
+    handleChangeExpand: (value: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "reset" | "update:value" | "expand")[], "submit" | "reset" | "update:value" | "expand", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     showExpandBtn: {
         type: BooleanConstructor;
         default: boolean;
@@ -109,15 +136,31 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default(): {};
     };
+    fixedCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fixedFields: {
+        type: import("vue").PropType<string[]>;
+        default(): never[];
+    };
+    expandPlacement: {
+        type: import("vue").PropType<"left" | "right">;
+        default: string;
+    };
 }>> & {
-    onSubmit?: ((...args: any[]) => any) | undefined;
     onReset?: ((...args: any[]) => any) | undefined;
+    onSubmit?: ((...args: any[]) => any) | undefined;
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    onExpand?: ((...args: any[]) => any) | undefined;
 }, {
     showExpandBtn: boolean;
     userRule: unknown[];
     labelCol: Record<string, any>;
     value: Record<string, any>;
     ruleSpan: Record<string, any>;
+    fixedCount: number;
+    fixedFields: string[];
+    expandPlacement: "left" | "right";
 }>;
 export default _default;

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

@@ -4,18 +4,14 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    expandBtnStyle: {
-        fontSize: string;
-        marginLeft: string;
-    };
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         showExpandBtn: {
             type: BooleanConstructor;
             default: boolean;
         };
     }>> & {
-        onSubmit?: ((...args: any[]) => any) | undefined;
         onReset?: ((...args: any[]) => any) | undefined;
+        onSubmit?: ((...args: any[]) => any) | undefined;
         onExpand?: ((...args: any[]) => any) | undefined;
     }>>;
     emits: (event: "submit" | "reset" | "expand", ...args: any[]) => void;
@@ -31,8 +27,8 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    onSubmit?: ((...args: any[]) => any) | undefined;
     onReset?: ((...args: any[]) => any) | undefined;
+    onSubmit?: ((...args: any[]) => any) | undefined;
     onExpand?: ((...args: any[]) => any) | undefined;
 }, {
     showExpandBtn: boolean;

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

@@ -1,4 +1,4 @@
-import type { ExtractPropTypes } from 'vue';
+import type { ExtractPropTypes, PropType } from 'vue';
 export declare const searchResetBtnProps: {
     showExpandBtn: {
         type: BooleanConstructor;
@@ -28,6 +28,18 @@ export declare const searchFilterProps: {
         type: ObjectConstructor;
         default(): {};
     };
+    fixedCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fixedFields: {
+        type: PropType<string[]>;
+        default(): never[];
+    };
+    expandPlacement: {
+        type: PropType<"left" | "right">;
+        default: string;
+    };
 };
 export declare type SerachFilterProps = ExtractPropTypes<typeof searchFilterProps>;
 export declare type SearchResetBtnProps = ExtractPropTypes<typeof searchResetBtnProps>;