bm-admin-ui 1.0.25-alpha → 1.0.26-alpha

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

@@ -1256,6 +1256,12 @@ const searchResetBtnProps = {
         type: String,
         default: '收起',
     },
+    gutter: {
+        type: Array,
+        default() {
+            return [24, 16];
+        },
+    },
 };
 const searchFilterProps = Object.assign({ userRule: {
         type: Array,
@@ -1279,11 +1285,6 @@ const searchFilterProps = Object.assign({ userRule: {
         default() {
             return {};
         },
-    }, gutter: {
-        type: Array,
-        default() {
-            return [24, 16];
-        },
     }, fixedCount: {
         type: Number,
         default: 999999,
@@ -1302,16 +1303,19 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-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 _hoisted_1$1 = { class: "bm-search-filter-actions" };
+const _hoisted_2$1 = /* @__PURE__ */ vue.createTextVNode("\u91CD\u7F6E");
+const _hoisted_3$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 isExpand = vue.ref(false);
+    const wrapperStyle = vue.computed(() => {
+      let gutter = props.gutter?.[0] || 24;
+      return { paddingLeft: gutter / 2 + "px", paddingRight: gutter / 2 + "px" };
+    });
     function handleExpandBtnChange() {
       isExpand.value = !isExpand.value;
       emits("expand", isExpand.value);
@@ -1324,7 +1328,10 @@ 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$1, [
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: "bm-search-filter-btn",
+        style: vue.normalizeStyle(vue.unref(wrapperStyle))
+      }, [
         props.showExpandBtn ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 0,
           class: "bm-search-filter-expand",
@@ -1333,10 +1340,10 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
           vue.createTextVNode(vue.toDisplayString(isExpand.value ? props.collapseText : props.expandText), 1),
           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.createElementVNode("span", _hoisted_2$1, [
+        vue.createElementVNode("span", _hoisted_1$1, [
           vue.createVNode(_component_a_button, { onClick: handleReset }, {
             default: vue.withCtx(() => [
-              _hoisted_3$1
+              _hoisted_2$1
             ]),
             _: 1
           }),
@@ -1346,12 +1353,12 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
           }, {
             default: vue.withCtx(() => [
               props.showSearchIcon ? (vue.openBlock(), vue.createBlock(vue.unref(SearchOutlined$1), { key: 0 })) : vue.createCommentVNode("v-if", true),
-              _hoisted_4$1
+              _hoisted_3$1
             ]),
             _: 1
           })
         ])
-      ]);
+      ], 4);
     };
   }
 });
@@ -1890,7 +1897,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           showExpandBtn: props.showExpandBtn,
           showSearchIcon: props.showSearchIcon,
           expandText: props.expandText,
-          collapseText: props.collapseText
+          collapseText: props.collapseText,
+          gutter: props.gutter
         },
         on: {
           submit() {

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

@@ -20,6 +20,10 @@ export declare const searchResetBtnProps: {
         type: StringConstructor;
         default: string;
     };
+    gutter: {
+        type: PropType<number[]>;
+        default(): number[];
+    };
 };
 export declare const searchFilterProps: {
     showExpandBtn: {
@@ -42,6 +46,10 @@ export declare const searchFilterProps: {
         type: StringConstructor;
         default: string;
     };
+    gutter: {
+        type: PropType<number[]>;
+        default(): number[];
+    };
     userRule: {
         type: ArrayConstructor;
         default(): never[];
@@ -60,10 +68,6 @@ 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

@@ -19,6 +19,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    gutter: {
+        type: import("vue").PropType<number[]>;
+        default(): number[];
+    };
     userRule: {
         type: ArrayConstructor;
         default(): never[];
@@ -37,10 +41,6 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default(): {};
     };
-    gutter: {
-        type: ArrayConstructor;
-        default(): number[];
-    };
     fixedCount: {
         type: NumberConstructor;
         default: number;
@@ -71,6 +71,10 @@ declare const _default: import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
+        gutter: {
+            type: import("vue").PropType<number[]>;
+            default(): number[];
+        };
         userRule: {
             type: ArrayConstructor;
             default(): never[];
@@ -89,10 +93,6 @@ declare const _default: import("vue").DefineComponent<{
             type: ObjectConstructor;
             default(): {};
         };
-        gutter: {
-            type: ArrayConstructor;
-            default(): number[];
-        };
         fixedCount: {
             type: NumberConstructor;
             default: number;
@@ -116,6 +116,7 @@ declare const _default: import("vue").DefineComponent<{
             showSearchIcon: boolean;
             expandText: string;
             collapseText: string;
+            gutter: number[];
         };
         on: {
             submit: () => void;
@@ -129,7 +130,7 @@ declare const _default: import("vue").DefineComponent<{
             span: number;
         };
         row: {
-            gutter: unknown[];
+            gutter: number[];
         };
         form: {
             labelCol: {
@@ -169,6 +170,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    gutter: {
+        type: import("vue").PropType<number[]>;
+        default(): number[];
+    };
     userRule: {
         type: ArrayConstructor;
         default(): never[];
@@ -187,10 +192,6 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default(): {};
     };
-    gutter: {
-        type: ArrayConstructor;
-        default(): number[];
-    };
     fixedCount: {
         type: NumberConstructor;
         default: number;
@@ -211,10 +212,10 @@ declare const _default: import("vue").DefineComponent<{
     expandPlacement: "left" | "right";
     expandText: string;
     collapseText: string;
+    gutter: number[];
     userRule: unknown[];
     labelCol: Record<string, any>;
     ruleSpan: Record<string, any>;
-    gutter: unknown[];
     fixedCount: number;
     fixedFields: string[];
 }>;

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

@@ -19,6 +19,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    gutter: {
+        type: import("vue").PropType<number[]>;
+        default(): number[];
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         showExpandBtn: {
@@ -41,6 +45,10 @@ declare const _default: import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
+        gutter: {
+            type: import("vue").PropType<number[]>;
+            default(): number[];
+        };
     }>> & {
         onReset?: ((...args: any[]) => any) | undefined;
         onSubmit?: ((...args: any[]) => any) | undefined;
@@ -48,6 +56,10 @@ declare const _default: import("vue").DefineComponent<{
     }>>;
     emits: (event: "submit" | "reset" | "expand", ...args: any[]) => void;
     isExpand: import("vue").Ref<boolean>;
+    wrapperStyle: import("vue").ComputedRef<{
+        paddingLeft: string;
+        paddingRight: string;
+    }>;
     handleExpandBtnChange: () => void;
     handleSubmit: () => void;
     handleReset: () => void;
@@ -75,6 +87,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    gutter: {
+        type: import("vue").PropType<number[]>;
+        default(): number[];
+    };
 }>> & {
     onReset?: ((...args: any[]) => any) | undefined;
     onSubmit?: ((...args: any[]) => any) | undefined;
@@ -85,5 +101,6 @@ declare const _default: import("vue").DefineComponent<{
     expandPlacement: "left" | "right";
     expandText: string;
     collapseText: string;
+    gutter: number[];
 }>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bm-admin-ui",
-  "version": "1.0.25-alpha",
+  "version": "1.0.26-alpha",
   "private": false,
   "description": "An Admin Component Library for Bm",
   "license": "UNLICENSED",