@weitutech/by-components 1.1.59 → 1.1.61

package/lib/by-components.common.js

@@ -62325,8 +62325,8 @@ var table_component = normalizeComponent(
 )
 
 /* harmony default export */ var table = (table_component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7d802f52-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/form.vue?vue&type=template&id=1068122a&scoped=true
-var formvue_type_template_id_1068122a_scoped_true_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7d802f52-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/form.vue?vue&type=template&id=6a646708&scoped=true
+var formvue_type_template_id_6a646708_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -62447,51 +62447,27 @@ var formvue_type_template_id_1068122a_scoped_true_render = function render() {
         "hiddenAllOptions": item.hiddenAllOptions,
         "multiple": item.multiple,
         "placeholder": item.placeholder,
-        "size": _vm.elSize
+        "size": _vm.elSize,
+        "showSuffixInput": item.showSuffixInput,
+        "suffixInputPlaceholder": item.suffixInputPlaceholder,
+        "suffixInputValue": _vm.value[`${item.suffixInputField}`],
+        "suffixInputOptions": item.suffixInputOptions
       },
       on: {
+        "update:suffixInputValue": function ($event) {
+          return _vm.$set(_vm.value, `${item.suffixInputField}`, $event);
+        },
+        "update:suffix-input-value": function ($event) {
+          return _vm.$set(_vm.value, `${item.suffixInputField}`, $event);
+        },
         "input": function ($event) {
           return _vm.handleValueChange($event, item);
+        },
+        "suffix-input-change": function ($event) {
+          return _vm.handleSuffixInputChange($event, item);
         }
       }
-    }, 'by-common-selector', item.otherOptions || {}, false))] : item.type === 'commonSelectorInput' ? [_c('div', {
-      staticClass: "common-selector-input-container"
-    }, [_c('by-common-selector', _vm._b({
-      staticStyle: {
-        "width": "60%"
-      },
-      attrs: {
-        "value": _vm.value[`${item.selectorField}`],
-        "config": item,
-        "type": item.selectorType || 'select',
-        "options": item.options || [],
-        "loadOptions": item.loadOptions,
-        "hiddenAllOptions": item.hiddenAllOptions,
-        "multiple": item.multiple,
-        "placeholder": item.selectorPlaceholder || '请选择',
-        "size": _vm.elSize
-      },
-      on: {
-        "input": function ($event) {
-          return _vm.handleSelectorInputChange($event, item, 'selector');
-        }
-      }
-    }, 'by-common-selector', item.selectorOptions || {}, false)), _c('el-input', _vm._b({
-      staticStyle: {
-        "width": "180px"
-      },
-      attrs: {
-        "value": _vm.value[`${item.inputField}`],
-        "placeholder": item.inputPlaceholder || '请输入',
-        "clearable": "",
-        "size": _vm.elSize
-      },
-      on: {
-        "input": function ($event) {
-          return _vm.handleSelectorInputChange($event, item, 'input');
-        }
-      }
-    }, 'el-input', item.inputOptions || {}, false))], 1)] : item.type === 'datepicker' ? [_c('el-date-picker', _vm._b({
+    }, 'by-common-selector', item.otherOptions || {}, false))] : item.type === 'datepicker' ? [_c('el-date-picker', _vm._b({
       staticStyle: {
         "width": "100%"
       },
@@ -62657,7 +62633,7 @@ var formvue_type_template_id_1068122a_scoped_true_render = function render() {
     staticClass: "footer"
   }, [_vm._t("footer")], 2)], 1);
 };
-var formvue_type_template_id_1068122a_scoped_true_staticRenderFns = [];
+var formvue_type_template_id_6a646708_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7d802f52-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/comps/pair-number-input.vue?vue&type=template&id=604235f6
 var pair_number_inputvue_type_template_id_604235f6_render = function render() {
@@ -62957,8 +62933,8 @@ var custom_date_picker_component = normalizeComponent(
 )
 
 /* harmony default export */ var custom_date_picker = (custom_date_picker_component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7d802f52-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/common-selector/ByCommonSelector.vue?vue&type=template&id=042a5da2
-var ByCommonSelectorvue_type_template_id_042a5da2_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7d802f52-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/common-selector/ByCommonSelector.vue?vue&type=template&id=19936312
+var ByCommonSelectorvue_type_template_id_19936312_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -63091,7 +63067,7 @@ var ByCommonSelectorvue_type_template_id_042a5da2_render = function render() {
       },
       expression: "selectedValue"
     }
-  }, 'el-radio-group', _vm.$attrs, false), _vm._l(_vm.displayList, function (item) {
+  }, 'el-radio-group', _vm.$attrs, false), [_vm._l(_vm.displayList, function (item) {
     return _c('el-radio', {
       key: item.id,
       class: {
@@ -63105,7 +63081,27 @@ var ByCommonSelectorvue_type_template_id_042a5da2_render = function render() {
     }, [_c('span', {
       class: [item.status === 0 ? 'by_leave' : '', 'by_checkbox-label']
     }, [_vm._v(_vm._s(item.name))])]);
-  }), 1) : _c('el-checkbox-group', _vm._b({
+  }), _vm.showSuffixInput ? _c('el-input', _vm._b({
+    staticStyle: {
+      "width": "180px",
+      "margin-left": "30px"
+    },
+    attrs: {
+      "placeholder": _vm.suffixInputPlaceholder,
+      "clearable": "",
+      "size": _vm.size
+    },
+    on: {
+      "input": _vm.handleSuffixInputChange
+    },
+    model: {
+      value: _vm.localSuffixInputValue,
+      callback: function ($$v) {
+        _vm.localSuffixInputValue = $$v;
+      },
+      expression: "localSuffixInputValue"
+    }
+  }, 'el-input', _vm.suffixInputOptions || {}, false)) : _vm._e()], 2) : _c('el-checkbox-group', _vm._b({
     attrs: {
       "size": _vm.size,
       "disabled": _vm.loading
@@ -63120,7 +63116,7 @@ var ByCommonSelectorvue_type_template_id_042a5da2_render = function render() {
       },
       expression: "selectedValue"
     }
-  }, 'el-checkbox-group', _vm.$attrs, false), _vm._l(_vm.displayList, function (item) {
+  }, 'el-checkbox-group', _vm.$attrs, false), [_vm._l(_vm.displayList, function (item) {
     return _c('el-checkbox', {
       key: item.id,
       class: {
@@ -63134,7 +63130,27 @@ var ByCommonSelectorvue_type_template_id_042a5da2_render = function render() {
     }, [_c('span', {
       class: [item.status === 0 ? 'by_leave' : '', 'by_checkbox-label']
     }, [_vm._v(_vm._s(item.name))])]);
-  }), 1), _vm.open && _vm.showPagination && !_vm.loading ? _c('div', {
+  }), _vm.showSuffixInput ? _c('el-input', _vm._b({
+    staticStyle: {
+      "width": "180px",
+      "margin-left": "30px"
+    },
+    attrs: {
+      "placeholder": _vm.suffixInputPlaceholder,
+      "clearable": "",
+      "size": _vm.size
+    },
+    on: {
+      "input": _vm.handleSuffixInputChange
+    },
+    model: {
+      value: _vm.localSuffixInputValue,
+      callback: function ($$v) {
+        _vm.localSuffixInputValue = $$v;
+      },
+      expression: "localSuffixInputValue"
+    }
+  }, 'el-input', _vm.suffixInputOptions || {}, false)) : _vm._e()], 2), _vm.open && _vm.showPagination && !_vm.loading ? _c('div', {
     staticClass: "by_pagination-container"
   }, [_c('el-button', {
     attrs: {
@@ -63175,7 +63191,7 @@ var ByCommonSelectorvue_type_template_id_042a5da2_render = function render() {
     }
   }, [_vm._v(" 加载中... ")]) : _vm._e()], 2);
 };
-var ByCommonSelectorvue_type_template_id_042a5da2_staticRenderFns = [];
+var ByCommonSelectorvue_type_template_id_19936312_staticRenderFns = [];
 
 ;// ./node_modules/pinyin-pro/dist/index.mjs
 
@@ -73550,6 +73566,35 @@ function segment(word, options) {
     needShowLoading: {
       type: Boolean,
       default: false
+    },
+    // ***************** 后置输入框相关
+    /**
+     * 是否显示后置输入框
+     */
+    showSuffixInput: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * 后置输入框的placeholder
+     */
+    suffixInputPlaceholder: {
+      type: String,
+      default: '请输入'
+    },
+    /**
+     * 后置输入框的值
+     */
+    suffixInputValue: {
+      type: String,
+      default: ''
+    },
+    /**
+     * 后置输入框的选项
+     */
+    suffixInputOptions: {
+      type: Object,
+      default: () => ({})
     }
   },
   data() {
@@ -73575,7 +73620,9 @@ function segment(word, options) {
       // 用于防抖处理
       forceCheckTimers: [],
       // 用于强制检查的定时器数组
-      isCheckingExpand: false // 标记是否正在检查展开状态
+      isCheckingExpand: false,
+      // 标记是否正在检查展开状态
+      localSuffixInputValue: '' // 本地缓存的suffixInputValue
     };
   },
   computed: {
@@ -73638,9 +73685,18 @@ function segment(word, options) {
         this.scheduleExpandCheck();
       },
       deep: true
+    },
+    suffixInputValue(val) {
+      // 当父组件传入的suffixInputValue变化时，更新本地值
+      if (val !== this.localSuffixInputValue) {
+        this.localSuffixInputValue = val;
+      }
     }
   },
   created() {
+    // 初始化本地suffixInputValue
+    this.localSuffixInputValue = this.suffixInputValue;
+
     // 如果提供了异步加载函数，则调用它
     if (this.loadOptions) {
       this.fetchOptions();
@@ -73722,12 +73778,13 @@ function segment(word, options) {
     },
     // 检查是否需要展开按钮
     checkNeedExpand() {
+      var _this$$el;
       if (this.type === 'select') {
         this.needExpand = false;
         return;
       }
 
-      // 如果是展开状态，一定要显示“收起”按钮
+      // 如果是展开状态，一定要显示"收起"按钮
       if (this.open) {
         this.needExpand = true;
         return;
@@ -73740,8 +73797,11 @@ function segment(word, options) {
       }
 
       // 获取容器元素
-      const container = this.$el.querySelector('.by_consult-select-container');
-      if (!container) return;
+      const container = (_this$$el = this.$el) === null || _this$$el === void 0 ? void 0 : _this$$el.querySelector('.by_consult-select-container');
+      if (!container) {
+        // 如果找不到容器，保持当前状态不变
+        return;
+      }
 
       // 获取所有选项元素
       const items = container.querySelectorAll('.el-checkbox, .el-radio');
@@ -73773,11 +73833,20 @@ function segment(word, options) {
         if (!containerWidth) containerWidth = 500;
 
         // 如果总宽度超过容器宽度，则需要展开按钮
-        this.needExpand = totalWidth > containerWidth;
+        const needExpand = totalWidth > containerWidth;
+
+        // 只有在状态变化时才更新，减少不必要的重渲染
+        if (this.needExpand !== needExpand) {
+          this.needExpand = needExpand;
+        }
       } catch (error) {
         // 出错时默认显示展开按钮
+        console.error('检查展开按钮状态时出错:', error);
         this.needExpand = true;
       }
+
+      // 返回当前的展开状态，方便外部调用时获取结果
+      return this.needExpand;
     },
     // 异步加载数据
     async fetchOptions() {
@@ -73980,6 +74049,11 @@ function segment(word, options) {
     emitChange(value) {
       //   console.log('001:触发了-emitChange ==:', value)
       this.$emit('input', value);
+    },
+    handleSuffixInputChange(value) {
+      this.localSuffixInputValue = value;
+      this.$emit('suffix-input-change', value);
+      this.$emit('update:suffixInputValue', value);
     }
   }
 });
@@ -73995,8 +74069,8 @@ function segment(word, options) {
 ;
 var ByCommonSelector_component = normalizeComponent(
   common_selector_ByCommonSelectorvue_type_script_lang_js,
-  ByCommonSelectorvue_type_template_id_042a5da2_render,
-  ByCommonSelectorvue_type_template_id_042a5da2_staticRenderFns,
+  ByCommonSelectorvue_type_template_id_19936312_render,
+  ByCommonSelectorvue_type_template_id_19936312_staticRenderFns,
   false,
   null,
   null,
@@ -74009,6 +74083,9 @@ var ByCommonSelector_component = normalizeComponent(
 
 
 
+
+
+
 /* harmony default export */ var formvue_type_script_lang_js = ({
   name: 'ByForm',
   components: {
@@ -74119,9 +74196,53 @@ var ByCommonSelector_component = normalizeComponent(
       },
       deep: true,
       immediate: true
+    },
+    // 监听isFlexible变化，更新ByCommonSelector组件的展开状态
+    isFlexible(newVal, oldVal) {
+      if (newVal !== oldVal) {
+        // 在下一个DOM更新周期中调用所有by-common-selector组件的checkNeedExpand方法
+        this.$nextTick(() => {
+          this.updateCommonSelectorExpandState();
+        });
+      }
     }
   },
   methods: {
+    // 更新所有ByCommonSelector组件的展开状态
+    updateCommonSelectorExpandState() {
+      // 查找所有ByCommonSelector组件实例
+      const selectorComponents = this.findByCommonSelectorComponents(this);
+
+      // 调用每个组件的checkNeedExpand方法
+      selectorComponents.forEach(component => {
+        if (component && typeof component.checkNeedExpand === 'function') {
+          component.checkNeedExpand();
+          // 同时调用scheduleExpandCheck以确保正确处理
+          if (typeof component.scheduleExpandCheck === 'function') {
+            component.scheduleExpandCheck();
+          }
+        }
+      });
+    },
+    // 递归查找所有ByCommonSelector组件
+    findByCommonSelectorComponents(component) {
+      let components = [];
+
+      // 检查当前组件的$children
+      if (component.$children && component.$children.length > 0) {
+        component.$children.forEach(child => {
+          // 如果是ByCommonSelector组件
+          if (child.$options && child.$options.name === 'ByCommonSelector') {
+            components.push(child);
+          }
+
+          // 递归查找子组件的子组件
+          const childComponents = this.findByCommonSelectorComponents(child);
+          components = components.concat(childComponents);
+        });
+      }
+      return components;
+    },
     validate(cb = () => {}) {
       this.$refs.formRef.validate((valid, obj) => {
         cb(valid, obj);
@@ -74167,6 +74288,19 @@ var ByCommonSelector_component = normalizeComponent(
         inputValue: this.replacementData[item.inputField]
       });
     },
+    handleSuffixInputChange(value, item) {
+      if (!this.replacementData) {
+        this.replacementData = {
+          ...this.value
+        };
+      }
+      this.replacementData[item.suffixInputField] = value;
+      this.$emit('input', this.replacementData);
+      this.$emit('suffix-input-change', {
+        ...item,
+        value
+      });
+    },
     handleRangeChange({
       startTime,
       endTime
@@ -74206,6 +74340,8 @@ var ByCommonSelector_component = normalizeComponent(
       });
       this.$nextTick(() => {
         this.$emit('reset');
+        // 重置后更新选择器状态
+        this.updateCommonSelectorExpandState();
       });
     },
     handleSelectLoadSuccess(options, item) {
@@ -74226,10 +74362,10 @@ var ByCommonSelector_component = normalizeComponent(
 });
 ;// ./src/components/form/form.vue?vue&type=script&lang=js
  /* harmony default export */ var form_formvue_type_script_lang_js = (formvue_type_script_lang_js); 
-;// ./node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/form.vue?vue&type=style&index=0&id=1068122a&prod&lang=scss&scoped=true
+;// ./node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/form/form.vue?vue&type=style&index=0&id=6a646708&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/form/form.vue?vue&type=style&index=0&id=1068122a&prod&lang=scss&scoped=true
+;// ./src/components/form/form.vue?vue&type=style&index=0&id=6a646708&prod&lang=scss&scoped=true
 
 ;// ./src/components/form/form.vue
 
@@ -74242,23 +74378,24 @@ var ByCommonSelector_component = normalizeComponent(
 
 var form_component = normalizeComponent(
   form_formvue_type_script_lang_js,
-  formvue_type_template_id_1068122a_scoped_true_render,
-  formvue_type_template_id_1068122a_scoped_true_staticRenderFns,
+  formvue_type_template_id_6a646708_scoped_true_render,
+  formvue_type_template_id_6a646708_scoped_true_staticRenderFns,
   false,
   null,
-  "1068122a",
+  "6a646708",
   null
   
 )
 
 /* harmony default export */ var form_form = (form_component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7d802f52-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/page-search/page-search.vue?vue&type=template&id=642560df
-var page_searchvue_type_template_id_642560df_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7d802f52-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/page-search/page-search.vue?vue&type=template&id=d39cfe72
+var page_searchvue_type_template_id_d39cfe72_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
     staticClass: "b-page-search"
   }, [_c('by-form', _vm._b({
+    ref: "searchForm",
     attrs: {
       "value": _vm.formData,
       "is-flexible": _vm.unfold
@@ -74299,7 +74436,7 @@ var page_searchvue_type_template_id_642560df_render = function render() {
     })], null, true)
   }, 'by-form', _vm.searchFormConfig, false))], 1);
 };
-var page_searchvue_type_template_id_642560df_staticRenderFns = [];
+var page_searchvue_type_template_id_d39cfe72_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/page-search/page-search.vue?vue&type=script&lang=js
 
@@ -74413,8 +74550,8 @@ var page_searchvue_type_template_id_642560df_staticRenderFns = [];
 ;
 var page_search_component = normalizeComponent(
   page_search_page_searchvue_type_script_lang_js,
-  page_searchvue_type_template_id_642560df_render,
-  page_searchvue_type_template_id_642560df_staticRenderFns,
+  page_searchvue_type_template_id_d39cfe72_render,
+  page_searchvue_type_template_id_d39cfe72_staticRenderFns,
   false,
   null,
   null,

package/lib/by-components.css

@@ -1 +1 @@
-.b-form .header[data-v-1068122a]{margin-bottom:20px}.b-form .footer[data-v-1068122a]{margin-top:20px}
+.b-form .header[data-v-6a646708]{margin-bottom:20px}.b-form .footer[data-v-6a646708]{margin-top:20px}