@weitutech/by-components 1.1.212 → 1.1.213

package/lib/by-components.common.js

@@ -26680,7 +26680,7 @@ module.exports = function (key) {
 
 var aSet = __webpack_require__(7080);
 var SetHelpers = __webpack_require__(4402);
-var clone = __webpack_require__(9286);
+var clone = __webpack_require__(6905);
 var size = __webpack_require__(5170);
 var getSetRecord = __webpack_require__(3789);
 var iterateSet = __webpack_require__(8469);
@@ -27201,7 +27201,7 @@ $({ target: 'Iterator', proto: true, real: true, forced: someWithoutClosingOnEar
 
 var aSet = __webpack_require__(7080);
 var SetHelpers = __webpack_require__(4402);
-var clone = __webpack_require__(9286);
+var clone = __webpack_require__(6905);
 var getSetRecord = __webpack_require__(3789);
 var iterateSimple = __webpack_require__(507);
 
@@ -29473,7 +29473,7 @@ module.exports = function (it) {
 
 var aSet = __webpack_require__(7080);
 var add = (__webpack_require__(4402).add);
-var clone = __webpack_require__(9286);
+var clone = __webpack_require__(6905);
 var getSetRecord = __webpack_require__(3789);
 var iterateSimple = __webpack_require__(507);
 
@@ -43489,6 +43489,28 @@ var global = module.exports = typeof window != 'undefined' && window.Math == Mat
 if (typeof __g == 'number') __g = global; // eslint-disable-line no-undef
 
 
+/***/ }),
+
+/***/ 6905:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+
+var SetHelpers = __webpack_require__(4402);
+var iterate = __webpack_require__(8469);
+
+var Set = SetHelpers.Set;
+var add = SetHelpers.add;
+
+module.exports = function (set) {
+  var result = new Set();
+  iterate(set, function (it) {
+    add(result, it);
+  });
+  return result;
+};
+
+
 /***/ }),
 
 /***/ 6935:
@@ -65841,28 +65863,6 @@ module.exports = function (it) {
   return pl;
 });
 
-/***/ }),
-
-/***/ 9286:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var SetHelpers = __webpack_require__(4402);
-var iterate = __webpack_require__(8469);
-
-var Set = SetHelpers.Set;
-var add = SetHelpers.add;
-
-module.exports = function (set) {
-  var result = new Set();
-  iterate(set, function (it) {
-    add(result, it);
-  });
-  return result;
-};
-
-
 /***/ }),
 
 /***/ 9294:
@@ -74527,8 +74527,8 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var pager = (component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-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/table/index.vue?vue&type=template&id=96b0fb18
-var tablevue_type_template_id_96b0fb18_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-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/table/index.vue?vue&type=template&id=f5e98ace
+var tablevue_type_template_id_f5e98ace_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', [_c('vxe-grid', _vm._g(_vm._b({
@@ -74613,7 +74613,7 @@ var tablevue_type_template_id_96b0fb18_render = function render() {
     }
   }) : _vm._e()], 1);
 };
-var tablevue_type_template_id_96b0fb18_staticRenderFns = [];
+var tablevue_type_template_id_f5e98ace_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
 var es_array_push = __webpack_require__(4114);
@@ -77830,6 +77830,11 @@ var custom_column_component = normalizeComponent(
     handleOpenCustomColumn() {
       this.customTableVisible = true;
     },
+    clearSelection() {
+      if (this.$refs.xGrid) {
+        this.$refs.xGrid.clearCheckboxRow();
+      }
+    },
     // 改变表头字段
     changeTableFields(cols) {
       var _this$gridOptions$cus3;
@@ -78243,8 +78248,8 @@ var custom_column_component = normalizeComponent(
 ;
 var table_component = normalizeComponent(
   components_tablevue_type_script_lang_js,
-  tablevue_type_template_id_96b0fb18_render,
-  tablevue_type_template_id_96b0fb18_staticRenderFns,
+  tablevue_type_template_id_f5e98ace_render,
+  tablevue_type_template_id_f5e98ace_staticRenderFns,
   false,
   null,
   null,
@@ -78751,13 +78756,16 @@ var pair_number_input_component = normalizeComponent(
 )
 
 /* harmony default export */ var pair_number_input = (pair_number_input_component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-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/custom-date-picker.vue?vue&type=template&id=7e995d1f
-var custom_date_pickervue_type_template_id_7e995d1f_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-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/custom-date-picker.vue?vue&type=template&id=6ccfc0f6
+var custom_date_pickervue_type_template_id_6ccfc0f6_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
-    staticClass: "b-picker wrapper"
-  }, [_c('el-date-picker', _vm._b({
+    staticClass: "b-picker wrapper",
+    class: {
+      'b-picker--panel-shortcuts': _vm.shortcutLayout === 'panel'
+    }
+  }, [_vm.shortcutLayout === 'external' ? [_c('el-date-picker', _vm._b({
     staticStyle: {
       "width": "70%"
     },
@@ -78782,9 +78790,19 @@ var custom_date_pickervue_type_template_id_7e995d1f_render = function render() {
         }
       }
     }, [_vm._v(" " + _vm._s(item.label) + " ")]);
-  }), 0)], 1);
+  }), 0)] : _c('el-date-picker', _vm._b({
+    ref: "panelDatePicker",
+    attrs: {
+      "value": _vm.value,
+      "popper-class": _vm.panelPopperClass
+    },
+    on: {
+      "input": _vm.handleChange,
+      "focus": _vm.handlePanelOpen
+    }
+  }, 'el-date-picker', _vm.panelDateOptions, false))], 2);
 };
-var custom_date_pickervue_type_template_id_7e995d1f_staticRenderFns = [];
+var custom_date_pickervue_type_template_id_6ccfc0f6_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/moment/moment.js
 var moment = __webpack_require__(9412);
@@ -78821,6 +78839,16 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
     endTimeField: {
       type: String,
       default: ''
+    },
+    /**
+     * 快捷按钮展示方式
+     * external: 快捷按钮在输入框右侧（默认，保持原有样式）
+     * panel: 快捷按钮在日期选择面板内左侧
+     */
+    shortcutLayout: {
+      type: String,
+      default: 'external',
+      validator: value => ['external', 'panel'].includes(value)
     }
   },
   data() {
@@ -78865,33 +78893,71 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
         active: '',
         ...this.otherOption
       };
+    },
+    panelDateOptions() {
+      const {
+        pickerOptions: userPickerOptions = {},
+        ...restOptions
+      } = this.dateOptions;
+      return {
+        ...restOptions,
+        pickerOptions: {
+          ...userPickerOptions,
+          shortcuts: this.panelShortcuts
+        }
+      };
+    },
+    panelShortcuts() {
+      return this.shortcuts.map(item => ({
+        text: item.label,
+        onClick: picker => {
+          this.active = item.key;
+          picker.$emit('pick', [moment_default()(item.start_time).toDate(), moment_default()(item.end_time).toDate()]);
+          this.schedulePanelShortcutHighlight();
+        }
+      }));
+    },
+    panelPopperClass() {
+      return `by-custom-date-picker-panel by-custom-date-picker-panel--${this._uid}`;
     }
   },
   watch: {
+    active() {
+      if (this.shortcutLayout === 'panel') {
+        this.schedulePanelShortcutHighlight();
+      }
+    },
     value: {
-      handler(newValue, oldValue) {
-        if (newValue && newValue.length) {
-          this.active = '';
-          this.shortcuts.forEach(item => {
-            if (item.start_time === newValue[0] && item.end_time === newValue[1]) {
-              this.active = item.key;
-            }
-          });
-        } else {
-          this.active = this.dateOptions.active;
-          const item = this.shortcuts.find(item => item.key === this.dateOptions.active) || {};
-          if (item.start_time && item.end_time) {
-            this.handleClick(item);
-          }
-        }
+      handler(newValue) {
+        this.syncActiveFromValue(newValue);
       },
       immediate: true
     }
   },
   methods: {
+    syncActiveFromValue(newValue) {
+      if (newValue && newValue.length) {
+        const start = moment_default()(newValue[0]).format('YYYY-MM-DD');
+        const end = moment_default()(newValue[1]).format('YYYY-MM-DD');
+        let matchedKey = '';
+        this.shortcuts.forEach(item => {
+          if (item.start_time === start && item.end_time === end) {
+            matchedKey = item.key;
+          }
+        });
+        this.active = matchedKey;
+        return;
+      }
+      this.active = this.dateOptions.active;
+      const item = this.shortcuts.find(shortcut => shortcut.key === this.dateOptions.active) || {};
+      if (item.start_time && item.end_time) {
+        this.handleClick(item);
+      }
+    },
     handleChange(e) {
       if (!e) {
         this.$emit('input', []);
+        this.active = '';
         if (this.startTimeField && this.endTimeField) {
           this.$emit('range-change', {
             startTime: '',
@@ -78907,8 +78973,10 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
             endTime: formattedDates[1]
           });
         }
+
+        // 日期选择器初始化时也会触发 input，需同步快捷项高亮状态
+        this.syncActiveFromValue(formattedDates);
       }
-      this.active = '';
     },
     handleClick(item) {
       this.active = item.key;
@@ -78919,23 +78987,61 @@ var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
           endTime: item.end_time
         });
       }
+    },
+    handlePanelOpen() {
+      if (this.shortcutLayout !== 'panel') return;
+      this.syncActiveFromValue(this.value);
+      this.schedulePanelShortcutHighlight();
+    },
+    getPanelElement() {
+      const datePicker = this.$refs.panelDatePicker;
+      if (!datePicker || !datePicker.picker) return null;
+      return datePicker.picker.$el || null;
+    },
+    schedulePanelShortcutHighlight(retry = 0) {
+      this.$nextTick(() => {
+        const updated = this.updatePanelShortcutHighlight();
+        if (!updated && retry < 8) {
+          setTimeout(() => {
+            this.schedulePanelShortcutHighlight(retry + 1);
+          }, 50);
+        }
+      });
+    },
+    updatePanelShortcutHighlight() {
+      const panel = this.getPanelElement() || document.querySelector(`.by-custom-date-picker-panel--${this._uid}`);
+      if (!panel) return false;
+      const shortcutEls = panel.querySelectorAll('.el-picker-panel__shortcut');
+      if (!shortcutEls.length) return false;
+      shortcutEls.forEach(el => {
+        const label = (el.textContent || '').trim();
+        const item = this.shortcuts.find(shortcut => shortcut.label === label);
+        el.classList.toggle('is-active', !!(item && item.key === this.active));
+      });
+      return true;
     }
   }
 });
 ;// ./src/components/form/comps/custom-date-picker.vue?vue&type=script&lang=js
  /* harmony default export */ var comps_custom_date_pickervue_type_script_lang_js = (custom_date_pickervue_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/comps/custom-date-picker.vue?vue&type=style&index=0&id=6ccfc0f6&prod&lang=scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/components/form/comps/custom-date-picker.vue?vue&type=style&index=0&id=6ccfc0f6&prod&lang=scss
+
 ;// ./src/components/form/comps/custom-date-picker.vue
 
 
 
+;
 
 
 /* normalize component */
-;
+
 var custom_date_picker_component = normalizeComponent(
   comps_custom_date_pickervue_type_script_lang_js,
-  custom_date_pickervue_type_template_id_7e995d1f_render,
-  custom_date_pickervue_type_template_id_7e995d1f_staticRenderFns,
+  custom_date_pickervue_type_template_id_6ccfc0f6_render,
+  custom_date_pickervue_type_template_id_6ccfc0f6_staticRenderFns,
   false,
   null,
   null,
@@ -78944,8 +79050,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":"8cd600e8-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=05ec4584
-var ByCommonSelectorvue_type_template_id_05ec4584_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-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=781ea1a3
+var ByCommonSelectorvue_type_template_id_781ea1a3_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -79537,7 +79643,7 @@ var ByCommonSelectorvue_type_template_id_05ec4584_render = function render() {
     }
   }, [_vm._v(" 加载中... ")]) : _vm._e()], 2);
 };
-var ByCommonSelectorvue_type_template_id_05ec4584_staticRenderFns = [];
+var ByCommonSelectorvue_type_template_id_781ea1a3_staticRenderFns = [];
 
 ;// ./node_modules/pinyin-pro/dist/index.mjs
 
@@ -90316,6 +90422,12 @@ const allOptionsNames = ['全部', '全选', '所有', '全部选项', 'All', 'a
         this.localSuffixInputValue = val;
       }
     },
+    showSuffixInput() {
+      this.scheduleExpandCheck();
+    },
+    showSuffixBatchInput() {
+      this.scheduleExpandCheck();
+    },
     enhancedAllOptions: {
       handler(newOptions) {
         if (this.type === 'enhancedSelect') {
@@ -90489,39 +90601,51 @@ const allOptionsNames = ['全部', '全选', '所有', '全部选项', 'All', 'a
         // 如果找不到容器，保持当前状态不变
         return;
       }
+      const scrollContainer = container.querySelector('.by_scroll-container');
+      // 排除 A~Z 字母筛选组，只取选项行（含后置输入框、插槽、批量按钮等同行内容）
+      const optionGroup = scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.querySelector('.el-radio-group:not(.by_Eng), .el-checkbox-group');
 
-      // 获取所有选项元素
-      const items = container.querySelectorAll('.el-checkbox, .el-radio');
+      // 至少需要一个选项才做宽度检测
+      const items = optionGroup ? optionGroup.querySelectorAll('.el-checkbox, .el-radio') : container.querySelectorAll('.el-checkbox, .el-radio');
       if (!items.length) {
         this.needExpand = false;
         return;
       }
       try {
-        // 计算所有选项的总宽度
-        let totalWidth = 0;
-        items.forEach(item => {
-          if (item && item.offsetWidth) {
-            const style = getComputedStyle(item);
-            const marginLeft = parseInt(style.marginLeft) || 0;
-            const marginRight = parseInt(style.marginRight) || 0;
-            totalWidth += item.offsetWidth + marginLeft + marginRight;
+        let needExpand = false;
+        if (optionGroup && scrollContainer) {
+          // 用选项组 scrollWidth 衡量整行内容（选项 + 后置输入框 + 插槽 + 批量按钮）
+          const contentWidth = optionGroup.scrollWidth;
+          let visibleWidth = scrollContainer.clientWidth;
+          if (!visibleWidth) {
+            visibleWidth = container.offsetWidth;
           }
-        });
-
-        // 获取容器宽度
-        let containerWidth = container.offsetWidth;
-
-        // 如果容器宽度为0，尝试获取父元素宽度
-        if (!containerWidth && container.parentElement) {
-          containerWidth = container.parentElement.offsetWidth;
+          if (!visibleWidth && container.parentElement) {
+            visibleWidth = container.parentElement.offsetWidth;
+          }
+          if (!visibleWidth) {
+            visibleWidth = 500;
+          }
+          needExpand = contentWidth > visibleWidth;
+        } else {
+          // 回退：按选项逐项累加（兼容 DOM 结构异常场景）
+          let totalWidth = 0;
+          items.forEach(item => {
+            if (item && item.offsetWidth) {
+              const style = getComputedStyle(item);
+              const marginLeft = parseInt(style.marginLeft) || 0;
+              const marginRight = parseInt(style.marginRight) || 0;
+              totalWidth += item.offsetWidth + marginLeft + marginRight;
+            }
+          });
+          let containerWidth = container.offsetWidth;
+          if (!containerWidth && container.parentElement) {
+            containerWidth = container.parentElement.offsetWidth;
+          }
+          if (!containerWidth) containerWidth = 500;
+          needExpand = totalWidth > containerWidth;
         }
 
-        // 确保有有效宽度
-        if (!containerWidth) containerWidth = 500;
-
-        // 如果总宽度超过容器宽度，则需要展开按钮
-        const needExpand = totalWidth > containerWidth;
-
         // 只有在状态变化时才更新，减少不必要的重渲染
         if (this.needExpand !== needExpand) {
           this.needExpand = needExpand;
@@ -91050,8 +91174,8 @@ const allOptionsNames = ['全部', '全选', '所有', '全部选项', 'All', 'a
 ;
 var ByCommonSelector_component = normalizeComponent(
   common_selector_ByCommonSelectorvue_type_script_lang_js,
-  ByCommonSelectorvue_type_template_id_05ec4584_render,
-  ByCommonSelectorvue_type_template_id_05ec4584_staticRenderFns,
+  ByCommonSelectorvue_type_template_id_781ea1a3_render,
+  ByCommonSelectorvue_type_template_id_781ea1a3_staticRenderFns,
   false,
   null,
   null,

package/lib/by-components.css

@@ -1 +1 @@
-.b-form .header[data-v-1fc1d18e]{margin-bottom:20px}.b-form .footer[data-v-1fc1d18e]{margin-top:20px}
+.by-custom-date-picker-panel{--by-date-panel-primary:#409eff;--by-date-panel-primary-light:#e8f3ff;--by-date-panel-sidebar-bg:#f7f8fa;--by-date-panel-border:#ebeef5;--by-date-panel-text:#606266;--by-date-panel-text-secondary:#909399;border:1px solid var(--by-date-panel-border)!important;border-radius:8px!important;box-shadow:0 8px 24px rgba(31,45,61,.12)!important;overflow:hidden}.by-custom-date-picker-panel.el-date-range-picker.has-sidebar{width:712px}.by-custom-date-picker-panel .el-picker-panel__body-wrapper{background:#fff}.by-custom-date-picker-panel .el-picker-panel__sidebar{width:80px;padding:10px 6px;background:var(--by-date-panel-sidebar-bg);border-right:1px solid var(--by-date-panel-border);box-sizing:border-box}.by-custom-date-picker-panel .el-picker-panel__sidebar+.el-picker-panel__body{margin-left:80px}.by-custom-date-picker-panel .el-picker-panel__shortcut{display:block;width:auto;margin:2px 0;padding:0 8px;border:0;border-radius:6px;background-color:transparent;line-height:32px;font-size:13px;color:var(--by-date-panel-text);text-align:left;transition:color .2s ease,background-color .2s ease}.by-custom-date-picker-panel .el-picker-panel__shortcut:hover{color:var(--by-date-panel-primary);background-color:#eef1f6}.by-custom-date-picker-panel .el-picker-panel__shortcut.is-active{color:var(--by-date-panel-primary)!important;font-weight:500;background-color:var(--by-date-panel-primary-light)}.by-custom-date-picker-panel .el-picker-panel__body{min-width:auto}.by-custom-date-picker-panel .el-date-range-picker__content{padding:12px 14px 14px}.by-custom-date-picker-panel .el-date-range-picker__content.is-left{border-right-color:var(--by-date-panel-border)}.by-custom-date-picker-panel .el-date-range-picker__header{height:32px;line-height:32px;margin-bottom:4px}.by-custom-date-picker-panel .el-date-range-picker__header div{font-size:15px;font-weight:500;color:#303133}.by-custom-date-picker-panel .el-picker-panel__icon-btn{margin-top:4px;border-radius:4px;transition:color .2s ease,background-color .2s ease}.by-custom-date-picker-panel .el-picker-panel__icon-btn:hover{color:var(--by-date-panel-primary);background-color:#f2f6fc}.by-custom-date-picker-panel .el-date-table th{color:var(--by-date-panel-text-secondary);font-weight:500;border-bottom-color:var(--by-date-panel-border)}.by-custom-date-picker-panel .el-date-table td.available:hover{color:var(--by-date-panel-primary)}.by-custom-date-picker-panel .el-date-table td.in-range div{background-color:#f0f7ff}.by-custom-date-picker-panel .el-date-table td.end-date div,.by-custom-date-picker-panel .el-date-table td.start-date div{color:#fff}.by-custom-date-picker-panel .el-date-table td.end-date span,.by-custom-date-picker-panel .el-date-table td.start-date span{background-color:var(--by-date-panel-primary);color:#fff}.by-custom-date-picker-panel .el-date-table td.today span{color:var(--by-date-panel-primary);font-weight:600}.by-custom-date-picker-panel .el-date-table td.today.end-date span,.by-custom-date-picker-panel .el-date-table td.today.start-date span{color:#fff;font-weight:500}.b-form .header[data-v-1fc1d18e]{margin-bottom:20px}.b-form .footer[data-v-1fc1d18e]{margin-top:20px}